@charset "UTF-8";
html, body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: 'Gotham Pro';
  background-color: #1b2030;
  height: 100%;
  //
  min-width: 428px;
  color: #2D2A73;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-x: hidden;
}

.profile__edit {
  width: calc(100% - 280px);
  margin-top: 0;
  margin-left: 15px;
  padding: 24px;
  border-radius: 25px;
  background: #F3F4F8;
}

.profile__edit-title {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.profile__edit-field {
  display: block;
  margin-bottom: 14px;
}

.profile__edit-field span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #7987AE;
  text-transform: uppercase;
}

.profile__edit-field input[type="text"] {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: #171b28;
  font-weight: 600;
}

.profile__edit-file input {
  display: none;
}

.profile__edit-file em {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  color: #7987AE;
  background: #171b28;
  font-style: normal;
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile__edit .btn {
  width: 100%;
  height: 48px;
}

.theme--dark .profile__edit {
  background: #202638;
}

.popup--profile-edit {
  width: 390px;
  max-width: calc(100vw - 24px);
}

.popup--profile-edit .popup__title {
  padding-bottom: 20px;
}

.popup--profile-edit .popup__content {
  padding: 18px 20px 20px;
}

.profile-edit-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profile-edit-preview {
  gap: 14px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(23, 27, 40, 0.55);
}

.profile-edit-preview__avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #171b28;
  box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.12);
  flex: 0 0 auto;
}

.profile-edit-preview__text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.profile-edit-preview__text b {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-edit-preview__text span {
  color: #7987AE;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.profile-edit-field {
  display: block;
}

.profile-edit-field span {
  display: block;
  margin-bottom: 8px;
  color: #7987AE;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.profile-edit-field input[type="text"] {
  width: 100%;
  height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(121, 135, 174, 0.12);
  border-radius: 12px;
  color: #fff;
  background: #171b28;
  font-family: inherit;
  font-weight: 700;
}

.profile-edit-file input {
  display: none;
}

.profile-edit-file em {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(121, 135, 174, 0.12);
  border-radius: 12px;
  color: #7987AE;
  background: #171b28;
  font-style: normal;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-edit-file em:hover {
  color: #fff;
  border-color: rgba(59, 130, 246, 0.35);
}

.profile-edit-form .btn {
  width: 100%;
  height: 50px;
  margin-top: 2px;
}

.theme--dark .popup--profile-edit {
  background: #202638;
}

@media(max-width: 920px) {
  .profile__edit {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}

.chat span{
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 3px;
  height: 8px;
  background-color: transparent;
  border-radius: 50px;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
  -webkit-box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.3);
  box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.3);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: 0;
}


.show_ul li, .show_ul{
  list-style-type: disc;
}

.show_ul{
  padding: 15px;
}

a, :before, :after, input, button {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
}

span, b, p, h1, h2, h3, h4, h5, h6, em {
  cursor: default;
}

span, b, p, h1, h2, h3, h4, h5, h6, em {
  cursor: default;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

a {
  color: #475A89;
}

.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  stroke-width: 0;
  stroke: currentColor !important;
  fill: currentColor !important;
  pointer-events: none;
}

#app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.flare {
  overflow: hidden;
  position: relative;
}

.flare:before {
  content: '';
  position: absolute;
  top: 0;
  left: -200%;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: 2;
  will-change: left;
  -webkit-filter: blur(4rem);
  filter: blur(4rem);
  pointer-events: none;
  opacity: 0;
}

.flare:hover:before {
  -webkit-animation: 0.6s flare;
  animation: 0.6s flare;
}

@-webkit-keyframes flare {
  from {
    left: -200%;
    opacity: 0;
  }
  to {
    left: 150%;
    opacity: 1;
  }
}

@keyframes flare {
  from {
    left: -200%;
    opacity: 0;
  }
  to {
    left: 150%;
    opacity: 1;
  }
}

input, button, textarea {
  font-family: inherit;
  border: 0;
  background: transparent;
  outline: 0;
}

.wrapper {
  max-width: 1322px;
  margin: 0 auto;
  position: relative;
}

main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 75px;
  width: calc(100% - 424px);
  padding-left: 133px;
  padding-right: 30px;
  padding-bottom: 26px;
}

.btn {
  height: 48px;
  border-radius: 15px;
  padding: 0px 24px;
  background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  position: relative;
}

.btn span {
  pointer-events: none;
}

.btn .icon {
  margin-right: 13px;
}

.btn.disabled {
  cursor: not-allowed;
}

.btn--gray-border {
  background: transparent;
  border: 2px solid #D8DBEF;
  color: #7D8EBB;
}

.btn--gray-border:hover {
  border: 2px solid #cccfe3;
  color: #475a89;
}

.btn--blue {
  background: linear-gradient(94.98deg, #4762F2 10.08%, #3DC5F0 94.83%);
  border-bottom: solid 3px #2A63CC;
}

.btn--blue span {
  text-shadow: 0px 1px 0px rgba(136, 21, 43, 0.25);
}

.btn--red {
  background: linear-gradient(94.98deg, #F24E47 10.08%, #F542B9 94.83%);
  border-bottom: solid 3px #D22780;
}

.btn--red span {
  text-shadow: 0px 1px 0px rgba(136, 21, 43, 0.38);
}

.btn--orange {
  background: linear-gradient(101.85deg, #F66B95 13.32%, #F79E6C 58.67%), #C4C4C4;
}

.btn--purple {
  background: linear-gradient(101.85deg, #6B71F6 13.32%, #8851E2 58.67%), #C4C4C4;
}

.btn--green {
  background: linear-gradient(101.85deg, #29D195 13.32%, #479BCA 58.67%), #C4C4C4;
}

.btn--pink {
  background: linear-gradient(101.85deg, #FF4ED8 13.32%, #AA1B82 58.67%), #C4C4C4;
}

.icon.money, .icon.small {
  width: 14px;
  height: 14px;
}

#toast-container > div {
  opacity: 1 !important;
  padding: 20px 20px 20px 60px !important;
  border-radius: 20px !important;
  background-position: 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px !important;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#toast-container > .toast-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' fill='white' fill-opacity='.18'/%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' stroke='white' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='m12.4 18.4 3.5 3.5 7.9-8.2' stroke='white' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-error,
#toast-container > .toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' fill='white' fill-opacity='.18'/%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' stroke='white' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 11.2v9.3' stroke='white' stroke-width='3.1' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='25' r='1.9' fill='white'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-support-reply {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'36'%20height%3D'36'%20viewBox%3D'0%200%2036%2036'%20fill%3D'none'%3E%3Crect%20x%3D'3.5'%20y%3D'3.5'%20width%3D'29'%20height%3D'29'%20rx%3D'10'%20fill%3D'white'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M10%2012.5A6.5%206.5%200%200%201%2016.5%206h3A6.5%206.5%200%200%201%2026%2012.5v3.2a6.5%206.5%200%200%201-6.5%206.5h-2.8l-5.2%204.1v-5.1A6.5%206.5%200%200%201%2010%2015.7v-3.2Z'%20stroke%3D'white'%20stroke-width%3D'2.5'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M15%2015h.1M18%2015h.1M21%2015h.1'%20stroke%3D'white'%20stroke-width%3D'3.2'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M27.5%208.2l.7%201.5%201.5.7-1.5.7-.7%201.5-.7-1.5-1.5-.7%201.5-.7.7-1.5Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") !important;
}

.toast-message {
  line-height: 1.35;
}

.toast-message {
  font-size: 12px;
  opacity: .6;
}

.toast-title {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 10px;
}

#toast-container > div:hover {
  -webkit-box-shadow: 0 0 4em 3px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 4em 3px rgba(0, 0, 0, 0.25) !important;
}

.user-status {
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 12px;
  font-size: 12px;
  color: #fff !important;
  margin-right: 8px;
  border-radius: 15px;
}

.user-status.new {
  background: #e0e5f4;
  color: #808ab3 !important;
}

.user-status.wolf {
  background: -webkit-gradient(linear, left top, right top, from(#b2510e), to(#f59c2c));
  background: linear-gradient(to right, #b2510e, #f59c2c);
}

.user-status.predator {
  background: -webkit-gradient(linear, left top, right top, from(#2e4a60), to(#387274));
  background: linear-gradient(to right, #2e4a60, #387274);
}

.user-status.premium {
  background: -webkit-gradient(linear, left top, right top, from(#5e327a), to(#9839b9));
  background: linear-gradient(to right, #5e327a, #9839b9);
}

.user-status.alpha {
  background: -webkit-gradient(linear, left top, right top, from(#387be5), to(#7d49cf));
  background: linear-gradient(to right, #387be5, #7d49cf);
}

.user-status.vip {
  background: -webkit-gradient(linear, left top, right top, from(#f27559), to(#ea2424));
  background: linear-gradient(to right, #f27559, #ea2424);
}

.user-status.professional {
  background: -webkit-gradient(linear, left top, right top, from(#d32787), to(#ff0202));
  background: linear-gradient(to right, #d32787, #ff0202);
}

.user-status.legend {
  background: -webkit-gradient(linear, left top, right top, from(#222b94), to(#1183d3));
  background: linear-gradient(to right, #222b94, #1183d3);
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox:checked + label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #5F5CE6;
  border-radius: 4px;
  border-radius: 4px;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Bold Italic"), local("GothamPro-BoldItalic"), url("../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Italic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Italic"), local("GothamPro-Italic"), url("../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Medium.eot");
  src: local("../fonts/GothamPro/Gotham Pro Medium"), local("GothamPro-Medium"), url("../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-BlackItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Black Italic"), local("GothamPro-BlackItalic"), url("../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Bold.eot");
  src: local("../fonts/GothamPro/Gotham Pro Bold"), local("GothamPro-Bold"), url("../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  src: url("../fonts/GothamPro/GothamProNarrow-Bold.eot");
  src: local("../fonts/GothamPro/Gotham Pro Narrow Bold"), local("GothamProNarrow-Bold"), url("../fonts/GothamPro/GothamProNarrow-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamProNarrow-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamProNarrow-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  src: url("../fonts/GothamPro/GothamProNarrow-Medium.eot");
  src: local("../fonts/GothamPro/Gotham Pro Narrow Medium"), local("GothamProNarrow-Medium"), url("../fonts/GothamPro/GothamProNarrow-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamProNarrow-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamProNarrow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Light Italic"), local("GothamPro-LightItalic"), url("../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Light.eot");
  src: local("../fonts/GothamPro/Gotham Pro Light"), local("GothamPro-Light"), url("../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Black.eot");
  src: local("../fonts/GothamPro/Gotham Pro Black"), local("GothamPro-Black"), url("../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro.eot");
  src: local("../fonts/GothamPro/Gotham Pro"), local("GothamPro"), url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Medium Italic"), local("GothamPro-MediumItalic"), url("../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}


@media only screen and (max-width: 1725px) {
  .x30__bet-user .history__user span {
    max-width: 25px !important;
  }
}

@media only screen and (max-width: 1600px) {
  .x30__bets {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .x30__bet-user .history__user span {
    max-width: 128px !important;
  }
  .crash__history-item-user--win .history__user span {
    max-width: 40px !important;
  }
}

@media only screen and (max-width: 1515px) {
  .x30__bet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .x30__history {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .x30__bet-game {
    width: 100% !important;
  }
  .x30__bet-user .history__user span {
    max-width: 40px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .crash label > span {
    display: none;
  }
  .bonus__item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .bonus__item--reposts .bx-input__input {
    width: 76% !important;
  }
  .bonus__levels-items, .bonus__reposts-items {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 1400px) {
  .crash__history-users {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .profile__stats {
    width: 100% !important;
    margin-top: 15px;
    padding-left: 0 !important;
  }
  .profile__user {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1250px) {
  .chat {
    width: 370px !important;
  }
  main, .header, .footer {
    width: calc(100% - 370px) !important;
  }
  .sidebar__profile {
    display: none;
  }
  .footer__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 24px;
  }
  .footer__links li {
    margin-right: 0 !important;
  }
  .footer__text {
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .x30__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .x30__bet-user .history__user span {
    max-width: 75px !important;
  }
}

@media only screen and (max-width: 1125px) {
  .sidebar {
    display: none;
  }
  .chat {
    width: 100% !important;
    z-index: 4;
    background: #EBECF2 !important;
    margin-top: 75px;
    height: calc(100% - 140px) !important;
    display: none;
  }
  .chat:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    left: 0;
    background: url(../images/borders.svg) repeat;
  }
  main {
    z-index: 1;
  }
  .header {
    padding-left: 20px !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
  .history table {
    display: none;
  }
  main, .footer {
    padding-left: 20px !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
  .x30__bets {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .footer {
    padding-bottom: 110px !important;
  }
  .mobile-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html, body {
    height: auto !important;
  }
}

@media only screen and (max-width: 725px) {
  .x30__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .overlayed {
    padding-top: 30px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .dice__bet {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mines__left {
    width: 100% !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 15px;
  }
  .mines__right {
    margin: 0 auto;
    width: 340px !important;
  }
  .mines__wrapper {
    width: 100%;
  }
  .keno__bet-settings {
    height: auto !important;
  }
  .keno__bet-left {
    width: 100% !important;
  }
  .keno__bet-right {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: solid 1px #f1f2ff;
  }
  .keno__bet {
    padding: 20px 25px !important;
  }
  .bonus__hits-content {
    background-size: cover !important;
    padding-top: 150px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .bonus__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bonus__content .bx-input__input {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .shoot .crazygame__container {
    background: #31251A;
  }
  .shoot .crazygame__center-ellipse {
    width: 640px !important;
    height: 640px !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
  .shoot .crazygame__center-ellipse-border {
    width: 610px !important;
    height: 610px !important;
  }
  .shoot .crazygame__game-select {
    border-radius: initial !important;
    -webkit-backdrop-filter: blur(1px) !important;
    backdrop-filter: blur(1px) !important;
    background: rgba(49, 37, 26, 0.75) !important;
  }
}

@media only screen and (max-width: 675px) {
  .wallet__methods {
    width: 100% !important;
    margin-bottom: 15px;
    height: 200px !important;
  }
  .wallet__content {
    padding-left: 0 !important;
    width: 100% !important;
  }
  .wallet__order {
    margin-top: 20px;
  }

  .shoot__bet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shoot__bet-btns {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
  }
  .shoot__bet-btn-settings {
    margin-right: 15px;
  }
  .shoot__bet-btn-settings:nth-last-child(1) {
    margin-right: 0;
  }
  .shoot__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .shoot__bet-item--bonus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}


@media only screen and (max-width: 650px) {
  .shoot__game-wrapper {
    width: 100% !important;
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 625px) {
  .header__links {
    display: none !important;
  }
  .header__right .sidebar__logotype {
    display: block !important;
  }
  .header__right {
    width: 100% !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .shoot .cash-hunt__inner {
    -ms-grid-columns: (1fr)[6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .x30__rocket {
    right: -60px !important;
    bottom: -60px !important;
  }
  .history {
    overflow-x: auto;
  }
  .history table {
    min-width: 925px;
  }
  .crash__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .crash__left {
    width: 100% !important;
    margin-top: 15px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .crash__right {
    width: 100% !important;
  }
  .crash__canvas {
    height: 230px;
  }
  .refferal__stats {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 !important;
    margin-top: 20px;
  }
  .refferal__left {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .profile__stats {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .popup .bx-input__create-coupon {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .popup .bx-input__create-coupon .bx-input__input:nth-last-child(1) {
    grid-column: auto !important;
  }
  .popup .close {
    position: absolute;
    right: -8px;
    top: -15px;
  }
}

@media only screen and (max-width: 1600px) {
  .x30__bet-users, .x100__bet-users {
    display: none;
  }

}
@media only screen and (max-width: 525px) {
  .x30__bet-users, .x100__bet-users {
    display: none;
  }
  .x30__bet-info {
    margin-bottom: 0 !important;
  }
  .x30__bets .x30__bet {
    margin-bottom: 0 !important;
  }
  .keno__title {
    display: none;
  }
  .keno__content {
    margin-top: 0 !important;
  }
  .keno__round-info {
    padding: 25px 30px !important;
  }
  .keno__canvas {
    max-width: 365px !important;
  }
}

@media only screen and (max-width: 475px) {
  .header__right .sidebar__logotype {
    width: 132px !important;
    height: 21px !important;
  }
  .header__user-b {
    margin-right: 15px !important;
  }
  .header__user-profile {
    width: 58px !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin-left: 6px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .popup__title span {
    font-size: 12px !important;
  }

  .shoot .coinflip__inner {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 20px;
    padding: 20px !important;
  }
  .shoot .coinflip {
    background: #31251A !important;
  }
}

.sidebar {
  position: fixed;
  left: 0px;
  top: 0;
  padding: 26px 30px;
  height: 100%;
  z-index: 5;
}

.sidebar__inner {
  position: relative;
  width: 73px;
  height: 100%;
}

.sidebar__top {
  position: relative;

}

.sidebar__online {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sidebar__block {
  border-radius: 25px;
  position: relative;
  width: 100%;
  background: #F4F6FF;
}

.sidebar__games {
  position: relative;
  padding: 25px 0px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.sidebar__games:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 38px;
  height: 38px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #EBECF2;
}

.sidebar__games:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -8px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 18px;
  height: 18px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #20273b;
  border-radius: 4px;
}

.sidebar__logotype {
  position: relative;
  width: 150px;
  height: 24px;
  margin-right: 36px;
  margin-bottom: 40px;
}

.sidebar__logotype:before {
  -webkit-filter: blur(0.8rem); 
  filter: blur(0.8rem);
}

.sidebar__logotype a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/logotype.svg) no-repeat center center/contain;
}

.sidebar__game {
  width: 52px;
  height: 52px;
  position: relative;
  border-radius: 50%;
}

.sidebar__game:not(.sidebar__game--active):hover {
  color: #fff;
}

.sidebar__game:not(.sidebar__game--active):hover .sidebar__game-name {
  opacity: 1;
  padding-left: 52px;
  padding-right: 20px;
  color: #fff;
}

.sidebar__game .icon {
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.sidebar__game-center {
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
}

.sidebar__game--hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #3a7be6;
  opacity: 0;
}

.sidebar__game-name {
  position: absolute;
  font-weight: 600;
  height: 100%;
  left: 0px;
  background: #2D2A73;
  border-radius: 50px;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  pointer-events: none;
  text-transform: uppercase;
}

.sidebar__game--active {
  color: #387be5;
}

.sidebar__game--active .sidebar__game--hover {
  opacity: 1;
}

.sidebar__profile {
  position: relative;
  padding: 25px 0px;
  padding-bottom: 10px;
}

.sidebar__profile .sidebar__game:hover {
  color: #2D2A73;
}

.sidebar__profile:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 38px;
  height: 38px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #EBECF2;
}

.sidebar__profile:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -8px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 18px;
  height: 18px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #20273b;
  border-radius: 4px;
}

.sidebar__user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 5px;
  position: relative;
}

.sidebar__online {
  font-size: 12px;
  font-weight: 600;
  color: #2FA6AC;
}

.sidebar__online i {
  width: 6px;
  height: 6px;
  background: #2FA6AC;
  border-radius: 50px;
  margin-right: 12px;
  -webkit-box-shadow: 0px 0px 0px 6px rgba(66, 186, 192, 0.17);
  box-shadow: 0px 0px 0px 6px rgba(66, 186, 192, 0.17);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}




@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #42bac0;
    box-shadow: 0 0 0 0 #42bac0;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #42bac0;
    box-shadow: 0 0 0 0 #42bac0;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
  }
}

.sidebar__socials {
  position: relative;
  grid-gap: 15px;
}

.sidebar__socials a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
}

.sidebar__socials a .icon {
  width: 16px;
  height: 16px;
}

.sidebar__social--vk {
  background: #016FED;
}

.sidebar__social--vk:hover {
  -webkit-box-shadow: 0px 0px 0em 7px rgba(1, 111, 237, 0.3);
  box-shadow: 0px 0px 0em 7px rgba(1, 111, 237, 0.3);
}


.chat {
  position: fixed;
  right: 0;
  width: 424px;
  height: 100%;
  background: linear-gradient(286.81deg, #F0F2FF 14.71%, rgba(235, 236, 242, 0.6));
  padding: 17px 0;
  top: 0;
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  border-left: solid 1px #DEE2F8;
  z-index: 1;
}

.chat__heading {
  padding: 5px 23px;
  line-height: 22px;
  padding-right: 12px;
}

.chat__header-info{
 padding: 5px 23px;
 line-height: 22px;
 padding-right: 12px;
 position: absolute;
 top: 70px;
 z-index: 1000;
 width: 100%;
 background: linear-gradient(286.81deg, #F0F2FF 14.71%, rgba(235, 236, 242, 1));
}

.theme--dark .chat__header-info{

  background: linear-gradient(262deg, #232845 2.45%, rgba(30, 34, 63, 1) 61.7%)!important;

}

@media only screen and (max-width: 1125px){
  .chat__header-info {
    background: #EBECF2!important;
  }

  .theme--dark .chat__header-info {
    background: #1b2030!important;
  }
}

.chat__giveaway {
  position: relative;
  /*padding: 0px 30px;*/
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  /*margin-bottom: 28px;*/
}

.chat__giveaway-inner {
  background-color: #fafaff;
  padding: 15px 25px;
  border-radius: 17px;
  overflow: hidden;
  border: solid 4px #b2b7d3;
  position: relative;
}

.theme--dark .chat__giveaway-inner{
  background-color: #262b4d;
  border: solid 4px #4d517e;
}

.chat__giveaway-inner h5 {
  font-size: 13px;
  color: #475a89;
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 12px;
}

.theme--dark .chat__giveaway-inner h5{
  color: #fff;
}
.chat__giveaway-timer--span {
  background-color: #b2b7d3;
  border-radius: 7px;
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 28px;
  font-weight: 900;
  color: #fff !important;
  margin: 0px 2px;
}

.theme--dark .chat__giveaway-timer--span{
  background-color: #4d517e;
}

.chat__giveaway-timer span {
  color: #9C6DF2;
}

.chat__giveaway-image {
  position: absolute;
  right: -12px;
  top: 0;
  pointer-events: none;
}

.chat__online .icon {
  margin-right: 20px;
  color: #7887AE;
  width: 20px;
  height: 20px;
}

.chat__online span {
  font-weight: 500;
  color: #7987AE;
  font-size: 12px;
}

.chat__online p {
  font-size: 18px;
  font-weight: 600;
}

.chat__buttons {
  position: relative;
}

.chat__buttons a {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #fff;
  margin-right: 6px;
  color: #7887AE;
}

.chat__buttons a:hover {
  color: #2D2A73;
}

.chat__buttons a:nth-last-child(1) {
  margin: 0;
}

.chat__buttons a .icon {
  margin: 0;
  width: 18px;
  height: 18px;
}

/*.chat.chat--stickers .chat__messages, .chat.chat--smiles .chat__messages{
  height: calc(100% - 360px)!important;
}


.chat__messages {
  position: relative;
  height: calc(100% - 200px);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
*/
.chat.chat--stickers .chat__messages, .chat.chat--smiles .chat__messages{
  height: calc(100% - 420px)!important;
}

.chat__messages {
  position: relative;
  height: calc(100% - 257px);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}





.chat__messages {
  position: relative;
  padding: 20px 23px;
  padding-bottom: 0px;
  padding-top: 0;
}

.chat__messages .ss-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.chat__msg {
  position: relative;
  width: calc(100% - 25px);
  margin-bottom: 20px;
}

.chat__msg:nth-last-child(1) {
  margin-bottom: 0;
}

.chat__msg-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.chat__msg-info {
  width: calc(100% - 48px);
  line-height: 23px;
  padding-left: 20px;
  position: relative;
}

.chat__msg-info span {
  color: #2D2A73;
  font-weight: 500;
}

.chat__msg-info b {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: rgba(118, 125, 171, 0.5);
  font-weight: normal;
}

.chat__msg-message {
  font-size: 12px;
  padding: 10px 20px;
  background: #F9F9FF;
  margin-top: 10px;
  border-radius: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
}

.chat__msg-message span {
  font-weight: normal;
  line-height: 18px;
  color: #767DAB;
}

.chat__msg--your .chat__msg-avatar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.chat__msg--your .chat__msg-info {
  padding-left: 0;
  padding-right: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chat__msg--your .chat__msg-info b {
  display: none;
}

.chat__msg--your .chat__msg-info span {
  color: transparent;
  -webkit-background-clip: text;
  background-image: -webkit-gradient(linear, left top, right top, from(#f24e47), to(#f542b9));
  background-image: linear-gradient(to right, #f24e47, #f542b9);
}

.chat__msg--your .chat__msg-message span {
  color: #767DAB !important;
  background-image: none;
}

.chat__input {
  position: relative;
  width: 100%;
}

.chat__input input {
  position: relative;
  padding: 26px 23px;
  width: 100%;
  font-weight: 500;
  color: #29315D;
}

.chat__input input::-webkit-input-placeholder {
  color: #8895BA;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.chat__input input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.chat__send .chat__buttons {
  padding-right: 13px;
}

.chat__send .chat__buttons a {
  background: transparent;
  margin-right: 3px;
}

.chat__send .chat__buttons a.active {
  color: #397ce6;
}

.chat__smiles {
  background: #F3F4F8;
  position: relative;
  width: calc(100% - 18px);
  height: 150px;
  opacity: 0;
  left: -1px;
  visibility: hidden;
  padding: 13px;
  padding-bottom: 0;
  display: none;
}

.chat__smiles.chat__smiles--active {
  opacity: 1;
  visibility: visible;
}

.chat__smiles.chat__smiles--smiles .chat__smiles-scroll {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 11px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-scroll {
  width: calc(100% - 18px);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 11px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item {
  height: 86.5px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item img {
  width: 60px;
  height: 60px;
  border-radius: 15px;
}

.chat__smiles .ss-content {
  position: relative;
}

.chat__smiles-item {
  height: 38.13px;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.chat__smiles-item:hover {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.05);
}

.chat__smiles-item img {
  pointer-events: none;
  width: 24px;
  height: 24px;
}

.chat.chat--smiles .chat__messages {
  height: calc(100% - 255px);
}

.chat.chat--smiles .chat__smiles--smiles {
  opacity: 1;
  visibility: visible;
  display: block;
}

.chat.chat--stickers .chat__messages {
  height: calc(100% - 255px);
}

.chat.chat--stickers .chat__smiles--stickers {
  opacity: 1;
  visibility: visible;
  display: block;
}

.chat__msg-smile {
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin: 0px 3px;
  pointer-events: none;
}

.chat__msg-stickers {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  pointer-events: none;
}

.chat__msg-message--sticker {
  background: transparent;
}

.chat__buttons-admins {
  position: absolute;
  bottom: 0;
  right: 0;
}
.select {
  display: block;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 600;
  color: #475A89;
  line-height: 1.3;
  padding: 15px 15px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(235, 236, 242, 0.5);
  border: 0;
  cursor: pointer;
}

.bx-input--select:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 43px;
  width: 8px;
  height: 8px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  color: #aeb9d5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.chat__buttons-admins a {
  position: relative;
  border-radius: 50%;
  margin-right: 6px;
  color: rgba(118, 125, 171, 0.5);
}

.chat__buttons-admins a .icon {
  width: 14px;
  height: 14px;
}

.chat__buttons-admins a:nth-last-child(1) {
  margin-right: 0;
}

.chat__buttons-admins a:hover {
  color: #767dab;
}

.close-chat {
  display: none;
}

.chat--opened .chat {
  display: block !important;
}

.chat--opened .close-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header {
  position: fixed;
  height: 75px;
  width: calc(100% - 424px);
  padding-left: 210px;
  padding-right: 30px;
  z-index: 4;
  background: #ebecf2;
}

.header .wrapper {
  height: 100%;
}

.header__links {
  position: relative;
  height: 100%;
  gap: 30px;
}

.header__links li {
  position: relative;
  margin-right: 0;
  height: 100%;
}

.header__links li a {
  position: relative;
  color: #7987AE;
  text-transform: uppercase;
  font-weight: 500;
  height: 100%;
  vertical-align: middle;
}

.header__links li a:hover {
  color: #475a89;
}

.header__links li a .icon {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  pointer-events: none;
}

.header__links li a span {
  pointer-events: none;
}

.header__user-b {
  position: relative;
  margin-right: 20px;
  min-width: 0;
  white-space: nowrap;
}

.header__user-b span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.header__user-b .icon {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  color: #f2ac44;
}

.header__user-profile {
  position: relative;
  margin-left: 15px;
  width: 70px;
  height: 48px;
  padding: 0px 15px;
  border-radius: 15px;
  cursor: pointer;
  background: #E0E3F1;
  color: #7887AE;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.header__user-profile.dropdown {
  background: #fff;
  border-radius: 16px 16px 0px 0px;
}

.header__user-profile.dropdown .header__user-dropdown {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.header__user-profile.dropdown:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 15px;
}

.header__user-profile:before {
  content: '';
  border: 6px solid transparent;
  border-top: 7px solid #7887ae;
  position: absolute;
  right: 15px;
  top: 20px;
}

.header__user-profile .icon {
  width: 14px;
  pointer-events: none;
  height: 14px;
}

.header__user-dropdown {
  position: absolute;
  right: 0;
  top: 43px;
  background: #fff;
  -webkit-box-shadow: 0px 17px 18px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 17px 18px rgba(0, 0, 0, 0.02);
  border-radius: 16px 0px 16px 16px;
  width: 206px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  visibility: hidden;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.header__user-dropdown a {
  padding: 18px 21px;
  color: #67749A;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid rgba(227, 229, 250, 0.5);
}

.header__user-dropdown a b {
  color: #475A89;
}

.header__user-dropdown a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.header__user-dropdown a:nth-last-child(1) {
  border: 0;
  border-radius: 0px 0px 16px 16px;
}

.header__user-dropdown a:hover {
  color: #576181;
}

.header__user-dropdown a .icon {
  margin-right: 12px;
  pointer-events: none;
}

.header__user-dropdown a span {
  position: relative;
  pointer-events: none;
}

.header__user-dropdown--id {
  pointer-events: none;
  font-size: 14px !important;
  cursor: default;
}

.header__right {
  position: relative;
}

.header__right .sidebar__logotype {
  display: none;
  margin: 0;
}

.footer {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc(100% - 424px);
  padding-left: 133px;
  padding-right: 30px;
  padding-bottom: 26px;
  font-size: 12px;
}

.footer__links {
  position: relative;
}

.footer__link {
  position: relative;
  margin-right: 24px;
}

.footer__link:nth-last-child(1) {
  margin-right: 0;
}

.footer__link a {
  text-transform: uppercase;
  color: #98A0CF;
  font-size: 12px;
  font-weight: 500;
}

.footer__link a:hover {
  color: #737aa5;
}

.footer__text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(152, 160, 207, 0.5);
}

.mobile-menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 65px;
  background: #e4e6f2;
  z-index: 8;
  padding: 0px 20px;
  display: none;
}

.mobile-menu__links {
  width: 100%;
  position: relative;
}

.mobile-menu__links li a {
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}


.mobile-menu__links li a.active {
  color: #387be5;
}


.mobile-navbar {
  position: fixed;
  z-index: 6;
  left: 0;
  top: 0;
  height: calc(100% - 155px);
  background-color: #EBECF2;
  width: 100%;
  margin-top: 75px;
  padding: 20px;
  padding-top: 30px;
  display: none;
}

.mobile-navbar:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 8px;
  left: 0;
  background: url(../images/borders.svg) repeat;
}

.mobile-navbar a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 15px;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 10px;
}

.mobile-navbar a:nth-last-child(1) {
  margin-bottom: 0;
}

.more--opened .mobile-navbar {
  display: block;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #EBECF2;
}

.preloader-remove .preloader__lift{
  opacity: 0;
  transition: .4s;
}

.preloader__lift {
  position: relative;
  width: 275px;
  height: 320px;
    -webkit-animation: startupWindowAnimation 1s ease-in-out .2s infinite normal;
    animation: startupWindowAnimation 1s ease-in-out .2s infinite normal;
}

.preloader__lift-container {
  width: 220px;
  height: 270px;
  position: relative;
  border-radius: 20px;
  padding: 12px;
  overflow: hidden;
}

.preloader__door {
  width: 93px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#27385E), to(#1C2D52));
  background: linear-gradient(180deg, #27385E 0%, #1C2D52 100%);
  -webkit-box-shadow: inset 5px 6px 12px rgba(73, 93, 137, 0.49);
  box-shadow: inset 5px 6px 12px rgba(73, 93, 137, 0.49);
  border-radius: 20px;
}

.preloader__door--one {
  -webkit-animation: loading ease 1s;
  animation: loading ease 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

@-webkit-keyframes loading {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes loading {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.preloader__door--two {
  -webkit-animation: loading2 ease 1s;
  animation: loading2 ease 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

@-webkit-keyframes loading2 {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes loading2 {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.preloader__loader {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  opacity: 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation: opacity 5s ease;
  animation: opacity 5s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.preloader.preloader-remove{
  opacity: 0;
  transition: .8s;
  z-index: 0;
}
.bx-input {
  position: relative;
  width: 100%;
  margin-bottom: 10px !important;
}

.bx-input:nth-last-child(1) {
  margin-bottom: 0;
}

.bx-input__input {
  position: relative;
  background: #F3F4F8;
  border-radius: 15px;
  padding: 0px 20px;
}

.bx-input__input label {
  height: 55px;
  font-weight: 600;
  text-transform: uppercase;
  color: #475A89;
}

.bx-input__input input {
  height: 55px;
  color: #7987AE;
  font-weight: 500;
  width: 90px;
  text-align: right;
}

.popup .bx-input__input input {
  height: 55px;
  color: #7987AE;
  font-weight: 500;
  width: -webkit-fill-available;
  text-align: right;
}

.bx-input__input input::-webkit-input-placeholder {
  color: rgba(120, 135, 174, 0.5);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.bx-input__input input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.bx-input__input .icon {
  margin-left: 8px;
  color: #f2ac44;
}

.bx-input__text {
  color: #7887AE;
  font-weight: 500;
}

.bx-input__btn {
  margin-top: 10px;
}

.bx-input__btn .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.help {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  padding: 9px 11px;
  border-radius: 50px;
  color: #5B330E;
  background: linear-gradient(91.96deg, rgba(255, 138, 31, 0.4) 1.43%, rgba(255, 138, 31, 0) 98.35%);
}

.help:hover {
  color: #FC881D;
}

.help .icon {
  width: 16px;
  margin-right: 10px;
  height: 16px;
  pointer-events: none;
  color: #FC881D;
}

.help span {
  pointer-events: none;
}

.slot_games {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 13px;
  position: relative;
  margin-bottom: 13px;
}


.games {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 13px;
  position: relative;
  margin-bottom: 35px;
}

.games__item {
  position: relative;
  height: 200px;
  border-radius: 25px;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  padding: 24px 28px;
  overflow: hidden;
}

.games__item:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}
.games__item.games__item--shoot {
  background-image: url(../img/home/crazyshoot.jpg);
  background-size: cover;
  background-position: center;
}
.games__item.games__item--coin {
  background-image: url(../img/home/coinflip.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--slots {
  background-image: url(../img/home/slots.jpg);
  background-size: cover;
  background-position: center;
}
.games__item.games__item--x30 {
  background-image: url(../img/home/x30.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--dice {
  background-image: url(../img/home/dice.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--mines {
  background-image: url(../img/home/mines.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--crash {
  background: url(../img/home/crash.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--x100 {
  background-image: url(../img/home/x100.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--keno {
  background-image: url(../img/home/keno.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--jackpot {
  background: linear-gradient(236.46deg, #E01B62 -0.12%, #1469CD 72.27%);
  border-bottom: solid 4px #0851A5;
}

.games__item.games__item--cashhunt {
  background: linear-gradient(236.46deg, #44E9FF -0.12%, #145ECD 72.27%);
  border-bottom: solid 4px #0851A5;
}

.games__item--boomcity{
  background: linear-gradient(236.46deg, #1b1d2c -0.12%, #1d2332 72.27%);
  border-bottom: solid 4px #1b2030;
}

.games__item.games__item--slots .games__item-text span{
  font-size: 24px;
}
.games__item.games__item--slots .games__item-text p{
  font-size: 16px;
}


.games__item-bg-slots{
  position: absolute;
  right: 80px;
  top: 5%;
  height: 350px;
 }

 .games__item-bg-slots img{
  height: 100%;
 }
 
 .games__item-bg-slots img:nth-child(1){
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 100px;
  z-index: 1;
 }

 .games__item-bg-slots img:nth-child(2){
  position: relative;
  z-index: 2;
 }

 @media(max-width: 650px){
  .games__item.games__item--slots {
    padding: 24px 28px;
    height: 200px;
  }

  .games__item.games__item--slots .games__item-text span{
    font-size: 32px;
  }
  .games__item.games__item--slots .games__item-text p{
    font-size: 12px;
  }

  .games__item--slots.align-center{
    align-items: flex-end;
  }

  .games__item-bg-slots{
    position: absolute;
    right: 0px;
    top: 5%;
    height: 350px;
   }
 }

.games__item.games__item--coin .coinflip__wrapper {
  position: absolute;
  right: -13%;
  bottom: 6%;
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__back {
  -webkit-animation: back-rotation 2s ease infinite;
  animation: back-rotation 2s ease infinite;
}

@-webkit-keyframes back-rotation {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes back-rotation {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__front {
  -webkit-animation: front-rotation 2s ease infinite;
  animation: front-rotation 2s ease infinite;
}

@-webkit-keyframes front-rotation {
  from {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes front-rotation {
  from {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

.games__item-text {
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.games__item-text span {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.05em;
  text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.14);
}

.games__item-text p {
  font-size: 12px;
  padding-top: 10px;
  color: #7485b7;
}


.games__item-bg-shoot {
  position: absolute;
  left: 25%;
  bottom: -90px;
}

 
.games__item-bg-ellipse, .games__item-bg-ellipse_snow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  border-radius: 35px;
  background: url(../images/games/bg-ellipse.svg) no-repeat center center/cover;
}

.games__item-bg-ellipse_snow{
  background: transparent;
}

.games__item-bg-confetti {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 35px;
  background: url(../images/games/bg-confetti.png) no-repeat center center/cover;
  mix-blend-mode: lighten;
}

.games__item-bg--x30 {
  position: absolute;
  bottom: -10%;
  width: 500px;
  height: 500px;
  z-index: 2;
  background: url(../images/games/x30/wheel-card.svg) no-repeat center center/contain;
  -webkit-animation: rotate 60s linear infinite;
  animation: rotate 60s linear infinite;
  left: 30%;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.games__item-bg--dice {
  position: absolute;
  left: 0%;
  bottom: -65%;
  width: 500px;
  height: 500px;
  z-index: 2;
  background: url(../images/games/dice/dice-card.png) no-repeat center center/contain;
}

.games__item-bg--dice-2 {
  position: absolute;
  width: 60px;
  height: 40px;
  right: 5%;
  bottom: 15%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
}

@-webkit-keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--dice-3 {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 25%;
  bottom: 35%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--dice-2 {
  position: absolute;
  width: 60px;
  height: 40px;
  right: 5%;
  bottom: 15%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--mines {
  position: absolute;
  left: 0px;
  top: -100px;
  width: 130%;
  height: 170%;
  background: url(../images/games/mines/mines-card.svg) repeat center center/cover;
  background-position-y: 297px;
  background-size: 450px 580px;
  -webkit-animation: 13s linear infinite mines;
  animation: 13s linear infinite mines;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
}

@-webkit-keyframes mines {
  from {
    background-position: 450px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes mines {
  from {
    background-position: 450px 0;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--mines2 {
  position: absolute;
  right: -70px;
  top: -40px;
  width: 230px;
  height: 240px;
  background: url(../images/games/mines/mines.png) no-repeat center center/cover;
  z-index: 2;
  background-size: contain;
}

.games__item-bg--crash {
  position: absolute;
  right: -90px;
  top: -50px;
  width: 230px;
  height: 240px;
  background: url(../images/games/crash/crash.png) no-repeat center center/cover;
  background-size: contain;
}

.games__item-bg--crash-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/crash/crash-x.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 170px 310px;
  -webkit-animation: 8s linear infinite crash;
  animation: 8s linear infinite crash;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes crash {
  from {
    background-position: 0px 310px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes crash {
  from {
    background-position: 0px 310px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--x100 {
  position: absolute;
  left: 30%;
  bottom: 0%;
  width: 600px;
  height: 600px;
  z-index: 2;
  background: url(../images/games/x100/wheel-card.svg) no-repeat center center/contain;
  -webkit-animation: rotate 30s linear infinite;
  animation: rotate 30s linear infinite;
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.games__item-bg--keno-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/keno/keno.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 190px 190px;
  -webkit-animation: 8s linear infinite keno;
  animation: 8s linear infinite keno;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes keno {
  from {
    background-position: 0px -190px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes keno {
  from {
    background-position: 0px -190px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--keno {
  position: absolute;
  right: -60px;
  top: -30px;
  width: 170px;
  height: 170px;
  background: url(../images/games/keno/keno-card.svg) center center/contain no-repeat;
  z-index: 3;
}

.games__item-bg--jackpot {
  position: absolute;
  right: -82px;
  bottom: -50px;
  width: 240px;
  height: 240px;
  background: url(../images/games/jackpot/jackpot-card.png) no-repeat center center/cover;
  background-size: contain;
  z-index: 3;
}

.games__item-bg--jackpot-coins {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/jackpot/jackpot.png) repeat center center/cover;
  background-position-y: 0;
  background-size: 190px 190px;
  -webkit-animation: 16s linear infinite keno;
  animation: 16s linear infinite keno;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@keyframes keno {
  from {
    background-position: 0px 190px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item--soon {
  cursor: default;
  pointer-events: none;
}

.games__item-soon {
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 8px 14px;
  border-radius: 50px;
  background: #073163;
  color: #A8D0FF;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 500;
}

.games__item--boomcity .games__item-soon {
  left: auto;
  right: 24px;
  top: 22px;
  z-index: 6;
  padding: 7px 14px;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
}

.games__item--boomcity .games__item-text {
  z-index: 5;
  max-width: 68%;
}

@media (max-width: 650px) {
  .games__item--boomcity .games__item-soon {
    top: 14px;
    right: 14px;
    padding: 6px 10px;
    border-radius: 14px;
    font-size: 10px;
  }

  .games__item--boomcity .games__item-text {
    max-width: 66%;
  }

  .games__item--boomcity .games__item-text span {
    font-size: 26px;
    line-height: 1;
  }
}

@media (max-width: 420px) {
  .games__item--boomcity .games__item-soon {
    top: 12px;
    right: 12px;
    font-size: 9px;
  }

  .games__item--boomcity .games__item-text span {
    font-size: 23px;
  }
}

.games__item-bg--cashhunt {
  position: absolute;
  right: -130px;
  bottom: -50px;
  width: 240px;
  height: 240px;
  background: url(../images/games/cashhunt/cashhunt.png) no-repeat center center/cover;
  background-size: contain;
  z-index: 3;
}

.games__item-bg--cashhunt-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/cashhunt/cashhunt-card.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 90px 350px;
  -webkit-animation: 13s linear infinite cashhunt;
  animation: 13s linear infinite cashhunt;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes cashhunt {
  from {
    background-position: 0px 350px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes cashhunt {
  from {
    background-position: 0px 350px;
  }
  to {
    background-position: 0 0;
  }
}

.history {
  position: relative;
  padding-top: 20px;
}

.history:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.history table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.history table td {
  width: calc(100% / 5);
}

.history table thead tr td {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  color: #475A89;
  padding-bottom: 8px;
}

.history table tbody tr td {
  background: #fff;
  position: relative;
  padding: 13px 0px;
  text-align: center;
  font-weight: 600;
}

.history table tbody tr td:nth-child(1) {
  border-radius: 15px 0px 0px 15px;
}

.history table tbody tr td:nth-last-child(1) {
  border-radius: 0px 15px 15px 0px;
}

.history__game {
  position: relative;
  width: 100%;
}

.history__game .icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.history__game span {
  font-weight: 600;
  text-transform: uppercase;
}

.history__user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px;
}

.history__sum {
  position: relative;
}

.history__sum .icon {
  margin-left: 8px;
}

.history__user span {
  position: relative;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.history .icon.money {
  width: 14px;
  height: 14px;
}

.history__x {
  position: relative;
}

.history__x-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 32px;
  font-weight: 900;
  opacity: 0.07;
}

.fake-online {
  margin-top: 18px;
}

.fake-online__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3f7de8, #38c8ef);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.fake-online__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.fake-online__status--win {
  background: rgba(46, 204, 113, .14);
  color: #2ecc71;
}

.fake-online__status--lose {
  background: rgba(245, 70, 70, .14);
  color: #f54646;
}

.fake-online__status--wait {
  background: rgba(158, 171, 205, .14);
  color: #9EABCD;
}

.theme--dark .fake-online__status--win {
  background: rgba(46, 204, 113, .16);
  color: #79dfa4;
}

.theme--dark .fake-online__status--lose {
  background: rgba(245, 70, 70, .16);
  color: #ff8585;
}

.theme--dark .fake-online__status--wait {
  background: rgba(158, 171, 205, .16);
  color: #c3ccef;
}

.fake-round-total {
  margin-left: 10px;
  color: #9EABCD;
  font-size: 13px;
  font-weight: 700;
}

.fake-round-summary {
  max-width: 1320px;
  margin: 20px auto 0;
  padding: 16px 22px;
  border-radius: 8px;
  background: #20283d;
  color: #9EABCD;
  font-size: 16px;
  font-weight: 700;
}

.fake-round-summary b {
  color: #fff;
}

body.active {
  overflow: hidden;
}

body.active > #app {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.overlayed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(235, 236, 242, 0.65);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0px 30px;
  padding-top: 95px;
}

.overlayed.animation-closed .popup {
  -webkit-animation: slideOut 0.3s ease;
  animation: slideOut 0.3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

@-webkit-keyframes slideOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.overlayed.active {
  opacity: 1;
  visibility: visible;
}

.popup {
  width: 600px;

  background: #F7F8FE;
  position: relative;
  border-radius: 20px;
  display: none;
  visibility: hidden;
  -webkit-animation-delay: 1000s;
  animation-delay: 1000s;
  -webkit-animation: slideIn 0.3s ease;
  animation: slideIn 0.3s ease;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
}

@-webkit-keyframes slideIn {
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slideIn {
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.popup__title {
  position: relative;
  padding: 20px 22px;
  padding-bottom: 25px;
}

.popup__title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url("../images/borders.svg") repeat;
}

.popup__title span {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
}

.popup .bx-input__input {
  background: rgba(235, 236, 242, 0.5);
}

.popup .bx-input__input label {
  font-size: 12px;
}

.popup .bx-input__text {
  font-size: 12px;
}

.popup .bx-input__create-coupon {
  display: -ms-grid;
  display: grid;
 /* -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);*/
  /*grid-template-columns: 1fr 30%;*/
  
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.popup .bx-input__create-coupon:nth-child(2) {
  display: -ms-grid;
  display: grid;
 /* -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);*/
  /*grid-template-columns: 1fr 30%;*/
  margin-top: 10px;
  grid-template-rows: 1fr;
  grid-template-columns: 3fr 1fr;
  grid-gap: 10px;
}


.popup .close {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(215, 218, 243, 0.5) 34.37%, rgba(227, 229, 249, 0.5) 100%);
  -webkit-box-shadow: inset 0px 6px 0px rgba(221, 224, 255, 0.5);
  box-shadow: inset 0px 6px 0px rgba(221, 224, 255, 0.5);
  cursor: pointer;
  color: #7887AE;
}

.popup .close:hover {
  color: #6b97f6;
}

.popup .close .icon {
  width: 16px;
  height: 16px;
}

.popup__content {
  padding: 20px 22px;
}

.popup__tabs {
  position: relative;
  color: #7987AE;
}

.popup__tabs span {
  font-weight: 600;
  font-size: 14px;
}

.popup__tab {
  position: relative;
  padding: 14px 22px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border: 2px solid transparent;
}

.popup__tab:hover {
  color: #475A89;
}

.popup__tab .icon {
  width: 0px;
  height: 16px;
  margin-right: 0px;
  opacity: 0;
  pointer-events: none;
}

.popup__tab span {
  pointer-events: none;
}

.popup__tab--active {
  border: 2px solid #EAECF4;
  color: #475A89;
}

.popup__tab--active .icon {
  width: 16px;
  opacity: 1;
  margin-right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #397ae6;
}

.popup.popup--about {
  width: 320px;
}

.popup.popup--about p {
  font-size: 12px;
  line-height: 21px;
  text-align: justify;
  color: #475A89;
}

.popup.popup--about .borders {
  position: relative;
  width: 100%;
  background: url(../images/borders.svg) repeat;
  height: 8px;
  margin: 15px 0px;
}

.popup.popup--about h4 {
  margin-bottom: 15px;
}

.popup.popup--about .bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}

.popup.popup--about .bets .x30__bet-heading {
  border-radius: 15px;
}

.popup table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.popup table thead > tr > td {
  text-transform: uppercase;
  font-weight: 500;
  color: #9daac9;
  padding-bottom: 8px;
  font-size: 12px;
}

.popup table tbody > tr > td {
  font-weight: 600;
  color: #475A89;
  padding: 8px 0px;
}

.popup__fair {
  position: relative;
  margin-top: 20px;
  word-break: break-all;
}

.popup__fair-item {
  margin-bottom: 20px;
}

.popup__fair-item:nth-last-child(1) {
  margin-bottom: 0;
}

.popup__fair-item b {
  margin-right: 10px;
  width: 90px;
}

.popup__fair-item span {
  width: calc(100% - 90px);
}

.popup.active {
  display: block;
  visibility: visible;
}

.wallet {
  position: relative;
}

.wallet__methods {
  height: 320px;
  background: #EBECF2;
  -webkit-box-shadow: inset 0px 6px 0px #DDE0FF;
  box-shadow: inset 0px 6px 0px #DDE0FF;
  border-radius: 25px;
  width: 200px;
  padding: 18px 14px;
}

.wallet__scroll {
  position: relative;
  height: 100%;
}

.wallet__scroll .ss-scroll {
  margin-left: -5px;
  background: rgba(45, 42, 115, 0.15) !important;
  width: 6px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.wallet__method {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 15px;
  background: #FFFFFF;
  width: 100%;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  line-height: 20px;
  border-left: solid 3px transparent;
  margin-bottom: 10px;
}

.wallet__method:nth-last-child(1) {
  margin-bottom: 0;
}

.wallet__method img {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  pointer-events: none;
}

.wallet__method span {
  font-weight: 600;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}

.wallet__method b {
  color: #7987AE;
  font-size: 12px;
  pointer-events: none;
}

.wallet__content {
  width: calc(100% - 200px);
  padding-left: 16px;
  position: relative;
}

.wallet__order {
  position: relative;
  padding-bottom: 10px;
}

.wallet__txt {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  line-height: 25px;
}

.wallet__txt span {
  color: #7987AE;
}

.wallet__txt span .icon {
  margin-left: 6px;
}

.wallet__txt b {
  font-size: 14px;
}

.wallet__txt b span {
  margin-left: 4px;
  color: #5d87e7;
}

.deposit-promo-preview {
  margin-top: -2px;
  margin-bottom: 6px;
  line-height: 18px;
}

.deposit-promo-preview span {
  color: #72d69a;
}

.deposit-promo-preview--error span {
  color: #ff8c8c;
}

.wallet__tabs {
  position: relative;
  color: #7987AE;
  margin-bottom: 20px;
}

.wallet__tab {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 18px;
  border-radius: 15px;
  text-transform: uppercase;
  opacity: .5;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.wallet__tab:not(.wallet__tab--active):hover {
  opacity: .7;
}

.wallet__tab span {
  pointer-events: none;
}

.wallet__tab .icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  pointer-events: none;
}

.wallet__tab--active {
  background: #fff;
  color: #475A89;
  opacity: 1;
}

.wallet__tab--active .icon {
  color: #397ae6;
}

.wallet__history {
  position: relative;
  width: 100%;
}

.wallet__history-item {
  position: relative;
  width: 100%;
  padding: 18px;
  border-radius: 15px;
  background: rgba(235, 236, 242, 0.5);
  margin-bottom: 10px;
}

.wallet__history-item:nth-last-child(1) {
  margin-bottom: 0;
}

.wallet__history-item .wallet__method {
  padding: 0;
  background: transparent;
  margin: 0;
  margin-right: 20px;
}

.wallet__history-sum {
  font-size: 12px;
  font-weight: 600;
  color: #475A89;
}

.wallet__history-sum .icon {
  margin-left: 8px;
}

.wallet__history-status {
  font-size: 12px;
  font-weight: 500;
  color: #7987AE;
}

.x30 {
  position: relative;
}

.x30__wheel {
  position: relative;
}

.x30__wheels {
  position: relative;
  min-width: calc(100% + 60px);
  height: 300px;
  overflow: hidden;
}

.x30__wheels:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#EBECF2), to(rgba(235, 236, 242, 0)));
  background: linear-gradient(180deg, #EBECF2 0%, rgba(235, 236, 242, 0) 100%);
  z-index: 1;
}

.x30__wheel-border {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1220px;
  height: 1220px;
  border: 1px solid #DBDDE9;
  border-radius: 50%;
}

.x30__wheel-image {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  width: 1160px;
  height: 1160px;
  left: 50%;
}

.x30__wheel-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.x30__wheel-center {
  position: relative;
  height: 100%;
  z-index: 2;
  padding-top: 15px;
}

.x30__timer {
  width: 175px;
  background: #DEE1F1;
  border-radius: 20px;
  padding: 22px;
  padding-bottom: 20px;
}

.x30__timer b {
  color: #475A89;
  font-size: 12px;
  padding-bottom: 8px;
}

.x30__timer span {
  color: #ffffff;
  font-size: 32px;
  font-weight: 900;
}

.x30__cursor {
  width: 32px;
  height: 48px;
  background: url(../images/games/cursor.svg) no-repeat center center/contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -25px;
}

.x30__rocket {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.x30__rocket img {
  pointer-events: none;
}

.x30__rocket-img {
  position: relative;
  z-index: 1;
  -webkit-animation: rocketImg 1s linear infinite;
  animation: rocketImg 1s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes rocketImg {
  from {
    -webkit-transform: translateY(0.2rem) translateX(0.4rem);
    transform: translateY(0.2rem) translateX(0.4rem);
  }
  to {
    -webkit-transform: translateY(-0.2rem) translateX(-0.2rem);
    transform: translateY(-0.2rem) translateX(-0.2rem);
  }
}

@keyframes rocketImg {
  from {
    -webkit-transform: translateY(0.2rem) translateX(0.4rem);
    transform: translateY(0.2rem) translateX(0.4rem);
  }
  to {
    -webkit-transform: translateY(-0.2rem) translateX(-0.2rem);
    transform: translateY(-0.2rem) translateX(-0.2rem);
  }
}

.x30__rocket-coins {
  position: relative;
  margin-left: -40px;
  background: url(../images/rocket-coins.png);
  background-size: 92px 37px;
  width: 92px;
  height: 37px;
  background-repeat: repeat;
  background-position: center center;
  -webkit-animation: 2s linear rocketCoins infinite;
  animation: 2s linear rocketCoins infinite;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%);
  mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
  mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%);
}

@-webkit-keyframes rocketCoins {
  from {
    background-position: -92px 0px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes rocketCoins {
  from {
    background-position: -92px 0px;
  }
  to {
    background-position: 0 0;
  }
}

.x30__rocket--started {
  -webkit-animation: x30Started linear 0.65s;
  animation: x30Started linear 0.65s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
  -webkit-transform: rotate(15deg) translateX(30px);
  transform: rotate(15deg) translateX(30px);
}

@-webkit-keyframes x30Started {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translateX(30px);
    transform: rotate(15deg) translateX(30px);
  }
  100% {
    -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
    transform: rotate(15deg) translateX(-100px) scale(1.1);
    opacity: 0;
  }
}

@keyframes x30Started {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translateX(30px);
    transform: rotate(15deg) translateX(30px);
  }
  100% {
    -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
    transform: rotate(15deg) translateX(-100px) scale(1.1);
    opacity: 0;
  }
}

.x30__rocket--started .x30__rocket-coins {
  -webkit-animation: 0.7s linear rocketCoins infinite;
  animation: 0.7s linear rocketCoins infinite;
}

.x30__top {
  position: relative;
  margin-bottom: 15px;
}

.x30__bottom {
  position: relative;
}

.x30__bet {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.x30__history { 
  width: 35%;
}

.x30__history .bx-input__input {
  padding-right: 0;
}

.x30__history-items, .x100__history-items {
  width: calc(100% - 90px);
  position: relative;
  overflow: hidden;
  height: 55px;
  border-radius: 0px 15px 15px 0px;
}

.x30__history-scroll, .x100__history-scroll {
  position: relative;
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%);
  mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
  mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%);
}

.x30__history-item {
  min-width: 6px;
  height: 16px;
  margin-right: 8px;
  border-radius: 15px;
}

.x30__history-item:hover {
  opacity: .65;
}

.x30__history-item.x2 {
  background: -webkit-gradient(linear, left top, right top, from(#387475), to(#2D455D)), -webkit-gradient(linear, left top, right top, from(#9842B0), to(#6E318B));
  background: linear-gradient(90deg, #387475 0%, #2D455D 100%), linear-gradient(90deg, #9842B0 0%, #6E318B 100%);
}

.x30__history-item.x3 {
  background: -webkit-gradient(linear, left top, right top, from(#404B88), to(#344075));
  background: linear-gradient(90deg, #404B88 0%, #344075 100%);
  height: 22px;
}

.x30__history-item.x5 {
  background: -webkit-gradient(linear, left top, right top, from(#9842B0), to(#6E318B));
  background: linear-gradient(90deg, #9842B0 0%, #6E318B 100%);
  height: 25px;
}

.x30__history-item.x7 {
  background: -webkit-gradient(linear, left top, right top, from(#3AAC46), to(#36893E));
  
  background: linear-gradient(90deg, #3AAC46 0%, #36893E 104.75%);
  height: 29px;
}

.x30__history-item.x14 {
  background: -webkit-gradient(linear, left top, right top, from(#E64040), to(#881A1A));
  background: linear-gradient(90deg, #E64040 0%, #881A1A 104.75%);
  height: 32px;
}

.x30__history-item.xbonus {
  background: -webkit-gradient(linear, left top, right top, from(#f528a8), to(#ed108b));
  background: linear-gradient(90deg, #f528a8 0%, #ed108b 104.75%);
  height: 35px;
}

.x30__history-item.x30 {
  background: linear-gradient(86.72deg, #F89F2D 2.71%, #AA480A 97.29%), linear-gradient(90deg, #404B88 0%, #344075 100%);
  height: 35px;
}

.x30__bet-game {
  width: calc(65% - 15px);
}

.x30__bet-placed {
  position: relative;
}

.x30__bet-placed a {
  font-weight: 600;
  color: #7887AE;
  border: !important;
  padding: 5px 5px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.x30__bet-placed a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 3px;
  border-radius: 50px;
  left: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background: #397ce6;
  border-radius: 100px;
}

.x30__bet-placed a:nth-last-child(1) {
  margin-right: 0;
}

.x30__bet-placed a:hover {
  color: #387be5;
}

.x30__bet-placed a:hover:before {
  width: 100%;
}

.x30__bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
}

.x30__bet {
  position: relative;
}

.x30__bet-heading {
  border-radius: 15px 15px 0px 0px;
  padding: 16px 22px;
  cursor: pointer;
}

.x30__bet-heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  pointer-events: none;
}

.x30__bet-heading img {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.x30__bet-heading:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}

.x30__bet-heading.x2 {
  background: linear-gradient(263.88deg, #387475 0%, #2D455D 104.75%);
}

.x30__bet-heading.x3 {
  background: linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-heading.x5 {
  background: linear-gradient(263.88deg, #9A39BB 0%, #563272 104.75%), linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-heading.x7 {
  background: linear-gradient(263.88deg, #D5437F 0%, #79364E 104.75%);
}

.x30__bet-heading.x14 {
  background: linear-gradient(263.88deg, #E64040 0%, #881A1A 104.75%);
}

.x30__bet-heading.x30 {
  background: linear-gradient(263.88deg, #F89F2D 0%, #AA480A 104.75%), linear-gradient(263.88deg, #9A39BB 0%, #563272 104.75%), linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-info {
  padding: 20px 22px;
  border-radius: 0px 0px 15px 15px;
  background: #F3F4F8;
  color: #475A89;
  font-weight: 500;
  margin-bottom: 15px;
}

.x30__bet-users,.x100__bet-users {
  position: relative;
}

.x30__bet-user, .x100__bet-user {
  position: relative;
  border-radius: 15px;
  background: #F3F4F8;
  padding: 15px;
  margin-bottom: 12px;
}

.x30__bet-user .history__user span {
  max-width: 55px;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
}

.x30__bet-sum {
  font-size: 12px;
  color: #475A89;
  font-weight: 600;
}

.x30__bonus {
  background: #DEE1F1;
  border-radius: 20px;
  height: 70px;
  position: relative;
  overflow: hidden;
  padding: 0px 5px;
  padding-right: 5px;
  width: 215px;
}

.x30__bonus:after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(#DEE1F1), to(rgba(222, 225, 241, 0)));
  background: linear-gradient(90deg, #DEE1F1 0%, rgba(222, 225, 241, 0) 100%);
  border-radius: 15px 0px 0px 15px;
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  z-index: 1;
  height: 100%;
}

.x30__bonus:before {
  content: '';
  background: -webkit-gradient(linear, right top, left top, from(#DEE1F1), to(rgba(222, 225, 241, 0)));
  background: linear-gradient(-90deg, #DEE1F1 0%, rgba(222, 225, 241, 0) 100%);
  border-radius: 0px 15px 15px 0px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  z-index: 1;
  height: 100%;
}

.x30__bonus-cursor {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 30px;
  height: 90px;
  background: url(../images/games/cursor-two.svg) no-repeat center center/contain;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.x30__bonus-scroll {
  position: relative;
  /*overflow: hidden;*/
}

.x30__bonus-item {
  min-width: 50px;
  border-radius: 15px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  height: 50px;
  margin: 0px 3px;
}

.x30__bonus-item.x2 {
  background: radial-gradient(50% 50% at 50% 50%, #63B2BB 0%, #476D78 100%), #C4C4C4;
}

.x30__bonus-item.x3 {
  background: radial-gradient(50% 50% at 50% 50%, #6068BC 0%, #333F74 100%), #C4C4C4;
}

.x30__bonus-item.x5 {
  background: radial-gradient(50% 50% at 50% 50%, #B54ECA 0%, #6D308A 100%);
}

.x30__bonus-item.x30 {
  background: radial-gradient(50% 50% at 50% 50%, #F4AD35 0%, #CB550D 100%);
}

.wheel__x100-bonus {
  width: 100%;
  position: relative;
  height: 110px;
  background: url(../img/wheel-_bonus.svg) no-repeat center center/contain;
}

.wheel__x100-bonus-x {
  position: relative;
  width: 310px;
}

.wheel__x100-bonus-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 360px;
  height: 260px;
  background: url(../img/confetti.svg) no-repeat center center/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wheel__x100-bonus-content {
  height: 70px;
  border-radius: 5px;
  background: #17284E;
  width: calc(100% - 88px);
  left: -15px;
  position: relative;
}

.wheel__x100-bonus-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wheel__x100-bonus-slider:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#17284E), to(transparent));
  background: linear-gradient(to right, #17284E, transparent);
  z-index: 1;
  border-radius: 6px 0px 0px 6px;
}

.wheel__x100-bonus-slider:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#17284E), to(transparent));
  background: linear-gradient(to left, #17284E, transparent);
  z-index: 1;
  border-radius: 0px 6px 6px 0px;
}

.wheel__x100-bonus-cursor {
  position: absolute;
  width: 4px;
  background: #FFD920;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.wheel__x100-bonus-scroll {
  width: 999999px;
  position: relative;
  height: 100%;
}

.wheel__x100-bonus-item {
  width: 58px;
  height: 58px;
  border-radius: 6px;
  margin: 0 3px;
}


.dice {
  position: relative;
  margin-bottom: 30px;
}

.dice__drum {
  height: 254px;
  overflow: hidden;
  min-width: calc(100% + 60px);
  position: relative;
  left: -30px;
}

.dice__drum:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left bottom, left top, from(#ebecf2), to(transparent));
  background: linear-gradient(to top, #ebecf2, transparent);
  z-index: 1;
}

.dice__result {
  position: absolute;
  left: 50%;
  width: 925px;
  height: 415px;
  background: url(../images/games/dice/dice-bar.png) no-repeat center center/contain;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.dice__center {
  position: relative;
  z-index: 1;
  color: #fff;
  width: 300px;
  height: 125px;
  margin-top: -37px;
}

.dice__timer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
  overflow: hidden;
}

.dice__timer:before {
  content: '،';
  position: absolute;
  font-size: 48px;
  left: 50%;
  font-weight: 900;
  -webkit-transform: rotate(180deg) translateX(50%);
  transform: rotate(180deg) translateX(50%);
  bottom: 0;
}

.dice__timer span {
  font-size: 48px;
  font-weight: 900;
  border-right: solid 1px rgba(184, 194, 255, 0.07);
  padding-bottom: 6px;
  height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dice__timer span:nth-last-child(1) {
  border: 0;
}

.dice__drum--win .dice__result {
  background: url(../images/games/dice/dice-bar--win.png) no-repeat center center/contain;
}

.dice__drum--win .dice__timer {
  color: #6AFFC1;
}

.dice__drum--lose .dice__result {
  background: url(../images/games/dice/dice-bar--lose.png) no-repeat center center/contain;
}

.dice__drum--lose .dice__timer {
  color: #FF3A67;
}

.dice__bet {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 20px;
}

.dice__chance {
  position: relative;
}

.dice__range {
  background: -webkit-gradient(linear, left top, right top, from(#7C79FF), color-stop(50%, #7C79FF), color-stop(50%, #DFDEEF), to(#DFDEEF));
  background: linear-gradient(to right, #7C79FF 0%, #7C79FF 50%, #DFDEEF 50%, #DFDEEF 100%);
  border-radius: 8px;
  height: 6px;
  outline: none;
  -webkit-transition: background 450ms ease-in;
  transition: background 450ms ease-in;
  width: 100%;
  -webkit-appearance: none;
}

.dice__range::-webkit-slider-thumb {
  background: #6F6BFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.dice__betting a:before {
  content: none;
}

.dice__slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dice__slider-inner {
  position: relative;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.dice__slider-item {
  position: relative;
  width: 100%;
  height: 125px;
}

.dice__select-chance {
  position: relative;
  border: solid 2px #dfdeef;
  border-radius: 15px;
  margin-top: 15px;
}

.dice__select-chance a {
  width: 50%;
  display: inline-block;
  padding: 12px 15px;
  text-align: center;
  border-radius: 15px;
  text-transform: uppercase;
  font-weight: 500;
}

.dice__select-chance a.active {
  background: #29315d;
  color: #fff;
}

.dice__check {
  position: relative;
}

.dice__check-chance {
  position: relative;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 900;
}

.dice__check-result {
  position: relative;
}

.dice__check-result span {
  padding: 8px 12px;
  border-radius: 15px;
  background: #e1e6ff;
  font-size: 32px;
  font-weight: 900;
  color: #757ea6;
  margin: 0 3px;
}

.dice__check-result b {
  font-size: 24px;
  font-weight: 900;
  color: #757ea6;
}

.dice__check-result--lose span {
  background: #faa;
  color: #ee6565;
}

.dice__check-result--lose b {
  color: #ee6565;
}

.dice__check-result--win span {
  background: #8ce0c4;
  color: #369273;
}

.dice__check-result--win b {
  color: #369273;
}

.mines {
  position: relative;
  margin-bottom: 30px;
}

.mines__wrapper {
  max-width: 700px;
  position: relative;
}

.mines .x30__bet-placed a:before {
  content: none;
}

.mines__left {
  width: calc(50% - 10px);
}

.mines__right {
  width: calc(50% - 10px);
}

.mines__bomb {
  position: relative;
}

.mines__bomb a,
.mines__bomb button {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  border-radius: 50px;
  color: #8C9DC8;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
}

.mines__bomb--active {
  background: rgb(107 131 246 / 16%);
  color: #397ce6 !important;
}

.mines__buttons {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}

.mines__x {
  overflow: auto;
  width: 100%;
}

.mines__scroll {
  overflow: auto;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(76%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #EBECF2 76%);
}



.mines__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}
.mines__scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
}


.mines__x-item {
  min-width: 120px;
  position: relative;
  border-radius: 20px;
  background: #fff;
  font-weight: 500;
  padding: 18px;
  border: 2px solid transparent;
  margin-right: 10px;
}

.mines__x-item p {
  font-size: 12px;
  padding-bottom: 8px;
  color: #7987AE;
}

.mines__x-item p span {
  color: #8C9DC8;
}

.mines__x-item b {
  font-size: 18px;
  font-weight: 900;
}

.mines__x-item--win {
  border: 2px solid #6EF0AA;
}

.mines__x-item--lose {
  border: 2px solid #F59EA1;
}

.mines__path--lose, .mines__path--win {
  opacity: 0;
  visibility: hidden;
  display: none;
  width: 24px;
  height: 24px;
}

.mines__path-item {
  width: 62px;
  height: 62px;
  border-radius: 15px;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #D7DAF3 34.37%, #E3E5F9 100%), #C4C4C4;
  -webkit-box-shadow: inset 0px 6px 0px #DDE0FF;
  box-shadow: inset 0px 6px 0px #DDE0FF;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  margin-bottom: 6px;
  cursor: pointer;
}

.mines__path.level_16 .mines__path-item{
  width: calc(340px / 4 - 6px);
  height: calc(340px / 4 - 6px);
}

.mines__path.level_25 .mines__path-item{
  width: calc(340px / 5 - 6px);
  height: calc(340px / 5 - 6px);
}

.mines__path.level_36 .mines__path-item{
  width: calc(340px / 6 - 6px);
  height: calc(340px / 6 - 6px);
}

.mines__path.level_49 .mines__path-item{
  width: calc(340px / 7 - 6px);
  height: calc(340px / 7 - 6px);
}


.mines__path-item:not(.mines__path-item--lose):not(.mines__path-item--win):hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.mines__path-item--win {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
  -webkit-box-shadow: inset 0px 6px 0px #5CC18A;
  box-shadow: inset 0px 6px 0px #5CC18A;
  color: #fff;
}

.mines__path-item--win .mines__path--win {
  opacity: 1;
  visibility: visible;
  display: block;
}

.mines__path-item--lose {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
  -webkit-box-shadow: inset 0px 6px 0px #F59EA1;
  box-shadow: inset 0px 6px 0px #F59EA1;
  color: #fff;
}

.mines__path-item--lose .mines__path--lose {
  opacity: 1;
  visibility: visible;
  display: block;
}

.mines__bonus {
  width: 100%;
  margin-top: 10px;
}

.mines__check {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 20px;
  color: #475A89;
  font-weight: 600;
}

.mines__check:before, .mines__check:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.mines__check::before {
  left: 0;
  top: 0;
}

.mines__check::after {
  right: 0;
  bottom: 0;
}

.mines__check .icon {
  margin-left: 6px;
}

.mines__check-sum--total {
  color: #2D2A73;
}

.x100 .x30__wheel-image {
  width: 1310px;
  height: 1360px;
}

.x100 .x30__wheels {
  height: 240px;
}

.x100 .x30__wheel-border {
  width: 1420px;
  height: 1510px;
}

.x100 .x30__bets {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.x100 .x30__bet-user .history__user span {
  max-width: 45px;
}

.x100 .x30__bet-heading {
  padding: 22px 22px;
}

.x100 .x30__bet-heading.x2 {
  background: #1F2872;
}

.x100 .x30__bet-heading.x3 {
  background: #33C9C0;
}

.x100 .x30__bet-heading.x10 {
  background: #FF8049;
}

.x100 .x30__bet-heading.x15 {
  background: #7A49FF;
}

.x100 .x30__bet-heading.x20 {
  background: #f2ac44;
}

.x100 .x30__bet-heading.x100 {
  background: #FF5247;
}

.x100 .x30__history-item.x2 {
  background: #1F2872;
  height: 10px;
}

.x100 .x30__history-item.x3 {
  background: #33C9C0;
  height: 15px;
}

.x100 .x30__history-item.x10 {
  background: #FF8049;
  height: 20px;
}

.x100 .x30__history-item.x15 {
  background: #7A49FF;
  height: 25px;
}

.x100 .x30__history-item.x20 {
  background: #FFD849;
  height: 30px;
}

.x100 .x30__history-item.x100 {
  background: #FF5247;
  height: 35px;
}

.x100 .x30__cursor {
  width: 32px;
  height: 70px;
  background: url(../images/games/cursor-wheel.svg) no-repeat center center/contain;
  bottom: 7px;
}

.keno {
  position: relative;
  padding: 0px 0px;
  background: #F7F7FF;
  padding-bottom: 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

.keno__title {
  position: relative;
  width: 100%;
}

.keno__title-bg {
  position: relative;
  width: 330px;
  height: 84px;
  background: url(../images/games/keno/bg__content.svg) no-repeat center center/contain;
}

.keno__title-bg img {
  position: relative;
  top: -10px;
}

.keno__content {
  position: relative;
  margin-top: -84px;
  color: #1A2547;
  padding-bottom: 30px;
}

.keno__round-info {
  padding: 35px;
  position: relative;
}

.keno__round-info-item {
  position: relative;
  line-height: 29px;
}

.keno__round-info-item span {
  font-size: 12px;
  font-weight: 500;
  color: #9195B4;
}

.keno__round-info-item b {
  font-size: 24px;
  font-weight: 900;
}

.keno__mines {
  min-height: 470px;
  position: relative;
  background: url(../images/games/keno/keno__bg.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 40px;
}

.keno__mines:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg);
}

.keno__canvas {
  position: relative;
  max-width: 625px;
}

.keno__canvas-item {
  height: 68px;
  min-width: 70px;
  position: relative;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #D7DAF3 34.37%, #E8EAFF 100%);
  border-radius: 25px;
  margin-top: 8px;
  cursor: pointer;
  border-top: solid 8px #DDE0FF;
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
}

.keno__canvas-item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.keno__canvas-number {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: -2px;
  pointer-events: none;
}

.keno__canvas-users {
  position: absolute;
  right: 0;
  top: -15px;
}

.keno__canvas-user {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 -6px;
  border: solid 2px #f7f7ff;
}

.keno__canvas-user--more {
  background: #5F5CE5;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

.keno__canvas-item--active {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
  border-top: solid 8px #7cb1ff;
  color: #fff;
}

.keno__canvas-item--active .keno__canvas-number {
  top: -4px;
}

.keno__bet {
  position: relative;
  padding: 30px 35px;
  padding-bottom: 0;
}

.keno__bet-settings {
  border-radius: 13px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.03);
  height: 56px;
  margin-bottom: 20px;
}

.keno__bet-left {
  position: relative;
}

.keno__bet-left a {
  text-decoration: none;
  color: #1A2547;
  padding: 0px 20px;
  height: 56px;
  font-size: 14px;
  font-weight: 500;
}

.keno__bet-left a .icon {
  margin-right: 10px;
}

.keno__cancel-select span, .keno__auto-select span{
  cursor: pointer;
}

.keno__cancel-select {
  position: relative;
  /*pointer-events: none;*/
} 

.keno__cancel-select .icon {
  color: #FF6B6B;
}

.keno__auto-select {
  position: relative;
  /*pointer-events: none;*/
}

.keno__auto-select .icon {
  color: #6D6AF2;
}

.keno__bet-input {
  outline: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 20px;
  font-weight: bold;
  width: 125px;
  color: #1A2547;
  height: 56px;
  caret-color: #d4d7e7;
}

.keno__bet-input::-webkit-input-placeholder {
  color: #E8EBFD;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.keno__bet-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.keno__bet-add {
  cursor: pointer;
}

.keno__coeff {
  position: relative;
  width: 100%;
}

.keno__coeff:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 150px;
  background: -webkit-gradient(linear, right top, left top, from(#F6F7FF), to(transparent));
  background: linear-gradient(to left, #F6F7FF, transparent);
  z-index: 1;
}

.keno__coeff-scroll {
  position: relative;
  overflow: auto;
  width: 100%;
  padding-bottom: 0px;
}

.keno__coeff-scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}

.keno__coeff-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
  -webkit-box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.1);
  box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.1);
}

.keno__coeff-item {
  border: 1px solid #E3E6FF;
  border-radius: 11px;
  min-width: 120px;
  padding: 13px 16px;
  line-height: 24px;
  margin-right: 20px;
}

.keno__coeff-item span {
  font-size: 12px;
  color: #8B94B1;
}

.keno__coeff-item--lose {
  border: 1px solid #FFAAAD;
}

.keno__coeff-item--win {
  border: 1px solid #91DDB3;
}

.keno__canvas-item--is-revealed {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
  border-top: solid 8px #fba3a7;
  color: #fff;
  pointer-events: none;
}

.keno__canvas-item--is-revealed .keno__canvas-number {
  top: -4px;
}

.keno__canvas-item--is-selected {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
  border-top: solid 8px #7cb1ff;
  color: #fff;
  /*pointer-events: none;*/
}

.keno__canvas-item--is-selected .keno__canvas-number {
  top: -4px;
}

.keno__canvas-item--has-hit {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
  border-top: solid 8px #5bc08a;
  color: #fff;
  pointer-events: none;
}

.keno__canvas-item--has-hit .keno__canvas-number {
  top: -4px;
}

.keno__mines--win .keno__canvas {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  pointer-events: none;
}

.keno__mines-win {
  position: absolute;
  padding: 15px 15px;
  border-radius: 15px;
  background: #5261E8;
  padding-right: 7px;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.keno__mines-win:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/games/keno/confetti.svg) no-repeat center center/contain;
}

.keno__mines-win span {
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

.keno__mines-win b {
  padding: 8px 16px;
  margin-left: 15px;
  background-color: #3845B6;
  border-radius: 15px;
  color: #5AEBFF;
}

.crash {
  position: relative;
  margin-bottom: 30px;
}

.crash__top {
  position: relative;
  width: 100%;
}

.crash__left {
  width: calc(40% - 10px);
}

.crash .x30__bet-placed a:before {
  content: none;
}

.crash label > span {
  color: #929DBB;
  padding-left: 6px;
}

.crash__history {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(36%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #EBECF2 36%);
}

.crash__scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}

.crash__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}

.crash__scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
}

.crash__history-item {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-radius: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
}

.crash__history-item:hover {
  opacity: .65;
}

.crash__history-item span {
  pointer-events: none;
}

.crash__history-item.x1 {
  background: #2D2A73;
}

.crash__history-item.x2 {
  background: #387be5;
}

.crash__history-item.x3 {
  background: #FFA462;
}

.crash__history-item.x4 {
  background: #A449FF;
}

.crash__history-item.x5 {
  background: #FF49D7;
}

.crash__history-item.x6 {
  background: #FF4949;
}


.crash__right {
  width: calc(60% - 10px);
}

.crash__canvas {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 23px;
  background: url(../images/games/crash/crash-bg.png) repeat center center/cover;
  padding-left: 5px;
  overflow: hidden;
}

.crash__canvas canvas {
  position: relative;
  z-index: 1;
  top: 28px;
  left: 1px;
}

.crash__x-number {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 48px;
  font-weight: 900;
  color: #fff;
  z-index: 3;
  pointer-events: none;
  text-shadow: 0 3px 18px rgba(6, 12, 28, 0.85), 0 0 8px rgba(6, 12, 28, 0.55);
}

.crash__history-users {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.crash__history-item-user {
  position: relative;
  padding: 0px 12px;
  height: 58px;
  border-radius: 15px;
  background: #fff;
}

.crash__history-item-user .history__user {
  font-weight: 500;
}

.crash__history-item-user .icon.money {
  margin-left: 8px;
  color: #767DAB;
}

.crash__history-user-x {
  margin-left: 20px;
  height: 48px;
  border-radius: 15px;
  background: #EBECF2;
  padding-left: 17px;
  display: none;
  min-width: 175px;
}

.crash__history-user-x .bx-input__text {
  color: #29315D;
  font-weight: 600;
}

.crash__history-user-x .icon.money {
  color: #387be5;
}

.crash__history-user-x .crash__history-item {
  pointer-events: none;
  margin: 0;
}

.crash__history-item-user--win .crash__history-user-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.crash__history-item-user--lose {
  background: #FFCFCF;
}

.crash__history-item-user--lose .bx-input__text, .crash__history-item-user--lose .icon.money {
  color: #F54646;
}


.coinflip {
  position: relative;
}

.coinflip__placed {
  position: relative;
  width: 100%;
  grid-gap: 15px;
}

.coinflip__place {
  width: 50%;
  min-height: 120px;
  background-color: #F3F4F8;
  border-radius: 15px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  cursor: pointer;
  position: relative;
}

.coinflip__place b {
  position: relative;
  z-index: 1;
  color: #475A89;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  pointer-events: none;
}

.coinflip__place-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #DBE0FD;
}

.coinflip__place--active b {
  color: #387be5;
}

.coinflip .crash__right {
  background: #F3F4F8;
  border-radius: 20px;
  padding: 24px;
}



.coinflip__results {
  position: relative;
  width: 100%;
  grid-gap: 15px;
}

.coinflip__result {
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 9px 19px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 9px 19px rgba(0, 0, 0, 0.01);
  width: 50%;
  padding: 16px 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.coinflip__result b {
  color: #7887AE;
}

.coinflip__result span {
  color: #475A89;
}

.coinflip__game {
  position: relative;
  width: 100%;
  height: calc(100%);
  padding-top: 25px;
}

.coinflip__game::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  height: 100%;
  background: url(../images/games/coin/coinflip-pattern.png) no-repeat center center/cover;
}

.coinflip__wrapper {
  -webkit-perspective: 2000px;
  perspective: 2000px;
  width: 154px;
  height: 154px;
}

.coinflip__wrapper img {
  max-width: 154px;
  pointer-events: none;
}

.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__front {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.coinflip__wrapper.coinflip__wrapper--orel .coinflip__back {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.coinflip__wrapper.coinflip__wrapper--orel .coinflip__front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__front, .coinflip__back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: absolute;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  left: 0;
  top: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.tournier {
  position: relative;
}

.tournier__page-title {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.tournier__page-t-box {
  position: relative;
  background: #EBECF2;
}

.tournier__page-t-box h4, .tournier__page-t-box b {
  position: relative;
  z-index: 1;
}

.tournier__page-t-box h4 {
  font-size: 18px;
  font-weight: 900;
}

.tournier__page-t-box b {
  font-size: 12px;
  padding-top: 12px;
  color: #7987AE;
}

.tournier__page-t-ico {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  color: #DADFFD;
}

.tournier__list {
  position: relative;
  width: 100%;
}

.tournier__page {
  grid-gap: 20px;
  position: relative;
}

.tournier__item {
  border-radius: 30px;
  position: relative;
  width: 100%;
}

.tournier__item:before {
  -webkit-filter: blur(34rem);
  filter: blur(34rem);
}

.tournier__item--shoot {
  background: url(../images/games/shoot/shoot.png) no-repeat center center/cover;
  position: relative;
}

.tournier__item--shoot:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 21, 57, 0.72)), to(#1A1C26));
  background: linear-gradient(180deg, rgba(13, 21, 57, 0.72) 0%, #1A1C26 100%);
}

.tournier__item-top {
  position: relative;
  width: 100%;
  padding: 24px;
  z-index: 1;
  grid-gap: 10px;
  padding-bottom: 0;
  pointer-events: none;
}

.tournier__item-label {
  background: rgba(189, 194, 255, 0.16);
  border-radius: 15px;
  padding: 10px 15px;
  position: relative;
  color: #fff;
  overflow: hidden;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  grid-gap: 12px;
  height: 44px;
}

.tournier__item-label::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 52px;
  height: 52px;
  background: #DEDFFF;
  opacity: 0.51;
  -webkit-filter: blur(25px);
  filter: blur(25px);
  border-radius: 50%;
}

.tournier__item-label--orange {
  background: rgba(255, 230, 140, 0.15);
}

.tournier__item-bottom {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  z-index: 1;
  padding: 24px;
  pointer-events: none;
  padding-top: 0;
}

.tournier__stat {
  position: relative;
  border-radius: 15px;
  background: #171b28;
  line-height: 24px;
  padding: 15px 0;
}

.tournier__stat h3 {
  font-size: 12px;
  color: #474B6A;
}

.tournier__stat b {
  color: #fff;
  font-size: 16px;
}

.tournier__separate {
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
}

.tournier__item-center {
  padding: 24px;
  position: relative;
  grid-gap: 20px;
  pointer-events: none;
  z-index: 1;
}

.tournier__item-center p {
  color: #9CA6D0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.tournier__item-center button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  pointer-events: all;
}

.tournier .history {
  padding-top: 0;
}

.tournier .history::before {
  content: none;
}

.tournier .history table {
  display: table !important;
}

@media only screen and (max-width: 825px) {
  .tournier__item-bottom {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 475px) {
  .tournier__item-bottom {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .tournier__item-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tournier__item-label {
    width: 100%;
  }
}


.bonus {
  position: relative;
  max-width: 1322px;
  margin: 0 auto;
}

.bonus__top {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
}

.bonus__top:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.bonus__items {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.bonus__item {
  background: #F3F4F8;
  border-radius: 25px;
  min-height: 130px;
  padding: 22px 28px;
}

.bonus__item-title {
  position: relative;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 18px;
}

.bonus__content {
  position: relative;
}

.bonus__content .bx-input__input {
  background: #fff;
  width: 47%;
}

.bonus__buttons a {
  margin-right: 8px;
}

.bonus__buttons a:nth-last-child(1) {
  margin-right: 0;
}

.bonus__item--block {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.bonus__item--levels {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}

.bonus__item--levels::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: url(../images/bonus/borders.svg) repeat;
}

.bonus__levels-info {
  position: relative;
  padding: 15px 20px;
  background: #fff;
  border-radius: 15px;
  z-index: 1;
  width: 100%;
  margin-bottom: 20px;
}

.bonus__levels-info:before {
  content: '';
}

.bonus__levels-image {
  position: relative;
  width: 40px;
  height: 60px;
  background: url(../images/bonus/bonus-info.svg) no-repeat center center/contain;
}

.bonus__levels-text {
  position: relative;
  width: calc(100% - 40px);
  padding-left: 15px;
}

.bonus__levels-text span {
  font-weight: 600;
  padding-bottom: 8px;
}

.bonus__levels-text p {
  font-weight: 500;
  font-size: 12px;
  color: #7887ae;
}

.bonus__levels-items {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}

.bonus__levels-item {
  position: relative;
  border-radius: 15px;
  padding: 20px 22px;
  background: #fff;
}

.bonus__levels-item:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 36px;
  height: 36px;
  background: #F3F4F8;
  border-radius: 50px;
}

.bonus__levels-item:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 18px;
  height: 18px;
  border-radius: 50px;
}

.bonus__levels-item h4 {
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 15px;
}

.bonus__levels-item .btn span > b {
  opacity: .5;
}

.bonus__levels-item.bonus__levels-item--1:after {
  background: linear-gradient(101.85deg, #F66B95 13.32%, #F79E6C 58.67%);
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--2:after {
  background: linear-gradient(101.85deg, #6B71F6 13.32%, #8851E2 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--3:after {
  background: linear-gradient(101.85deg, #29D195 13.32%, #479BCA 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--4:after {
  background: linear-gradient(101.85deg, #FF4ED8 13.32%, #AA1B82 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__item--daily {
  background: #F3F4F8 url(../images/bonus/bonus-daily.png) no-repeat center center/cover;
  padding: 0;
  overflow: hidden;
}

.bonus__wheel {
  height: 250px;
  width: 450px;
  position: relative;
  overflow: hidden;
}

.bonus__wheel-image {
  position: absolute;
  left: 50%;
  top: -68%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.bonus__rotate {
  position: relative;
  pointer-events: none;
}

.bonus__rotate-defs {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.bonus__wheel-borders {
  width: 421px;
  height: 421px;
}

.bonus__wheel-go {
  position: absolute;
  left: 50%;
  bottom: -27%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 20px;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: #EDD164;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #69591C;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.bonus__wheel-go.bonus__wheel-go--started {
  cursor: not-allowed;
  background: #cab251;
}

.bonus__wheel-go span {
  pointer-events: none;
}

.bonus__wheel-go:not(.bonus__wheel-go--started):hover {
  background: #ffe477;
}

.bonus__wheel-cursor {
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg);
  width: 32px;
  height: 48px;
  background: url(../images/games/cursor.svg) no-repeat center center/contain;
  z-index: 2;
}

.bonus__reposts-items {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}

.bonus__reposts-item {
  position: relative;
}

.bonus__reposts-level {
  font-weight: 500;
  font-size: 12px;
  color: #BCC2D2;
  padding-bottom: 6px;
}

.bonus__reposts-count {
  font-weight: 500;
  font-weight: 500;
}

.bonus__reposts-count--value {
  font-size: 22px;
  font-weight: 900;
  color: #D8DCF1;
}

.bonus__reposts-progress {
  position: relative;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  background: #E3E6F9;
  height: 4px;
  margin-top: 8px;
}

.bonus__reposts-progress--width {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #387be5;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.bonus__hits {
  position: relative;
}

.bonus__hits .help {
  position: relative;
  z-index: 2;
}

.bonus__hits-content {
  position: relative;
  min-height: 500px;
  background: url(../images/bonus/bonus-bg.png) no-repeat center center/contain;
  margin-top: -35px;
  z-index: 1;
  padding-top: 160px;
  padding-left: 90px;
  padding-right: 90px;
}

.bonus__hits-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 64px;
  text-transform: uppercase;
  font-weight: 900;
  top: 30px;
}

.bonus__hits-title span {
  -webkit-text-fill-color: #ebecf2;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #d6daf8;
}

.bonus__hits-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.bonus__hits-item {
  position: relative;
}

.bonus__hits-item span {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.bonus__hits-item b {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #BA776C;
  font-weight: normal;
}

.bonus__hits-progress-bar {
  position: relative;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  height: 6px;
  background: #89473D;
  margin-top: 15px;
}

.bonus__hits-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#FE2C2C), to(#FF7E35));
  background: linear-gradient(90deg, #FE2C2C 0%, #FF7E35 100%);
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.bonus__hits-progress:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  border-radius: 50px;
  background-size: 30px 30px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 30px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 30px 0;
  }
  to {
    background-position: 0 0;
  }
}

.bonus__hits-item--active span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 25px;
}

.bonus__hits-item--active span:before {
  content: '';
  position: absolute;
  right: 0;
  top: -3px;
  width: 6px;
  height: 12px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  color: #e0c015;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.refferal__stats {
  position: relative;
  padding: 20px 20px;
  padding-bottom: 10px;
}

.refferal__stat {
  position: relative;
  margin-right: 30px;
}

.refferal__stat:nth-last-child(1) {
  margin-right: 0;
}

.refferal__stat span {
  position: relative;
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: 600;
}

.refferal__stat span .icon {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.refferal__stat p {
  font-size: 12px;
  font-weight: 500;
  color: #7887AE;
}

.refferal .bonus__top::before {
  content: none;
}

.faq {
  position: relative;
}

.faq__item {
  background: #F3F4F8;
  border-radius: 15px;
  position: relative;
  max-height: 60px;
  overflow: hidden;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  margin-bottom: 12px;
}

.faq__item:nth-last-child(1) {
  margin-bottom: 0;
}

.faq__item.faq__item--opened .faq__item-heading span {
  color: #397ce6;
}

.faq__item.faq__item--opened .faq__item-heading:after {
  opacity: 0;
}

.faq__item.faq__item--opened .faq__item-question {
  background: linear-gradient(91.96deg, #397ce6 1.43%, #4397ff 98.35%);
}

.faq__item-heading {
  position: relative;
  height: 60px;
  padding: 11px 16px;
  cursor: pointer;
}

.faq__item-heading:before {
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  border-radius: 50px;
  background: #7887AE;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

.faq__item-heading:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  border-radius: 50px;
  background: #7887AE;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  top: 50%;
}

.faq__item-heading span {
  position: relative;
  color: #475A89;
  font-weight: 500;
  pointer-events: none;
}

.faq__item-question {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: linear-gradient(91.96deg, #475A89 1.43%, #2D3F6B 98.35%);
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  margin-right: 15px;
  pointer-events: none;
}

.faq__item-body {
  padding: 10px 20px;
  position: relative;
  border-top: solid 1px #eaedfb;
}

.faq__item-body p {
  margin: 10px 0px;
  font-size: 12px;
  color: #7785a4;
  font-weight: 500;
  line-height: 22px;
}

.profile {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.profile:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.profile__user {
  width: 280px;
  padding: 30px;
  position: relative;
  border-radius: 25px;
  background: #F3F4F8;
}

.profile__top {
  position: relative;
  width: 100%;
}

.profile__top b {
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
}

.profile__top a {
  font-size: 12px;
  font-weight: 500;
  color: #7987AE;
}

.profile__top a:hover {
  color: #626f92;
}

.profile__top a .icon {
  margin-right: 6px;
  pointer-events: none;
}

.profile__top a span {
  pointer-events: none;
}

.profile__avatar {
  width: 200px;
  height: 150px;
  position: relative;
  background: url(../images/profile/profile-border.png) no-repeat center center/contain;
}

.profile__avatar-ellipse {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #171b28;
}

.profile__avatar-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.profile__username {
  position: relative;
  line-height: 24px;
  margin-bottom: 20px;
}

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

.profile__username span {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8591B5;
}

.profile__balance {
  width: 100%;
}

.profile__balance span {
  font-weight: 600;
}

.profile__balance .icon {
  margin-right: 8px;
}

.profile__stats {
  position: relative;
  width: calc(100% - 280px);
  padding-left: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.profile__stat-item {
  padding: 26px;
  position: relative;
  border-radius: 25px;
  background: #F3F4F8;
}

.profile__stat-item b {
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 12px;
  color: #7987AE;
}

.profile__stat-item span {
  font-weight: 900;
  font-size: 24px;
}

.profile__settings {
  position: relative;
}

.profile__settings-check {
  position: relative;
}

.profile__settings-check label {
  color: #475A89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.profile__settings-check label:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #CCCFE4;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: 9px;
  margin-right: 12px;
}

.text {
  position: relative;
  background: #F3F4F8;
  border-radius: 30px;
  overflow: hidden;
}

.text__banner {
  position: relative;
  padding: 30px;
  padding-bottom: 10px;
}

.text__banner-inner {
  position: relative;
  border-radius: 20px;
  background: #fff;
  padding: 18px 20px;
  color: #475A89;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.text__content {
  padding: 10px 30px;
  padding-bottom: 30px;
}

.text__content h3 {
  margin-bottom: 25px;
}

.text__content p {
  position: relative;
  margin: 15px 0;
  font-size: 12px;
  color: #475A89;
  line-height: 20px;
}

.text__content p:nth-last-child(1) {
  margin: 0;
}

.text__borders {
  position: relative;
  width: 100%;
  margin: 20px 0px;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}


.plusBlock, .dopPlusBetX100{
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  padding: 5px 20px;
  font-weight: 600;
  font-size: 16px;
  z-index: 10;
  cursor: default;
  border-radius: 0px 10px 0px 10px;
}

.dopPlusBetX100{
  right: 50%;
  transform: translateX(50%);
  background: gray;
  color: white;
  border-radius: 0px 0px 10px 10px;
}


.system_mess{
  background: #7001b2;
  
} 

.system_mess span{
  color: white!important;
}

.x30__bet-heading.x7 {
  background: linear-gradient(
    263.88deg, #3AAC46 0%, #36893E 104.75%);
}

.x30__history-item.x7 {
  background: linear-gradient(
    90deg, #3AA946 0%, #378F40 100%), linear-gradient(
      90deg, #9842B0 0%, #6E318B 100%);
  }

  .theme--dark {
    background: #1b2030;
    color: #fff;
  }

  .theme--dark .header {
    background: #1b2030;
  }

  .theme--dark .chat {
    background: linear-gradient(262deg, #20273a 2.45%, rgba(30, 34, 63, 0) 61.7%) !important;
    border-color: #20273b;
  }

  .theme--dark .sidebar__games:before, .theme--dark .sidebar__profile:before {
    background: #1b2030;
  }

  .theme--dark .sidebar__block {
    background: #20273a;
  }

  .theme--dark .sidebar__logotype a {
    background: url(../images/logotype-dark.svg) no-repeat center center/contain;
  }

  .theme--dark .header__links li a {
    color: #7486b7;
  }

  .theme--dark .sidebar__game {
    color: #4e6287;
  }

  .theme--dark .sidebar__game-name {
    background: #3a567e;
  }

  .theme--dark .header__links li a:hover {
    color: #397ce6;
  }

  .theme--dark .header__user-balance {
    color: #fff;
  }

  .theme--dark .header__user-profile {
    background: #171b28;
    color: #7486b7;
  }

  .theme--dark .header__user-profile:before {
    border: 6px solid transparent;
    border-top: 7px solid #7486b7;
  }

  .theme--dark .header__user-profile.dropdown, .theme--dark .header__user-dropdown {
    background: #171b28;
  }

  .theme--dark .header__user-dropdown a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    color: #7486b7;
  }

  .theme--dark .header__user-dropdown a:hover {
    color: #5a85e7;
    background: rgba(255, 255, 255, 0.01);
  }

  .theme--dark .header__user-dropdown a b {
    color: #7486b7;
  }

  .theme--dark .history table thead tr td {
    color: #485c80;
  }

  .theme--dark .history table tbody tr td {
    color: #FFF;
    background: #20273a;
  }

  .theme--dark .footer__link a {
    color: #485c80;
  }

  .theme--dark .footer__text {
    color: rgb(72 87 128 / 50%);
  }

  .theme--dark .history__x-bg {
    opacity: 0.02;
  }

  .theme--dark .history:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .chat__input input::-webkit-input-placeholder {
    color: #7486b7;
  }

  .theme--dark .chat__input input, .theme--dark .chat__buttons a {
    color: #7486b7;
  }

  .theme--dark .chat__buttons a:hover {
    color: #b6c6ff;
  }

  .theme--dark .chat__smiles {
    background: #181c2a;
    width: calc(100% - 0px);
  }

  .theme--dark .chat__smiles-item:hover {
    background: #272c4c;
  }

  .theme--dark .chat__online .icon, .theme--dark .chat__online span {
    color: #7486b7;
  }

  .theme--dark .chat__online p {
    color: #fff;
  }

  .theme--dark .chat__buttons a {
    background: #252d42;
  }

  .theme--dark .chat__msg-info span {
    color: #7486b7;
  }

  .theme--dark .chat__msg-message {
    background: #20273a;
  }

  .theme--dark .chat__buttons-admins a {
    color: #7489b7;
    opacity: .5;
  }

  .theme--dark .chat__buttons-admins a:hover {
    opacity: .65;
  }

  .theme--dark .preloader {
    background-color: #1b2030;
  }

  .theme--dark .x30__wheels:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(180deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__wheel-border {
    border-color: #262B4B;
  }

  .theme--dark .x30__timer {
    background: #20273a;
  }

  .theme--dark .x30__timer b {
    color: #7486b7;
  }

  .theme--dark .sidebar__game--active {
    color: #ffffff;
  }

  .theme--dark .bx-input__input {
    background: #20273a;
  }

  .theme--dark .bx-input__input label {
    color: #516496;
  }

  .theme--dark .bx-input__input input, .theme--dark .x30__bet-placed a, .theme--dark .x30__bet-user .history__user span {
    color: #7486b7;
  }

  .theme--dark .x30__bet-info, .theme--dark .x30__bet-user {
    background: #20273a;
  }

  .theme--dark .x30__bet-sum, .theme--dark .x30__bet-info {
    color: #516496;
  }

  .theme--dark .help {
    color: #249FBA;
    background: linear-gradient(91.96deg, rgba(36, 159, 186, 0.4) 1.43%, rgba(31, 215, 255, 0) 98.35%, rgba(36, 159, 186, 0) 98.35%);
  }

  .theme--dark .help:hover {
    color: #2ebedf;
  }

  .theme--dark .help .icon {
    color: #249FBA;
  }

  .theme--dark #toast-container > div {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
  }

  .theme--dark .dice__drum:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#1b2030), to(transparent));
    background: linear-gradient(to top, #1b2030, transparent);
  }

  .theme--dark .dice__select-chance {
    border-color: #20273b;
  }

  .theme--dark .dice__select-chance a.active {
    background: #20273a;
  }

  .theme--dark .dice__range {
    background: -webkit-gradient(linear, left top, right top, from(#7C79FF), color-stop(50%, #7C79FF), color-stop(50%, #20273a), to(#20273a));
    background: linear-gradient(to right, #7C79FF 0%, #7C79FF 50%, #20273a 50%, #20273a 100%);
  }

  .theme--dark .x30__bonus:after {
    background: -webkit-gradient(linear, left top, right top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(90deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__bonus:before {
    background: -webkit-gradient(linear, right top, left top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(-90deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__bonus, .theme--dark .mines__x-item {
    background: #171b28;
  }

  .theme--dark .mines__x-item b {
    color: #fff;
  }

  .theme--dark .mines__path-item--win {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%) !important;
    -webkit-box-shadow: inset 0px 6px 0px #5cc18a !important;
    box-shadow: inset 0px 6px 0px #5cc18a !important;
  }

  .theme--dark .mines__path-item--lose {
    -webkit-box-shadow: inset 0px 6px 0px #8f3947 !important;
    box-shadow: inset 0px 6px 0px #8f3947 !important;
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%) !important;
  }

  .theme--dark .mines__path-item {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #24304a 34.37%, #293356 100%), #1b2030;
    -webkit-box-shadow: inset 0px 6px 0px #2e3560;
    box-shadow: inset 0px 6px 0px #2e3560;
  }

  .theme--dark .crash__history-item-user {
    background: #20273a;
  }

  .theme--dark .history__user span {
    color: #7486b7;
  }

  .theme--dark .crash__history-user-x {
    background: #1b1e37;
    padding-right: 4px;
  }

  .theme--dark .crash__history-user-x .bx-input__text {
    color: #fff;
  }

  .theme--dark .keno {
    background: #20273a;
  }

  .theme--dark .keno__round-info-item span {
    color: #7486b7;
  }

  .theme--dark .keno__round-info-item b {
    color: #fff;
  }

  .theme--dark .keno__mines {
    background: url(../images/games/keno/keno__bg--dark.png) no-repeat center center;
    background-size: cover;
    min-height: 510px;
  }

  .theme--dark .keno__mines:before {
    background: none;
  }

  .theme--dark .keno__title-bg {
    background: url(../images/games/keno/bg__content--dark.svg) no-repeat center center/contain;
  }

  .theme--dark .keno__bet-settings {
    background: #1b2030;
  }

  .theme--dark .keno__bet-input {
    color: #fff;
  }

  .theme--dark .keno__cancel-select {
    color: #FF6B6B;
  }

  .theme--dark .keno__auto-select {
    color: #6D6AF2;
  }

  .theme--dark .keno__coeff-item {
    border: 1px solid #323758;
  }

  .theme--dark .keno__coeff-item b {
    color: #fff;
  }

  .theme--dark .keno__coeff-item--win {
    border: 1px solid #91DDB3;
  }

  .theme--dark .keno__coeff-item--lose {
    border: 1px solid #FFAAAD;
  }

  .theme--dark .keno__coeff:before {
    background: -webkit-gradient(linear, right top, left top, from(#20273a), to(transparent));
    background: linear-gradient(to left, #20273a, transparent);
  }

  .theme--dark .keno__canvas-item {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #282d50 34.37%, #2a2f54 100%), #1c203b;
    border-top: solid 8px #2f345a;
    color: #7486b7;
  }

  .theme--dark .keno__canvas-user {
    border: solid 2px #20273a;
  }

  .theme--dark .keno__canvas-item--active {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
    border-top: solid 8px #7cb1ff;
    color: #fff;
  }

  .theme--dark .keno__canvas-item--is-selected {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
    border-top: solid 8px #7cb1ff;
    color: #fff;
  }


  .theme--dark .keno__canvas-item--is-revealed {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
    border-top: solid 8px #923c4c;
    color: #fff;
    pointer-events: none;
  }

  .theme--dark .keno__canvas-item--has-hit {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
    border-top: solid 8px #5bc08a;
    color: #fff;
    pointer-events: none;
  }

  .theme--dark .bonus__item {
    background: #20273a;
  }

  .theme--dark .bonus__item-title {
    color: #fff;
  }

  .theme--dark .bonus__levels-info, .theme--dark .bonus__levels-item {
    background: #303456;
  }

  .theme--dark .bonus__levels-text span, .theme--dark .bonus__levels-item h4 {
    color: #fff;
  }

  .theme--dark .bonus__levels-item:before {
    background: #20273a;
  }

  .theme--dark .user-status.new {
    background: #404468;
  }

  .theme--dark .bonus__content .bx-input__input {
    background: #252e44;
  }

  .theme--dark .bonus__reposts-level {
    color: #7486b7;
  }

  .theme--dark .bonus__reposts-count {
    color: #fff;
  }

  .theme--dark .bonus__reposts-count--value {
    color: #36425c;
  }

  .theme--dark .bonus__reposts-progress {
    background: #2b3650;
  }

  .theme--dark .bonus__hits-title span {
    -webkit-text-fill-color: #1b2030;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #272b48;
  }

  .theme--dark .bonus__top:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .bonus__item--levels::before {
    background: url(../images/bonus/borders--dark.svg) repeat;
  }

  .theme--dark .refferal__stat span {
    color: #fff;
  }

  .theme--dark .bonus__rotate-defs--dark {
    display: block !important;
  }

  .theme--dark .bonus__rotate-defs {
    display: none;
  }

  .theme--dark .faq__item {
    background: #20273a;
  }

  .theme--dark .faq__item-heading span {
    color: #6c81b5;
  }

  .theme--dark .faq__item-body {
    border-top: solid 1px #2a2f52;
  }

  .theme--dark .overlayed {
    background: rgb(0 0 0 / 70%);
  }

  .theme--dark .popup {
    background: #1b2030;
  }

  .theme--dark .popup__tab--active {
    border: 2px solid #2a344c;
    color: #397ae6;
  }

  .theme--dark .popup__tab:hover {
    color: #9fafd8;
  }

  .theme--dark .popup__title:before, .theme--dark .popup.popup--about .borders, .theme--dark .mines__check::before, .theme--dark .mines__check::after {
    background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #323d5c), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #32375c), color-stop(0.75, #32375c), color-stop(0.75, transparent), to(transparent));
    background-size: 30px 30px;
    height: 5px;
  }

  .theme--dark .wallet__methods {
    background: #202638;
    -webkit-box-shadow: inset 0px 6px 0px #202638;
    box-shadow: inset 0px 6px 0px #202638;
  }

  .theme--dark .wallet__method {
    background: #252d42;
  }

  .theme--dark .wallet__history-left .wallet__method {
    background: transparent;
  }

  .theme--dark .wallet__method span {
    color: #fff;
  }

  .theme--dark .popup .bx-input__input, .theme--dark .wallet__history-item {
    background: #202638;
  }

  .theme--dark .wallet__txt b {
    color: #fff;
  }

  .theme--dark .popup .close {
    background: #20273a;
    -webkit-box-shadow: inset 0px 6px 0px #20273a;
    box-shadow: inset 0px 6px 0px #20273a;
  }

  .theme--dark .wallet__tab--active {
    background: #252d42;
    color: #fff;
  }

  .theme--dark .popup.popup--about h4, .theme--dark .popup__title, .theme--dark .dice__check-chance, .theme--dark .mines__check-sum--total {
    color: #fff;
  }

  .theme--dark .select {
    background-color: #202638;
  }

  .theme--dark .text {
    background: #20273a;
  }

  .theme--dark .text__banner-inner {
    background: #2b3552;
  }

  .theme--dark .text__borders {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .text__content p {
    color: #7486b7;
  }

  .theme--dark .chat__send .chat__buttons a {
    background: none;
  }

  .theme--dark .profile__user, .theme--dark .profile__stat-item, .theme--dark .profile__settings-check label:before {
    background: #20273a;
  }

  .theme--dark .profile:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .mobile-menu {
    background: #171b28;
  }

  @media only screen and (max-width: 1125px) {
    .theme--dark .chat {
      background: #1b2030 !important;
    }
  }

  .theme--dark .chat:before, .theme--dark .mobile-navbar:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .mobile-navbar {
    background-color: #1b2030;
  }

  .theme--dark .mobile-navbar a {
    background: #202638;
  }


  .theme--dark .coinflip .crash__right {
    background: #20273a;
  }
  .theme--dark .coinflip__result {
    background-color: #252e44;
  }
  .theme--dark .coinflip__place {
    background-color: #20273a;
  }

  .theme--dark .coinflip__place-img {
    color: #2b2f54;
  }
  .theme--dark .coinflip__place b {
    color: #7188bf;
  }

  .theme--dark .coinflip__game::before {
    background: url(../images/games/coin/coinflip-pattern--dark.png) no-repeat center center/cover;
    border-radius: 20px;
  }






  .bonus__rotate-defs--dark {
    display: none;
  }


  .header__user-dropdown a em {
    font-style: normal;
    font-weight: 500;
    padding: 5px;
    border-radius: 4px;
    background: #ca5252;
    color: #fff;
    font-size: 8px;
    margin-left: 10px;
    pointer-events: none;
  }

  .keno__canvas-item.blocked{
    pointer-events: none;
  }

  .chat__promocode {
    position: relative;
    padding: 10px 20px;
    padding-bottom: 5px;
  }

  .chat__promocode-inner {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-left: 90px;
    min-height: 120px;
    padding-bottom: 25px;
    border-radius: 20px;
    background: #171b28;
    border: solid 4px #171b28;
    margin-top: 10px;
  }

  .chat__promocode-inner h4 {
    text-transform: uppercase;
    font-weight: 900;
    color: #ffffff;
    font-size: 16px;
  }

  .chat__promocode-img {
    position: absolute;
    left: -20px;
    top: -20px;
    pointer-events: none;
  }

  .chat__promocode-timer {
    position: relative;
    padding-top: 15px;
  }

  .chat__promocode-timer span:not(.chat__promocode-timer--span) {
    margin: 0px 4px;
    font-weight: 900;
    color: rgb(50 59 86);
  }

  .chat__promocode-timer--span {
    width: 28px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(57 125 230 / 20%);
    border-radius: 7px;
    font-size: 18px;
    font-weight: 900;
    color: #397ce6;
    margin: 0px 3px;
  }

  .shoot {
    position: relative;
  }

  .shoot__live {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background: url(../images/games/shoot/shoot.png) no-repeat center center/cover;
    padding: 28px 0px;
  }

  .shoot__live::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-2.18%, rgba(46, 30, 37, 0.42)), to(rgba(46, 30, 37, 0.7)));
    background: linear-gradient(0deg, rgba(46, 30, 37, 0.42) -2.18%, rgba(46, 30, 37, 0.7) 100%);
  }

  .shoot__live-drop {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .shoot__live-drop-scroll {
    position: relative;
  } 

  .shoot__live-drop-scroll.animate1 {
    -webkit-animation: translateDrop 130s infinite ease-out;
    animation: translateDrop 130s infinite ease-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }

  @-webkit-keyframes translateDrop {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
      transform: translateX(calc((115px + 16px) * 47 * -1));
    }
  }

  @keyframes translateDrop {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
      transform: translateX(calc((115px + 16px) * 47 * -1));
    }
  }

  .shoot__live-drop-item {
    position: relative; 
    min-width: 115px;
    height: 170px;
    border-radius: 15px;
    background: #2E1E25;
    margin: 0px 8px;
  }

  .shoot__live-drop-item:nth-child(1) {
    margin-left: 0;
  }

  .shoot__live-drop-front, .shoot__live-drop-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-backface-visibility: hidden;
    padding: 16px 18px;
    transition: -webkit-transform 0.25s ease-in;
    -webkit-transform-style: preserve-3d;
  }

  .shoot__live-drop-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  .shoot__live-drop-name {
    position: relative;
    line-height: 18px;
  }

  .shoot__live-drop-name b {
    font-size: 12px;
    color: #fff;
  }

  .shoot__live-drop-name span {
    font-size: 12px;
    color: #947482;
  }

  .shoot__live-drop-price {
    position: relative;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background: #56414A;
    padding: 6px 12px;
  }

  .shoot__live-drop-img {
    max-height: 50px;
    pointer-events: none;
  }

  .shoot__live-drop-img-not {
    pointer-events: none;
  }

  .shoot__live-drop-game {
    position: relative;
    padding-top: 23px;
  }

  .shoot__live-drop-game .btn--orange {
    background: #397de6;
    -webkit-box-shadow: 0px 42px 80px rgba(255, 141, 116, 0.4);
    box-shadow: 0px 42px 80px rgb(25 62 120 / 66%);
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    z-index: 2;
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-cursor {
    -webkit-transform: translateX(-67%) translateY(0%);
    transform: translateX(-67%) translateY(0%);
    opacity: 1;
  }

  .shoot__live-drop-cursor {
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-67%) translateY(100%);
    transform: translateX(-67%) translateY(100%);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1;
  }

  .shoot__live-drop-cursor img {
    pointer-events: none;
  }

  .shoot__live-drop-x {
    position: relative;
    font-size: 36px;
  }

  .shoot__live-drop-x b {
    font-weight: 900;
  }

  .shoot__bet {
    padding: 20px 0;
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 20px;
  }

  .shoot__bet:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg) repeat;
  }

  .shoot__bet-btn-settings {
    font-weight: bold;
    color: #7987AE;
  }

  .shoot__bet-btn-settings span {
    pointer-events: none;
  }

  .shoot__bet-btn-settings .icon {
    margin-right: 8px;
  }

  .shoot__bet-btn-settings:hover {
    color: #626f92;
  }

  .shoot__bet-btns {
    position: relative;
    padding: 0px 30px;
    grid-gap: 10px;
  }

  .shoot__bet-btns a {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
  }

  .shoot__bet-btns a:nth-child(1) {
    background: rgba(97, 119, 255, 0.2);
    color: #6177FF;
  }

  .shoot__bet-btns a:nth-child(1).active {
    background: #6177ff;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(2) {
    background: rgba(126, 47, 255, 0.2);
    color: #7E2FFF;
  }

  .shoot__bet-btns a:nth-child(2).active {
    background: #7e2fff;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(3) {
    background: rgba(17, 128, 108, 0.2);
    color: #11806C;
  }

  .shoot__bet-btns a:nth-child(3).active {
    background: #11806c;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(4) {
    background: rgba(100, 130, 15, 0.2);
    color: #64820F;
  }

  .shoot__bet-btns a:nth-child(4).active {
    background: #64820f;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(5) {
    background: rgba(160, 56, 23, 0.2);
    color: #A03817;
  }

  .shoot__bet-btns a:nth-child(5).active {
    background: #a03817;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(6) {
    background: rgba(255, 107, 0, 0.2);
    color: #FF6B00;
  }

  .shoot__bet-btns a:nth-child(6).active {
    background: #ff6b00;
    color: #fff;
  }

  .shoot__bets {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 13px;
  }

  .shoot__bet-item {
    padding: 14px 0px;
    border-radius: 15px;
    position: relative;
    min-height: 58px;
    font-size: 18px;
    font-weight: 900;
    overflow: hidden;
  }

  .shoot__bet-item span {
    pointer-events: none;
  }

  .shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, 0.2)), to(rgba(36, 90, 98, 0.2)));
    background: linear-gradient(180deg, rgba(54, 113, 122, 0.2) 0%, rgba(36, 90, 98, 0.2) 100%);
  }

  .shoot__bet-item--1x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#36717A), to(#245A62));
    background-image: linear-gradient(180deg, #36717A 0%, #245A62 100%);
  }

  .shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, 0.2)), to(rgba(128, 97, 61, 0.2)));
    background: linear-gradient(180deg, rgba(172, 141, 105, 0.2) 0%, rgba(128, 97, 61, 0.2) 100%);
  }

  .shoot__bet-item--2x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AC8D69), to(#80613D));
    background-image: linear-gradient(180deg, #AC8D69 0%, #80613D 100%);
  }

  .shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, 0.2)), to(rgba(88, 63, 68, 0.2)));
    background: linear-gradient(180deg, rgba(124, 93, 99, 0.2) 0%, rgba(88, 63, 68, 0.2) 100%);
  }

  .shoot__bet-item--5x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7C5D63), to(#583F44));
    background-image: linear-gradient(180deg, #7C5D63 0%, #583F44 100%);
  }

  .shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, 0.2)), to(rgba(75, 72, 99, 0.2)));
    background: linear-gradient(180deg, rgba(96, 92, 124, 0.2) 0%, rgba(75, 72, 99, 0.2) 100%);
  }

  .shoot__bet-item--10x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#605C7C), to(#4B4863));
    background-image: linear-gradient(180deg, #605C7C 0%, #4B4863 100%);
  }

  .shoot__live-drop-item--1x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#36717a), to(#245a62));
    background: linear-gradient(180deg, #36717a 0%, #245a62 100%);
    color: #fff;
  }

  .shoot__live-drop-item--2x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#ac8d69), to(#80613d));
    background: linear-gradient(180deg, #ac8d69 0%, #80613d 100%);
    color: #fff;
  }

  .shoot__live-drop-item--5x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#7c5d63), to(#583f44));
    background: linear-gradient(180deg, #7c5d63 0%, #583f44 100%);
    color: #fff;
  }

  .shoot__live-drop-item--10x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#605c7c), to(#4b4863));
    background: linear-gradient(180deg, #605c7c 0%, #4b4863 100%);
    color: #fff;
  }

  .shoot__live-drop-item--cashhunt .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#3C4E2E), to(#2A3820));
    background: linear-gradient(180deg, #3C4E2E 0%, #2A3820 100%);
    color: #8FBE68;
  }

  .shoot__live-drop-item--crazytime .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0%, #672725 100%);
    color: #FF6D69;
  }

  .shoot__live-drop-item--coinflip .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677C), to(#2B485A));
    background: linear-gradient(180deg, #47677C 0%, #2B485A 100%);
    color: #93D6FF;
  }

  .shoot__live-drop-item--pachinko .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#8E3D67), to(#742E52));
    background: linear-gradient(180deg, #8E3D67 0%, #742E52 100%);
    color: #FF61B2;
  }

  .shoot__live-drop-item--bonusX3 .shoot__live-drop-front, .shoot__live-drop-item--bonusX5 .shoot__live-drop-front {

    color: #fff;

    background: crimson;
    box-shadow: 0 -150px 70px -120px teal inset,
    0 -220px 70px -120px yellowgreen inset,
    0 -280px 70px -120px gold inset;

    animation: background 4s infinite alternate;
  }

  @keyframes background {
    50% {
      background: darkviolet;
      box-shadow: 0 -140px 70px -120px mediumorchid inset,
      0 -210px 70px -120px teal inset,
      0 -280px 70px -120px plum inset;
    }
  }

  .shoot__live-drop-bonus-ico {
    width: 54px;
    height: 54px;
  }

  .shoot__bet-item--bonus {
    padding: 0px 20px;
  }

  .shoot__bet-item--bonus:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/shoot/pattern.png) no-repeat left center/contain;
  }

  .shoot__bet-item--bonus b {
    color: #fff;
    pointer-events: none;
  }

  .shoot__bet-item--bonus .icon {
    width: 26px;
    height: 26px;
  }

  .shoot__bet-item--cashhunt {
    background: -webkit-gradient(linear, left top, left bottom, from(#3C4E2E), to(#2A3820));
    background: linear-gradient(180deg, #3C4E2E 0%, #2A3820 100%);
  }

  .shoot__bet-item--cashhunt .icon {
    color: #8FBE68;
  }

  .shoot__bet-item--crazygame {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0%, #672725 100%);
  }

  .shoot__bet-item--crazygame .icon {
    color: #FF6D69;
  }

  .shoot__bet-item--coinflip {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677C), to(#2B485A));
    background: linear-gradient(180deg, #47677C 0%, #2B485A 100%);
  }

  .shoot__bet-item--coinflip .icon {
    color: #93D6FF;
  }

  .shoot__bet-item--pochinko {
    background: -webkit-gradient(linear, left top, left bottom, from(#8E3D67), to(#742E52));
    background: linear-gradient(180deg, #8E3D67 0%, #742E52 100%);
  }

  .shoot__bet-item--pochinko .icon {
    color: #FF61B2;
  }

  .shoot__live-drop-x-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/shoot/pattern-x.svg?v=1) no-repeat center center/cover;
  }

  .shoot__game-wrapper {
    width: 575px;
    position: relative;
  }

  .shoot__game-wrapper.CashHunt{
    max-width: 500px;
  }

  .shoot__live--game:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #261E10;
    opacity: .75;
  }

  .shoot .cash-hunt {
    position: relative;
    width: 100%;
  }

  .shoot .cash-hunt__inner {
    width: 100%;
    position: relative;
    padding: 14px;
    border-radius: 20px;
    background: #31251A;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 8px;
  }

  .shoot .cash-hunt__item {
    width: 100%;
    height: 41px;
    border-radius: 15px;
    background: #251C13;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }

  .shoot .cash-hunt__item b {
    pointer-events: none;
    color: #74604d;
    font-size: 12px;
  }

  .shoot .cash-hunt__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .shoot .cash-hunt__front, .shoot .cash-hunt__back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform 0.25s ease-in;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-style: preverse-3d;
    -webkit-backface-visibility: hidden;
  }

  .shoot .cash-hunt__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .cash-hunt img {
    pointer-events: none;
    max-height: 19px;
  }

  .shoot .cash-hunt__item--result .cash-hunt__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .cash-hunt__item--result .cash-hunt__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot .cash-hunt__logo {
    top: -29px;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 46px;
    background: url(../images/games/cashhunt/logotype.png) no-repeat center center/contain;
  }

  .shoot .cash-hunt__item--win .cash-hunt__back {
    background: #5ab571;
  }

  .shoot .cash-hunt__item--select .cash-hunt__front {
    background: #644e37;
  }

  .shoot .cash-hunt__item--win .cash-hunt__back b {
    color: #fff;
  }

  .shoot .cash-hunt__item--lose .cash-hunt__back {
    background: #d35157;
  }

  .shoot .cash-hunt__item--lose .cash-hunt__back b {
    color: #fff;
  }

  .shoot .coinflip {
    width: 100%;
    position: relative;
    background: #31251A url(../images/games/coin/pattern.png) no-repeat center center/contain;
    border-radius: 20px;
  }

  .shoot .coinflip img {
    pointer-events: none;
  }

  .shoot .coinflip__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px;
    justify-items: center;
  }

  .shoot .coinflip__slider {
    width: 100%;
    position: relative;
  }

  .shoot .coinflip__slider-i {
    position: relative;
  }

  .shoot .coinflip__slider-i img {
    max-height: 32px;
  }

  .shoot .coinflip__slider-block {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 8px;
    border-radius: 15px;
    margin-top: 6px;
    background: #23190F;
    overflow: hidden;
  }

  .shoot .coinflip__slider-block:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 3px;
    height: 100%;
    z-index: 1;
  }

  .shoot .coinflip__slider--orel .coinflip__slider-block:before {
    background: #FFC138;
    -webkit-box-shadow: 0px 0px 13px rgba(255, 191, 52, 0.7);
    box-shadow: 0px 0px 13px rgba(255, 191, 52, 0.7);
  }

  .shoot .coinflip__slider--reshka .coinflip__slider-block:before {
    background: #1774FF;
    -webkit-box-shadow: 0px 0px 13px rgba(23, 116, 255, 0.7);
    box-shadow: 0px 0px 13px rgba(23, 116, 255, 0.7);
  }

  .shoot .coinflip__slider-scroll {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%;
  }

  .shoot .coinflip__slider-item {
    min-width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 10px;
    background: #3E3124;
    margin-right: 4px;
  }

  .shoot .coinflip__wrapper {
    position: relative;
  }

  .shoot .coinflip__wrapper b {
    position: absolute;
    z-index: 1;
    font-size: 32px;
    font-weight: 900;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .shoot .coinflip__wrapper--flip {
    position: relative;
  }

  .shoot .coinflip__wrapper--flip .coinflip__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .coinflip__wrapper--flip .coinflip__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot .coinflip__x-block {
    position: relative;
  }

  .shoot .coinflip__x-block b {
    color: #fff;
  }

  .shoot .coinflip__x-block img {
    max-height: 32px;
    margin-right: 8px;
  }

  .shoot .crazygame {
    position: relative;
  }

  .shoot .crazygame__container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
    border-radius: 20px;
  }

  .shoot .crazygame__ctx {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
  }

  .shoot .crazygame__wheel {
    border-radius: 50%;
    overflow: hidden;
    width: 575px;
    z-index: 1;
    height: 575px;
  }

  .shoot .crazygame__wheel-item {
    width: calc(582px * 3.14159265359 / 64);
    height: 575px;
    position: absolute;
    border-radius: 8px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    overflow: hidden;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 12px;
  }

  .shoot .crazygame__wheel-item:nth-child(1) {
    -webkit-transform: translateX(-50%) rotate(5.625deg);
    transform: translateX(-50%) rotate(5.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(2) {
    -webkit-transform: translateX(-50%) rotate(11.25deg);
    transform: translateX(-50%) rotate(11.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(3) {
    -webkit-transform: translateX(-50%) rotate(16.875deg);
    transform: translateX(-50%) rotate(16.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(4) {
    -webkit-transform: translateX(-50%) rotate(22.5deg);
    transform: translateX(-50%) rotate(22.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(5) {
    -webkit-transform: translateX(-50%) rotate(28.125deg);
    transform: translateX(-50%) rotate(28.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(6) {
    -webkit-transform: translateX(-50%) rotate(33.75deg);
    transform: translateX(-50%) rotate(33.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(7) {
    -webkit-transform: translateX(-50%) rotate(39.375deg);
    transform: translateX(-50%) rotate(39.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(8) {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }

  .shoot .crazygame__wheel-item:nth-child(9) {
    -webkit-transform: translateX(-50%) rotate(50.625deg);
    transform: translateX(-50%) rotate(50.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(10) {
    -webkit-transform: translateX(-50%) rotate(56.25deg);
    transform: translateX(-50%) rotate(56.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(11) {
    -webkit-transform: translateX(-50%) rotate(61.875deg);
    transform: translateX(-50%) rotate(61.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(12) {
    -webkit-transform: translateX(-50%) rotate(67.5deg);
    transform: translateX(-50%) rotate(67.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(13) {
    -webkit-transform: translateX(-50%) rotate(73.125deg);
    transform: translateX(-50%) rotate(73.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(14) {
    -webkit-transform: translateX(-50%) rotate(78.75deg);
    transform: translateX(-50%) rotate(78.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(15) {
    -webkit-transform: translateX(-50%) rotate(84.375deg);
    transform: translateX(-50%) rotate(84.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(16) {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }

  .shoot .crazygame__wheel-item:nth-child(17) {
    -webkit-transform: translateX(-50%) rotate(95.625deg);
    transform: translateX(-50%) rotate(95.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(18) {
    -webkit-transform: translateX(-50%) rotate(101.25deg);
    transform: translateX(-50%) rotate(101.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(19) {
    -webkit-transform: translateX(-50%) rotate(106.875deg);
    transform: translateX(-50%) rotate(106.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(20) {
    -webkit-transform: translateX(-50%) rotate(112.5deg);
    transform: translateX(-50%) rotate(112.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(21) {
    -webkit-transform: translateX(-50%) rotate(118.125deg);
    transform: translateX(-50%) rotate(118.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(22) {
    -webkit-transform: translateX(-50%) rotate(123.75deg);
    transform: translateX(-50%) rotate(123.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(23) {
    -webkit-transform: translateX(-50%) rotate(129.375deg);
    transform: translateX(-50%) rotate(129.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(24) {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
  }

  .shoot .crazygame__wheel-item:nth-child(25) {
    -webkit-transform: translateX(-50%) rotate(140.625deg);
    transform: translateX(-50%) rotate(140.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(26) {
    -webkit-transform: translateX(-50%) rotate(146.25deg);
    transform: translateX(-50%) rotate(146.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(27) {
    -webkit-transform: translateX(-50%) rotate(151.875deg);
    transform: translateX(-50%) rotate(151.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(28) {
    -webkit-transform: translateX(-50%) rotate(157.5deg);
    transform: translateX(-50%) rotate(157.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(29) {
    -webkit-transform: translateX(-50%) rotate(163.125deg);
    transform: translateX(-50%) rotate(163.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(30) {
    -webkit-transform: translateX(-50%) rotate(168.75deg);
    transform: translateX(-50%) rotate(168.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(31) {
    -webkit-transform: translateX(-50%) rotate(174.375deg);
    transform: translateX(-50%) rotate(174.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(32) {
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
  }

  .shoot .crazygame__wheel-item:nth-child(33) {
    -webkit-transform: translateX(-50%) rotate(185.625deg);
    transform: translateX(-50%) rotate(185.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(34) {
    -webkit-transform: translateX(-50%) rotate(191.25deg);
    transform: translateX(-50%) rotate(191.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(35) {
    -webkit-transform: translateX(-50%) rotate(196.875deg);
    transform: translateX(-50%) rotate(196.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(36) {
    -webkit-transform: translateX(-50%) rotate(202.5deg);
    transform: translateX(-50%) rotate(202.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(37) {
    -webkit-transform: translateX(-50%) rotate(208.125deg);
    transform: translateX(-50%) rotate(208.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(38) {
    -webkit-transform: translateX(-50%) rotate(213.75deg);
    transform: translateX(-50%) rotate(213.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(39) {
    -webkit-transform: translateX(-50%) rotate(219.375deg);
    transform: translateX(-50%) rotate(219.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(40) {
    -webkit-transform: translateX(-50%) rotate(225deg);
    transform: translateX(-50%) rotate(225deg);
  }

  .shoot .crazygame__wheel-item:nth-child(41) {
    -webkit-transform: translateX(-50%) rotate(230.625deg);
    transform: translateX(-50%) rotate(230.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(42) {
    -webkit-transform: translateX(-50%) rotate(236.25deg);
    transform: translateX(-50%) rotate(236.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(43) {
    -webkit-transform: translateX(-50%) rotate(241.875deg);
    transform: translateX(-50%) rotate(241.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(44) {
    -webkit-transform: translateX(-50%) rotate(247.5deg);
    transform: translateX(-50%) rotate(247.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(45) {
    -webkit-transform: translateX(-50%) rotate(253.125deg);
    transform: translateX(-50%) rotate(253.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(46) {
    -webkit-transform: translateX(-50%) rotate(258.75deg);
    transform: translateX(-50%) rotate(258.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(47) {
    -webkit-transform: translateX(-50%) rotate(264.375deg);
    transform: translateX(-50%) rotate(264.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(48) {
    -webkit-transform: translateX(-50%) rotate(270deg);
    transform: translateX(-50%) rotate(270deg);
  }

  .shoot .crazygame__wheel-item:nth-child(49) {
    -webkit-transform: translateX(-50%) rotate(275.625deg);
    transform: translateX(-50%) rotate(275.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(50) {
    -webkit-transform: translateX(-50%) rotate(281.25deg);
    transform: translateX(-50%) rotate(281.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(51) {
    -webkit-transform: translateX(-50%) rotate(286.875deg);
    transform: translateX(-50%) rotate(286.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(52) {
    -webkit-transform: translateX(-50%) rotate(292.5deg);
    transform: translateX(-50%) rotate(292.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(53) {
    -webkit-transform: translateX(-50%) rotate(298.125deg);
    transform: translateX(-50%) rotate(298.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(54) {
    -webkit-transform: translateX(-50%) rotate(303.75deg);
    transform: translateX(-50%) rotate(303.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(55) {
    -webkit-transform: translateX(-50%) rotate(309.375deg);
    transform: translateX(-50%) rotate(309.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(56) {
    -webkit-transform: translateX(-50%) rotate(315deg);
    transform: translateX(-50%) rotate(315deg);
  }

  .shoot .crazygame__wheel-item:nth-child(57) {
    -webkit-transform: translateX(-50%) rotate(320.625deg);
    transform: translateX(-50%) rotate(320.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(58) {
    -webkit-transform: translateX(-50%) rotate(326.25deg);
    transform: translateX(-50%) rotate(326.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(59) {
    -webkit-transform: translateX(-50%) rotate(331.875deg);
    transform: translateX(-50%) rotate(331.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(60) {
    -webkit-transform: translateX(-50%) rotate(337.5deg);
    transform: translateX(-50%) rotate(337.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(61) {
    -webkit-transform: translateX(-50%) rotate(343.125deg);
    transform: translateX(-50%) rotate(343.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(62) {
    -webkit-transform: translateX(-50%) rotate(348.75deg);
    transform: translateX(-50%) rotate(348.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(63) {
    -webkit-transform: translateX(-50%) rotate(354.375deg);
    transform: translateX(-50%) rotate(354.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(64) {
    -webkit-transform: translateX(-50%) rotate(360deg);
    transform: translateX(-50%) rotate(360deg);
  }

  .shoot .crazygame__wheel-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
  }

  .shoot .crazygame__wheel-item span {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    width: 14px;
    word-break: break-all;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
  }

  .shoot .crazygame__wheel-item.double {
    background: #F36128;
  }

  .shoot .crazygame__wheel-item.double span {
    color: #ffc08b;
  }

  .shoot .crazygame__wheel-item.lightpurple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.02%, #9D4EDF), color-stop(68.23%, #65259B));
    background: linear-gradient(to bottom, #9D4EDF 4.02%, #65259B 68.23%);
  }

  .shoot .crazygame__wheel-item.lightpurple span {
    color: #d7a9ff;
  }

  .shoot .crazygame__wheel-item.blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.77%, #4D4EDF), color-stop(71.57%, #1F207D));
    background: linear-gradient(to bottom, #4D4EDF 14.77%, #1F207D 71.57%);
  }

  .shoot .crazygame__wheel-item.blue span {
    color: #8384ff;
  }

  .shoot .crazygame__wheel-item.lightblue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.01%, #7475F7), color-stop(68.98%, #27279A));
    background: linear-gradient(to bottom, #7475F7 14.01%, #27279A 68.98%);
  }

  .shoot .crazygame__wheel-item.lightblue span {
    color: #b9b9ff;
  }

  .shoot .crazygame__wheel-item.turquoise {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8.87%, #33BCE2), color-stop(71.11%, #0D6178)), #C4C4C4;
    background: linear-gradient(to bottom, #33BCE2 8.87%, #0D6178 71.11%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.turquoise span {
    color: #97e6ff;
  }

  .shoot .crazygame__wheel-item.red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.47%, #E2563A), color-stop(52.26%, #9D2C15));
    background: linear-gradient(to bottom, #E2563A 12.47%, #9D2C15 52.26%);
  }

  .shoot .crazygame__wheel-item.red span {
    color: #ff9382;
  }

  .shoot .crazygame__wheel-item.yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.03%, #FABB33), color-stop(58.73%, #694904)), #C4C4C4;
    background: linear-gradient(to bottom, #FABB33 9.03%, #694904 58.73%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.yellow span {
    color: #ffee9b;
  }

  .shoot .crazygame__wheel-item.lightyellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85.53%, #E1CB38), color-stop(45.54%, #847517)), #C4C4C4;
    background: linear-gradient(to bottom, #E1CB38 85.53%, #847517 45.54%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.lightyellow span {
    color: #fffb6d;
  }

  .shoot .crazygame__wheel-item.green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.42%, #47C139), color-stop(79.12%, #277E1D));
    background: linear-gradient(to bottom, #47C139 14.42%, #277E1D 79.12%);
  }

  .shoot .crazygame__wheel-item.green span {
    color: #7cff6d;
  }

  .shoot .crazygame__cursor {
    position: absolute;
    width: 652px;
    height: 652px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .shoot .crazygame__cursor img {
    max-height: 50px;
    pointer-events: none;
  }

  .shoot .crazygame__cursor--two {
    -webkit-transform: translate(-48.65%, -50.45%) rotate(-18.875deg);
    transform: translate(-48.65%, -50.45%) rotate(-18.875deg);
  }

  .shoot .crazygame__cursor--three {
    -webkit-transform: translate(-51.45%, -50.45%) rotate(18.875deg);
    transform: translate(-51.45%, -50.45%) rotate(18.875deg);
  }

  .shoot .crazygame__wheel-center {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35%;
    height: 35%;
    background: #32281a;
    overflow: hidden;
    z-index: 2;
  }

  .shoot .crazygame__wheel-center img {
    max-height: 100%;
    pointer-events: none;
  }

  .shoot .crazygame__game-select {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    background: rgba(50, 39, 29, 0);
    border-radius: 50%;
  }

  .shoot .crazygame__game-select h4 {
    text-transform: uppercase;
    color: #fff;
  }

  .shoot .crazygame__game-selects {
    position: relative;
    margin-top: 20px;
    grid-gap: 25px;
  }

  .shoot .crazygame__game-selects a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative;
  }

  .shoot .crazygame__game-selects a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .shoot .crazygame__game-selects a:nth-child(1) {
    background: #4d22f8;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(77,34,248, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(77,34,248, 0.5);
  }

  .shoot .crazygame__game-selects a:nth-child(2) {
    background: #ea191d;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(234,25,29, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(234,25,29, 0.5);
  }

  .shoot .crazygame__game-selects a:nth-child(3) {
    background: #188e1c;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(24,142,28, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(24,142,28, 0.5);
  }

  .shoot .crazygame__center-ellipse {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#bb7c23), to(#ffad39));
    background: linear-gradient(0deg, #bb7c23, #ffad39);
  }

  .shoot .crazygame__center-ellipse-border {
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border-radius: 50%;
    border: solid 4px #b96e04;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .shoot .crazygame__wheel-center-border {
    position: relative;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    border: solid 2px #3c3121;
  }

  .shoot .crazygame__wheel-center-border img {
    max-height: 20px;
  }

  .shoot .pochinko {
    width: 100%;
    position: relative;
    height: 808px;
    border-radius: 20px;
    /*padding: 0px 10px;*/
    background: #31251A;
  }

  .shoot .pochinko:before {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    left: 0;
    top: 35%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #e1cb38;
  }

  .shoot .pochinko:after {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    right: 0;
    top: 35%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #554ed7;
  }

  .shoot .pochinko__lvls {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[16];
    grid-template-columns: repeat(16, 1fr);
    /*padding: 10px 0px;*/
    grid-gap: 3px;
    z-index: 2;
  }
  .shoot .pochinko__lvl{
    justify-content: flex-end!important;

  }
  .shoot .pochinko__lvls:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 20px 20px;
    /*background: #31251a;*/
    z-index: 3;
  }

  .shoot .pochinko__lvl-x {
    position: relative;
    width: 100%;
    padding: 8px 0px;
    z-index: 4;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }

  .shoot .pochinko__lvl-x span {
    font-size: 21px;
    text-transform: uppercase;
    color: transparent;
    background-image: linear-gradient(to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
    -webkit-background-clip: text;

    writing-mode: vertical-lr; 
    text-orientation: upright; 
    font-weight: 900!important;

  }

  .shoot .pochinko__canvas {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .shoot .pochinko__canvas canvas {
    border-radius: 20px;
    transform-origin: left top;
    transform: scale(1.0);
  }

  .shoot__live-drop-cursor--shooting img {
    -webkit-animation: shoot 0.5s ease-out;
    animation: shoot 0.5s ease-out;
    animation-direction: alternate-reverse;
  }

  @-webkit-keyframes shoot {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }

  @keyframes shoot {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }


  .shoot__live-drop-item--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot__live-drop-item--flipped .shoot__live-drop-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }


  .theme--dark .shoot__bet:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .x--text{
    position: relative;
    top: -4px;
    left: 2px;
    font-size: 16px!important;
    font-weight: 900!important;
    
  }

  
  .shoot .pochinko__lvl-x span{
    font-size: 16px!important;
  }
  .x--text{
    top: -3px;
    left: 1px;
    font-size: 12px!important;
  }
  

  @media(max-width: 450px){
    .shoot .pochinko__lvl-x span{
      font-size: 11px!important;
    }
    .x--text{
      top: -3px;
      left: 1px;
      font-size: 10px!important;
    }
  }

  .theme--dark .shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, 0.5)), to(rgba(36, 90, 98, 0.5)));
    background: linear-gradient(180deg, rgba(54, 113, 122, 0.5) 0%, rgba(36, 90, 98, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--1x span {
    color: #6090af;
  }

  .theme--dark .shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, 0.5)), to(rgba(128, 97, 61, 0.5)));
    background: linear-gradient(180deg, rgba(172, 141, 105, 0.5) 0%, rgba(128, 97, 61, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--2x span {
    color: #b39d97;
  }

  .theme--dark .shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, 0.5)), to(rgba(88, 63, 68, 0.5)));
    background: linear-gradient(180deg, rgba(124, 93, 99, 0.5) 0%, rgba(88, 63, 68, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--5x span {
    color: #918099;
  }

  .theme--dark .shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, 0.5)), to(rgba(75, 72, 99, 0.5)));
    background: linear-gradient(180deg, rgba(96, 92, 124, 0.5) 0%, rgba(75, 72, 99, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--10x span {
    color: #7e80b3;
  }


  .theme--dark .tournier__page-t-box {
    background: #1b2030;
  }
  .theme--dark .tournier__page-t-ico {
    color: #212639;
  }
  .theme--dark .tournier__separate {
    background: url(../images/borders--dark.svg) repeat;
  }


  .side-a {
    /*z-index: 100;*/
    background-size: cover;
    background-image:url(../images/games/coin/coin--orel.png);

  }
  .side-b {
    -webkit-transform: rotateZ(180deg) rotateY(-180deg);
    background-size: cover;
    background-image:url(../images/games/coin/coin--reshka.png);

  }

  .coinflip__wrapper div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-backface-visibility: hidden;
  }


  .coinflip__wrapper {
    transition: -webkit-transform 1s ease-in;
    -webkit-transform-style: preserve-3d;
  }

  .animated.flip_1 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip_tale;
    animation-name: flip_tale
  }
  .animated.flip_2 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
  } 
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }


  @-webkit-keyframes flip_tale {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes flip_tale {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }


  .cap_new{
   width: 64px;
   opacity: 1; 
   position: absolute;
   left: -3px;
   top: -9px;
 }


 .wallet__history-status{
  padding: 5px 7px;
  background: transparent;
  border-radius: 8px;
}

.wallet__history-status.warning{
  background: #e3b448;
  color: #000;
}

.wallet__history-status.success{
  background: #69df69;
  color: #000;
}

.wallet__history-status.error{
 background: #ed4e4e;
 color: #fff;
}


.newTimerBlock{
  background: #F2DEA7;
  border: solid 4px #F7AF69;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 25px;
  position: relative;
}


.newTimerText{
  margin: 5px;
  text-transform: uppercase;
  font-weight: 900;
  color: #433614;
  font-size: 16px;
}



.imgNewTimer{
  position: absolute;
  top: 20px;
  right: 50px;
  width: 100px;
}

.newTimerBlock .chat__promocode-img{
  right: -20px;
  transform: rotateY(180deg);
  left: auto;
}

.tournier__link {
  position: relative;
  width: 100%;
  margin-bottom: 18px;
  min-height: 65px;
  border-radius: 20px;
  padding: 0px 23px;
  background: #171b28;
  border-left: solid 2px rgb(23 27 40);
  overflow: hidden;
}

.tournier__link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: 2px;
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(252, 93, 54, 0.3)), to(transparent)); */
  /* background: linear-gradient(to right, rgba(252, 93, 54, 0.3), transparent); */
}

.tournier__link:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15%;
  height: 2px;
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(252, 93, 54, 0.3)), to(transparent)); */
  /* background: linear-gradient(to right, rgba(252, 93, 54, 0.3), transparent); */
}

.tournier__link .icon {
  color: #f2ad44;
  margin-right: 8px;
  pointer-events: none;
}

.tournier__link b {
  color: #ffffff;
  pointer-events: none;
}

.tournier__link span {
  font-size: 12px;
  color: #6c7da6;
  font-weight: 500;
  pointer-events: none;
}

.boomcity__main{
  background: #F3F4F8;
  border-radius: 20px;
  padding: 24px;
  width: calc(60% - 10px);
}

.boomcity__betblock{
  width: calc(40% - 10px);
}

.boomcity__grid{
  margin: 0 auto;
  width: 496px !important;

}

.boomcity__path .boomcity__path-item {
  width: calc(496px / 8 - 6px);
  height: calc(496px / 8 - 6px);
  margin-bottom: 6px;
  border-radius: 6px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boomcity__path-item.dice{
  background: transparent;
}
.boomcity__path-item.dice:nth-child(1), .boomcity__path-item.dice:nth-child(8), .boomcity__path-item.dice:nth-child(57), .boomcity__path-item.dice:nth-child(64){
  opacity: 0;
}

.boomcity__path-item.dice .icon{
  background: #565656;
  color: #ffdc6d;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  border-radius: 5px;
}

.boomcity__path-item.wait{
  color: #5b5d60;
  background: radial-gradient(#81777a 0%, #c5c5c5 104.75%);
}

.theme--dark .boomcity__main {
  background: #20273a;
}

.boomcity__grid{
  position: relative;
}

.boomcity__timer{
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 35px;
  transform: translate(-50%, -50%);
}

.boomcity__timer .x30__timer{
  position: relative;
}

.boomcity__timer .x30__timer:before{
  top: -30px;
}

.boomcity__bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.boomcity__bet, .boomcity__bet-info{
  margin-bottom: 0px;
}

.boomcity__bet-info {
  padding: 20px 22px;
  border-radius: 0px 0px 15px 15px;
  background: #F3F4F8;
  color: #475A89;
  font-weight: 500;
  margin-bottom: 0px;
}

.boomcity__bet-heading {
  border-radius: 15px 15px 0px 0px;
  padding: 16px 22px;
  cursor: pointer;
}

.boomcity__bet-heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  pointer-events: none;
}

.boomcity__bet-heading img {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.boomcity__bet-heading:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}

.boomcity__bet-heading.x1 {
  background: linear-gradient(263.88deg, #e59d6d 0%, #bd5719 104.75%);
}

.boomcity__bet-heading.x2 {
  background: linear-gradient(263.88deg, #bdabab 0%, #786569 104.75%);
}

.boomcity__bet-heading.x5 {
  background: linear-gradient(263.88deg, #e9c895 0%, #ce8e20 104.75%);
}

.boomcity__bet-heading.dice_battle {
  background: linear-gradient(263.88deg, #585ae3 0%, #2533b8 104.75%);
}

.boomcity__bet-heading.lucky_drop {
  background: linear-gradient(263.88deg, #9e19ca 0%, #7606a8 104.75%);
}

.boomcity__bet-heading.boom_or_bust {
  background: linear-gradient(263.88deg, #e02da2 0%, #bd0867 104.75%);
}

.theme--dark .boomcity__bet-info {
  background: #20273a;
}

.diceBlock{
  position: relative;
  height: 100px;
  width: 100%;
}
.diceBoom {
  position: absolute;
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  transform-style: preserve-3d;
  transform: rotate3d(0, 0.9, 0.9, 90deg);
  transition: 0.5s cubic-bezier(0.42, 1.57, 0.62, 0.86);
}
.diceBoom.rolling {
  animation: rotatePerFace 3s cubic-bezier(0.42, 1.57, 0.62, 0.86) infinite;
}
.diceBoom.throw {
  animation: rotateDice 0.7s ease-in reverse, throwDice 1s linear;
}
.diceBoom .diceFace {
  box-sizing: border-box;
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #f6f3f0;
  border: 2px solid white;
  border-radius: 20px;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.diceBoom .diceFace::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 20px;
  transform: translateZ(-1px);
}
.diceBoom .diceFace::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background-color: #131210;
  border-radius: 100%;
  transform: translateZ(1px);
}
.diceBoom .front {
  transform: translateZ(50px);
}
.diceBoom .front::after {
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-color: #131210;
}
.diceBoom .up {
  transform: rotateX(90deg) translateZ(50px);
}
.diceBoom .up::after {
  margin: -30px 0 0 -30px;
  box-shadow: 40px 40px #131210;
}
.diceBoom .left {
  transform: rotateY(-90deg) translateZ(50px);
}
.diceBoom .left::after {
  margin: -40px 0 0 -40px;
  box-shadow: 30px 30px #131210, 60px 60px #131210;
}
.diceBoom .right {
  transform: rotateY(90deg) translateZ(50px);
}
.diceBoom .right::after {
  margin: -30px 0 0 -30px;
  background-color: #131210;
  box-shadow: 40px 0px #131210, 0px 40px #131210, 40px 40px #131210;
}
.diceBoom .bottom {
  transform: rotateX(-90deg) translateZ(50px);
}
.diceBoom .bottom::after {
  margin: -36px 0 0 -36px;
  box-shadow: 26px 26px #131210, 52px 52px #131210, 52px 0px #131210, 0px 52px #131210;
}
.diceBoom .back {
  transform: rotateX(180deg) translateZ(50px);
}
.diceBoom .back::after {
  margin: -40px 0 0 -30px;
  box-shadow: 40px 0px #131210, 0px 30px #131210, 40px 30px #131210, 0px 60px #131210, 40px 60px #131210;
}

.diceWrap {
  position: absolute;
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  transform: scale(0.5);
}
.diceWrap::before {
  position: absolute;
  content: "";
  width: 70%;
  height: 10%;
  top: 90%;
  left: 15%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  filter: blur(10px);
}

@keyframes rotateDice {
  30% {
    transform: rotate3d(1, 1, 1, 0deg);
  }
  100% {
    transform: rotate3d(1, 1, 1, 720deg);
  }
}
@keyframes rotatePerFace {
  16% {
    transform: rotate3d(-0.1, 0.6, -0.4, 180deg);
  }
  32% {
    transform: rotate3d(-0.85, -0.42, 0.73, 180deg);
  }
  48% {
    transform: rotate3d(-0.8, 0.3, -0.75, 180deg);
  }
  64% {
    transform: rotate3d(0.3, 0.45, 0.9, 180deg);
  }
  80% {
    transform: rotate3d(-0.16, 0.6, 0.18, 180deg);
  }
  100% {
    transform: rotate3d(-0.1, 0.3, -1, 180deg);
  }
}
@keyframes throwDice {
  20% {
    margin-top: -100px;
  }
  40% {
    margin-top: 0px;
  }
  60% {
    margin-top: -30px;
  }
  80% {
    margin-top: 0px;
  }
  85% {
    margin-top: -10px;
  }
  90% {
    margin-top: 0px;
  }
  95% {
    margin-top: -3px;
  }
  100% {
    margin-top: 0px;
  }
}


.controller {
  position: absolute;
  width: 200px;
  padding: 20px;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  line-height: 40px;
}

.coinBetBlock{
  margin-top: 15px;
  padding-top: 15px;
  position: relative;
}

.betBlock{
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: #20273a;
}

.coinBet{
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #20273a;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.icon_coin{
  width: 50px;
  height: 50px;
  fill: #475A89;
}

.CoinsBtnDream {
  border-radius: 50%;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 0 0 2px transparent;
  background: url(/images/circle_c.svg) 0 0/cover no-repeat #828f9a;
  outline: none;
  border: 0;
  height: 50px;
  width: 50px;
  -webkit-transition: .1s ease-out;
  transition: .1s ease-out;
  position: relative;
  opacity: .9;

}
@media(max-width: 480px){
  .CoinsBtnDream {
    height: 35px;
    width: 35px;

  }
}
.CoinsBtnDream:hover {
  transform: translateY(-5px);
  transition: .3s;
}
.CoinsBtnDream span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-shadow: 0 0 5px rgba(0,0,0,.45);
  cursor: pointer;
}

.Coins_active-:before {
  content: "";
  display: block;
  box-shadow: 0 0 0 3px #fff;
  height: calc(100% + 2px);
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
} 

.coinBet .CoinsBtnDream{
  position: absolute;
  top: 0;
  left: 0;
}

.coinBet .CoinsBtnDream:hover {
  transform: translateY(0px);
  opacity: 0.8;
}

.icon_arrow{
  width: 50px;
  height: 50px;
  fill: #9EABCD;
}

.betBlock button{
  /*background: red;*/
}

.arrow_left{
  transform: rotate(180deg);
}

@media(max-width: 520px){
  .header__user-balance-add{
    display: none;
  }

  .header__user,
  .header__user-balance {
    min-width: 0;
  }

  .header__user-b {
    max-width: 132px;
    margin-right: 6px !important;
  }

  .header__user-b span {
    font-size: 12px;
  }

  .header__user-b .icon {
    width: 15px;
    height: 15px;
    margin-left: 6px;
  }

  .popup__tab {
      position: relative;
      padding: 11px 15px;
      border-radius: 12px;
  }

  .popup__tab .icon {
      width: 0px;
      height: 14px;
      margin-right: 0px;
      opacity: 0;
      pointer-events: none;
  }

  .popup__tab--active .icon {
      width: 14px;
      opacity: 1;
      margin-right: 6px;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      color: #397ae6;
  }

  .popup__title span {
      font-size: 10px !important;
  }

  html, body {
      height: 100% !important;
  }

  .overlayed {
    
    padding: 0px 10px;
}
}

.mobile-menu__links .icon {
    fill: #46537B!important;
    width: 40px;
    height: 40px;
}

.mobile-menu__links .active .icon {
    fill: #0057FF!important;
    width: 40px;
    height: 40px;
}

.chat__msg-message.mess span{
  overflow-wrap: break-word;  /* не поддерживает IE, Firefox; является копией word-wrap */ 
  word-wrap: break-word;
}

.boomcity__bets{
  position: relative;
}

.boomcity__play .boomcity__bet{
  filter: blur(2px);
}

.diceBlocks{
  position: absolute;
  width: 100%;
  height: 100%;
}

.diceBlock{
  top: 50%;
  transform: translateY(-50%);
}

.promocodeInput{
  width: calc(100% - 151px - 10px);
}

.promocodeInputBtn{
  width: 151px;
  height: 55px
}

@media(max-width: 450px){
  .promocodeInputBlock{
    display: block;
  }
  .promocodeInput{
    width: 100%;
  }
  .promocodeInputBtn{
    margin-top: 10px;
    width: 100%;
  }
}

.fullInputWidth{

    width: calc(100% - 10px)!important;
}

.wallet__history{
  max-height: 350px;
    overflow: auto;
}

.bonus__hits-items{
  max-width: 700px;
  margin: 0 auto;
}

@media(max-width: 475px){
  .toast-top-right{
    margin-top: 60px!important;
  }
  .bonus__buttons{
    width: 100%;
  }
  .bonus__buttons a{
    width: 100%;
    justify-content: center;
  }
}

.wallet__history::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
.wallet__history::-webkit-scrollbar-track {
  background: #1b2030;        /* цвет дорожки */
}
.wallet__history::-webkit-scrollbar-thumb {
  background-color: #213875;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #1b2030;  /* padding вокруг плашки */
}


.auth_blocks{ 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

/* .auth_block{
  height: 100px;
  border-radius: 10px;
  background: red;
  padding: auto;
}

.auth_block .icon{
  margin: auto;
  display: block;
  position: relative;
  top:50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
}  */
input#wheel_input {
    color: #fff !important;
    font-size: 16px;
}
.x30__bet-placed.d-flex.align-center.justify-space-between a {
    background: #171b28;
    height: 33px;
    padding: 0px 15px;
    border-radius: 8px;
}
.bx-input__input.d-flex.align-center.justify-space-between {
    margin-bottom: 10px;
}
.history__sum.d-flex.align-center.justify-center {
    color: #f2ad44;
}
.chat__send.d-flex.align-center.justify-space-between {
    background: #20273b;
}
input#sumBetX100 {
    font-size: 16px !important;
    color: #fff;
}

.x30__bets .x30__bet-heading.flare:before {
  display: none !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7486b7;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7486b7;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #7486b7;
}
@charset "UTF-8";
html, body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: 'Gotham Pro';
  background-color: #1b2030;
  height: 100%;
  //
  min-width: 428px;
  color: #2D2A73;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-x: hidden;
}

.chat span{
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 3px;
  height: 8px;
  background-color: transparent;
  border-radius: 50px;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
  -webkit-box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.3);
  box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.3);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: 0;
}


.show_ul li, .show_ul{
  list-style-type: disc;
}

.show_ul{
  padding: 15px;
}

a, :before, :after, input, button {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
}

span, b, p, h1, h2, h3, h4, h5, h6, em {
  cursor: default;
}

span, b, p, h1, h2, h3, h4, h5, h6, em {
  cursor: default;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

a {
  color: #475A89;
}

.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  stroke-width: 0;
  stroke: currentColor !important;
  fill: currentColor !important;
  pointer-events: none;
}

#app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.flare {
  overflow: hidden;
  position: relative;
}

.flare:before {
  content: '';
  position: absolute;
  top: 0;
  left: -200%;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: 2;
  will-change: left;
  -webkit-filter: blur(4rem);
  filter: blur(4rem);
  pointer-events: none;
  opacity: 0;
}

.flare:hover:before {
  -webkit-animation: 0.6s flare;
  animation: 0.6s flare;
}

@-webkit-keyframes flare {
  from {
    left: -200%;
    opacity: 0;
  }
  to {
    left: 150%;
    opacity: 1;
  }
}

@keyframes flare {
  from {
    left: -200%;
    opacity: 0;
  }
  to {
    left: 150%;
    opacity: 1;
  }
}

input, button, textarea {
  font-family: inherit;
  border: 0;
  background: transparent;
  outline: 0;
}

.wrapper {
  max-width: 1322px;
  margin: 0 auto;
  position: relative;
}

main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 75px;
  width: calc(100% - 424px);
  padding-left: 133px;
  padding-right: 30px;
  padding-bottom: 26px;
}

.btn {
  height: 48px;
  border-radius: 12px;
  padding: 0px 24px;
  background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  position: relative;
}

.btn span {
  pointer-events: none;
}

.btn .icon {
  margin-right: 13px;
}

.btn.disabled {
  cursor: not-allowed;
}

.btn--gray-border {
  background: transparent;
  border: 2px solid #D8DBEF;
  color: #7D8EBB;
}

.btn--gray-border:hover {
  border: 2px solid #cccfe3;
  color: #475a89;
}

.btn--blue {
  border-bottom: 0px;
}

.btn--blue span {
  text-shadow: 0px 1px 0px rgba(136, 21, 43, 0.25);
}

.btn--red {
  background: #ce4b45;
  border-bottom: solid 0px #D22780;
}

.btn--red span {
  text-shadow: 0px 1px 0px rgba(136, 21, 43, 0.38);
}

.btn--orange {
  background: linear-gradient(101.85deg, #F66B95 13.32%, #F79E6C 58.67%), #C4C4C4;
}

.btn--purple {
  background: linear-gradient(101.85deg, #6B71F6 13.32%, #8851E2 58.67%), #C4C4C4;
}

.btn--green {
  background: linear-gradient(101.85deg, #29D195 13.32%, #479BCA 58.67%), #C4C4C4;
}

.btn--pink {
  background: linear-gradient(101.85deg, #FF4ED8 13.32%, #AA1B82 58.67%), #C4C4C4;
}

.icon.money, .icon.small {
  width: 14px;
  height: 14px;
}

#toast-container > div {
  opacity: 1 !important;
  padding: 20px 20px 20px 60px !important;
  border-radius: 20px !important;
  background-position: 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px !important;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#toast-container > .toast-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' fill='white' fill-opacity='.18'/%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' stroke='white' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='m12.4 18.4 3.5 3.5 7.9-8.2' stroke='white' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-error,
#toast-container > .toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' fill='white' fill-opacity='.18'/%3E%3Cpath d='M18 3.5 29 7.7v8.8c0 7-4.7 13.4-11 15.9C11.7 29.9 7 23.5 7 16.5V7.7L18 3.5Z' stroke='white' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M18 11.2v9.3' stroke='white' stroke-width='3.1' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='25' r='1.9' fill='white'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-support-reply {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'36'%20height%3D'36'%20viewBox%3D'0%200%2036%2036'%20fill%3D'none'%3E%3Crect%20x%3D'3.5'%20y%3D'3.5'%20width%3D'29'%20height%3D'29'%20rx%3D'10'%20fill%3D'white'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M10%2012.5A6.5%206.5%200%200%201%2016.5%206h3A6.5%206.5%200%200%201%2026%2012.5v3.2a6.5%206.5%200%200%201-6.5%206.5h-2.8l-5.2%204.1v-5.1A6.5%206.5%200%200%201%2010%2015.7v-3.2Z'%20stroke%3D'white'%20stroke-width%3D'2.5'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M15%2015h.1M18%2015h.1M21%2015h.1'%20stroke%3D'white'%20stroke-width%3D'3.2'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M27.5%208.2l.7%201.5%201.5.7-1.5.7-.7%201.5-.7-1.5-1.5-.7%201.5-.7.7-1.5Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") !important;
}

.toast-message {
  line-height: 1.35;
}

.toast-message {
  font-size: 12px;
  opacity: .6;
}

.toast-title {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 10px;
}

#toast-container > div:hover {
  -webkit-box-shadow: 0 0 4em 3px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 4em 3px rgba(0, 0, 0, 0.25) !important;
}

.user-status {
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 12px;
  font-size: 12px;
  color: #fff !important;
  margin-right: 8px;
  border-radius: 15px;
}

.user-status.new {
  background: #e0e5f4;
  color: #808ab3 !important;
}

.user-status.wolf {
  background: -webkit-gradient(linear, left top, right top, from(#b2510e), to(#f59c2c));
  background: linear-gradient(to right, #b2510e, #f59c2c);
}

.user-status.predator {
  background: -webkit-gradient(linear, left top, right top, from(#2e4a60), to(#387274));
  background: linear-gradient(to right, #2e4a60, #387274);
}

.user-status.premium {
  background: -webkit-gradient(linear, left top, right top, from(#5e327a), to(#9839b9));
  background: linear-gradient(to right, #5e327a, #9839b9);
}

.user-status.alpha {
  background: -webkit-gradient(linear, left top, right top, from(#387be5), to(#7d49cf));
  background: linear-gradient(to right, #387be5, #7d49cf);
}

.user-status.vip {
  background: -webkit-gradient(linear, left top, right top, from(#f27559), to(#ea2424));
  background: linear-gradient(to right, #f27559, #ea2424);
}

.user-status.professional {
  background: -webkit-gradient(linear, left top, right top, from(#d32787), to(#ff0202));
  background: linear-gradient(to right, #d32787, #ff0202);
}

.user-status.legend {
  background: -webkit-gradient(linear, left top, right top, from(#222b94), to(#1183d3));
  background: linear-gradient(to right, #222b94, #1183d3);
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox:checked + label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #5F5CE6;
  border-radius: 4px;
  border-radius: 4px;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-BoldItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Bold Italic"), local("GothamPro-BoldItalic"), url("../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Italic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Italic"), local("GothamPro-Italic"), url("../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Medium.eot");
  src: local("../fonts/GothamPro/Gotham Pro Medium"), local("GothamPro-Medium"), url("../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-BlackItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Black Italic"), local("GothamPro-BlackItalic"), url("../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Bold.eot");
  src: local("../fonts/GothamPro/Gotham Pro Bold"), local("GothamPro-Bold"), url("../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  src: url("../fonts/GothamPro/GothamProNarrow-Bold.eot");
  src: local("../fonts/GothamPro/Gotham Pro Narrow Bold"), local("GothamProNarrow-Bold"), url("../fonts/GothamPro/GothamProNarrow-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamProNarrow-Bold.woff") format("woff"), url("../fonts/GothamPro/GothamProNarrow-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro Narrow';
  src: url("../fonts/GothamPro/GothamProNarrow-Medium.eot");
  src: local("../fonts/GothamPro/Gotham Pro Narrow Medium"), local("GothamProNarrow-Medium"), url("../fonts/GothamPro/GothamProNarrow-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamProNarrow-Medium.woff") format("woff"), url("../fonts/GothamPro/GothamProNarrow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-LightItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Light Italic"), local("GothamPro-LightItalic"), url("../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Light.eot");
  src: local("../fonts/GothamPro/Gotham Pro Light"), local("GothamPro-Light"), url("../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-Black.eot");
  src: local("../fonts/GothamPro/Gotham Pro Black"), local("GothamPro-Black"), url("../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-Black.woff") format("woff"), url("../fonts/GothamPro/GothamPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro.eot");
  src: local("../fonts/GothamPro/Gotham Pro"), local("GothamPro"), url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url("../fonts/GothamPro/GothamPro-MediumItalic.eot");
  src: local("../fonts/GothamPro/Gotham Pro Medium Italic"), local("GothamPro-MediumItalic"), url("../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}


@media only screen and (max-width: 1725px) {
  .x30__bet-user .history__user span {
    max-width: 25px !important;
  }
}

@media only screen and (max-width: 1600px) {
  .x30__bets {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .x30__bet-user .history__user span {
    max-width: 128px !important;
  }
  .crash__history-item-user--win .history__user span {
    max-width: 40px !important;
  }
}

@media only screen and (max-width: 1515px) {
  .x30__bet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .x30__history {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .x30__bet-game {
    width: 100% !important;
  }
  .x30__bet-user .history__user span {
    max-width: 40px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .crash label > span {
    display: none;
  }
  .bonus__item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .bonus__item--reposts .bx-input__input {
    width: 76% !important;
  }
  .bonus__levels-items, .bonus__reposts-items {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 1400px) {
  .crash__history-users {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .profile__stats {
    width: 100% !important;
    margin-top: 15px;
    padding-left: 0 !important;
  }
  .profile__user {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1250px) {
  .chat {
    width: 370px !important;
  }
  main, .header, .footer {
    width: calc(100% - 370px) !important;
  }
  .sidebar__profile {
    display: none;
  }
  .footer__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 24px;
  }
  .footer__links li {
    margin-right: 0 !important;
  }
  .footer__text {
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .x30__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .x30__bet-user .history__user span {
    max-width: 75px !important;
  }
}

@media only screen and (max-width: 1125px) {
  .sidebar {
    display: none;
  }
  .chat {
    width: 100% !important;
    z-index: 4;
    background: #EBECF2 !important;
    margin-top: 75px;
    height: calc(100% - 140px) !important;
    display: none;
  }
  .chat:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    left: 0;
    background: url(../images/borders.svg) repeat;
  }
  main {
    z-index: 1;
  }
  .header {
    padding-left: 20px !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
  .history table {
    display: none;
  }
  main, .footer {
    padding-left: 20px !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
  .x30__bets {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .footer {
    padding-bottom: 110px !important;
  }
  .mobile-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  html, body {
    height: auto !important;
  }
}

@media only screen and (max-width: 725px) {
  .x30__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .overlayed {
    padding-top: 30px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .dice__bet {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mines__left {
    width: 100% !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 15px;
  }
  .mines__right {
    margin: 0 auto;
    width: 340px !important;
  }
  .mines__wrapper {
    width: 100%;
  }
  .keno__bet-settings {
    height: auto !important;
  }
  .keno__bet-left {
    width: 100% !important;
  }
  .keno__bet-right {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: solid 1px #f1f2ff;
  }
  .keno__bet {
    padding: 20px 25px !important;
  }
  .bonus__hits-content {
    background-size: cover !important;
    padding-top: 150px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .bonus__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bonus__content .bx-input__input {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .shoot .crazygame__container {
    background: #31251A;
  }
  .shoot .crazygame__center-ellipse {
    width: 640px !important;
    height: 640px !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
  .shoot .crazygame__center-ellipse-border {
    width: 610px !important;
    height: 610px !important;
  }
  .shoot .crazygame__game-select {
    border-radius: initial !important;
    -webkit-backdrop-filter: blur(1px) !important;
    backdrop-filter: blur(1px) !important;
    background: rgba(49, 37, 26, 0.75) !important;
  }
}

@media only screen and (max-width: 675px) {
  .wallet__methods {
    width: 100% !important;
    margin-bottom: 15px;
    height: 200px !important;
  }
  .wallet__content {
    padding-left: 0 !important;
    width: 100% !important;
  }
  .wallet__order {
    margin-top: 20px;
  }

  .shoot__bet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shoot__bet-btns {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
  }
  .shoot__bet-btn-settings {
    margin-right: 15px;
  }
  .shoot__bet-btn-settings:nth-last-child(1) {
    margin-right: 0;
  }
  .shoot__bets {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .shoot__bet-item--bonus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}


@media only screen and (max-width: 650px) {
  .shoot__game-wrapper {
    width: 100% !important;
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 625px) {
  .header__links {
    display: none !important;
  }
  .header__right .sidebar__logotype {
    display: block !important;
  }
  .header__right {
    width: 100% !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .shoot .cash-hunt__inner {
    -ms-grid-columns: (1fr)[6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .x30__rocket {
    right: -60px !important;
    bottom: -60px !important;
  }
  .history {
    overflow-x: auto;
  }
  .history table {
    min-width: 925px;
  }
  .crash__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .crash__left {
    width: 100% !important;
    margin-top: 15px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .crash__right {
    width: 100% !important;
  }
  .crash__canvas {
    height: 230px;
  }
  .refferal__stats {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 !important;
    margin-top: 20px;
  }
  .refferal__left {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .profile__stats {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .popup .bx-input__create-coupon {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .popup .bx-input__create-coupon .bx-input__input:nth-last-child(1) {
    grid-column: auto !important;
  }
  .popup .close {
    position: absolute;
    right: -8px;
    top: -15px;
  }
}

@media only screen and (max-width: 1600px) {
  .x30__bet-users, .x100__bet-users {
    display: none;
  }

}
@media only screen and (max-width: 525px) {
  .x30__bet-users, .x100__bet-users {
    display: none;
  }
  .x30__bet-info {
    margin-bottom: 0 !important;
  }
  .x30__bets .x30__bet {
    margin-bottom: 0 !important;
  }
  .keno__title {
    display: none;
  }
  .keno__content {
    margin-top: 0 !important;
  }
  .keno__round-info {
    padding: 25px 30px !important;
  }
  .keno__canvas {
    max-width: 365px !important;
  }
}

@media only screen and (max-width: 475px) {
  .header__right .sidebar__logotype {
    width: 132px !important;
    height: 21px !important;
  }
  .header__user-b {
    margin-right: 15px !important;
  }
  .header__user-profile {
    width: 58px !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin-left: 6px !important;
  }
  .games {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .popup__title span {
    font-size: 12px !important;
  }

  .shoot .coinflip__inner {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 20px;
    padding: 20px !important;
  }
  .shoot .coinflip {
    background: #31251A !important;
  }
}

.sidebar {
  position: fixed;
  left: 0px;
  top: 0;
  padding: 26px 30px;
  height: 100%;
  z-index: 5;
}

.sidebar__inner {
  position: relative;
  width: 73px;
  height: 100%;
}

.sidebar__top {
  position: relative;

}

.sidebar__online {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.sidebar__block {
  border-radius: 100px;
  position: relative;
  width: 100%;
  background: #F4F6FF;
}

.sidebar__games {
  position: relative;
  padding: 10px 0px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.sidebar__games:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 38px;
  height: 38px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #EBECF2;
}

.sidebar__games:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -8px;
  display: none;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 18px;
  height: 18px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #20273b;
  border-radius: 4px;
}

.sidebar__logotype {
  position: relative;
  width: 150px;
  height: 24px;
  margin-right: 36px;
  margin-bottom: 40px;
}

.sidebar__logotype:before {
  -webkit-filter: blur(0.8rem); 
  filter: blur(0.8rem);
}

.sidebar__logotype a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/logotype.svg) no-repeat center center/contain;
}

.sidebar__game {
  width: 52px;
  height: 52px;
  position: relative;
  border-radius: 50%;
}

.sidebar__game:not(.sidebar__game--active):hover {
  color: #fff;
}

.sidebar__game:not(.sidebar__game--active):hover .sidebar__game-name {
  opacity: 1;
  padding-left: 52px;
  padding-right: 20px;
  color: #fff;
}

.sidebar__game .icon {
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.sidebar__game-center {
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
}

.sidebar__game--hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #3a7be6;
  opacity: 0;
}

.sidebar__game-name {
  position: absolute;
  font-weight: 600;
  height: 100%;
  left: 0px;
  background: #2D2A73;
  border-radius: 50px;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  pointer-events: none;
  text-transform: uppercase;
}

.sidebar__game--active {
  color: #387be5;
}

.sidebar__game--active .sidebar__game--hover {
  opacity: 1;
}

.sidebar__profile {
  position: relative;
  padding: 16px 0px;
}

.sidebar__profile .sidebar__game:hover {
  color: #2D2A73;
}

.sidebar__profile:before {
  content: '';
  position: absolute;
  left: 50%;
  display: none;
  top: -20px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 38px;
  height: 38px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #EBECF2;
}

.sidebar__profile:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -8px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 18px;
  height: 18px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background: #20273b;
  border-radius: 4px;
  display: none;
}

.sidebar__user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 0px;
  position: relative;
}

.sidebar__online {
  font-size: 12px;
  font-weight: 600;
  color: #2FA6AC;
}

.sidebar__online i {
  width: 6px;
  height: 6px;
  background: #2FA6AC;
  border-radius: 50px;
  margin-right: 12px;
  -webkit-box-shadow: 0px 0px 0px 6px rgba(66, 186, 192, 0.17);
  box-shadow: 0px 0px 0px 6px rgba(66, 186, 192, 0.17);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}




@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #42bac0;
    box-shadow: 0 0 0 0 #42bac0;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #42bac0;
    box-shadow: 0 0 0 0 #42bac0;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
    box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
  }
}

.sidebar__socials {
  position: relative;
  grid-gap: 15px;
}

.sidebar__socials a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
}

.sidebar__socials a .icon {
  width: 16px;
  height: 16px;
}

.sidebar__social--vk {
  background: #016FED;
}

.sidebar__social--vk:hover {
  -webkit-box-shadow: 0px 0px 0em 7px rgba(1, 111, 237, 0.3);
  box-shadow: 0px 0px 0em 7px rgba(1, 111, 237, 0.3);
}


.chat {
  position: fixed;
  right: 0;
  width: 424px;
  height: 100%;
  background: linear-gradient(286.81deg, #F0F2FF 14.71%, rgba(235, 236, 242, 0.6));
  padding: 17px 0;
  top: 0;
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  border-left: solid 1px #DEE2F8;
  z-index: 1;
}

.chat__heading {
  padding: 5px 23px;
  line-height: 22px;
  padding-right: 12px;
}

.chat__header-info{
 padding: 5px 23px;
 line-height: 22px;
 padding-right: 12px;
 position: absolute;
 top: 70px;
 z-index: 1000;
 width: 100%;
 background: linear-gradient(286.81deg, #F0F2FF 14.71%, rgba(235, 236, 242, 1));
}

.theme--dark .chat__header-info{

  background: linear-gradient(262deg, #232845 2.45%, rgba(30, 34, 63, 1) 61.7%)!important;

}

@media only screen and (max-width: 1125px){
  .chat__header-info {
    background: #EBECF2!important;
  }

  .theme--dark .chat__header-info {
    background: #1b2030!important;
  }
}

.chat__giveaway {
  position: relative;
  /*padding: 0px 30px;*/
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  /*margin-bottom: 28px;*/
}

.chat__giveaway-inner {
  background-color: #fafaff;
  padding: 15px 25px;
  border-radius: 17px;
  overflow: hidden;
  border: solid 4px #b2b7d3;
  position: relative;
}

.theme--dark .chat__giveaway-inner{
  background-color: #262b4d;
  border: solid 4px #4d517e;
}

.chat__giveaway-inner h5 {
  font-size: 13px;
  color: #475a89;
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 12px;
}

.theme--dark .chat__giveaway-inner h5{
  color: #fff;
}
.chat__giveaway-timer--span {
  background-color: #b2b7d3;
  border-radius: 7px;
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 28px;
  font-weight: 900;
  color: #fff !important;
  margin: 0px 2px;
}

.theme--dark .chat__giveaway-timer--span{
  background-color: #4d517e;
}

.chat__giveaway-timer span {
  color: #9C6DF2;
}

.chat__giveaway-image {
  position: absolute;
  right: -12px;
  top: 0;
  pointer-events: none;
}

.chat__online .icon {
  margin-right: 20px;
  color: #7887AE;
  width: 20px;
  height: 20px;
}

.chat__online span {
  font-weight: 500;
  color: #7987AE;
  font-size: 12px;
}

.chat__online p {
  font-size: 18px;
  font-weight: 600;
}

.chat__buttons {
  position: relative;
}

.chat__buttons a {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #fff;
  margin-right: 6px;
  color: #7887AE;
}

.chat__buttons a:hover {
  color: #2D2A73;
}

.chat__buttons a:nth-last-child(1) {
  margin: 0;
}

.chat__buttons a .icon {
  margin: 0;
  width: 18px;
  height: 18px;
}

/*.chat.chat--stickers .chat__messages, .chat.chat--smiles .chat__messages{
  height: calc(100% - 360px)!important;
}


.chat__messages {
  position: relative;
  height: calc(100% - 200px);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
*/
.chat.chat--stickers .chat__messages, .chat.chat--smiles .chat__messages{
  height: calc(100% - 420px)!important;
}

.chat__messages {
  position: relative;
  height: calc(100% - 257px);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}





.chat__messages {
  position: relative;
  padding: 20px 23px;
  padding-bottom: 0px;
  padding-top: 0;
}

.chat__messages .ss-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.chat__msg {
  position: relative;
  width: calc(100% - 25px);
  margin-bottom: 20px;
}

.chat__msg:nth-last-child(1) {
  margin-bottom: 0;
}

.chat__msg-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.chat__msg-info {
  width: calc(100% - 48px);
  line-height: 23px;
  padding-left: 20px;
  position: relative;
}

.chat__msg-info span {
  color: #2D2A73;
  font-weight: 500;
}

.chat__msg-info b {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: rgba(118, 125, 171, 0.5);
  font-weight: normal;
}

.chat__msg-message {
  font-size: 12px;
  padding: 10px 20px;
  background: #F9F9FF;
  margin-top: 10px;
  border-radius: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
}

.chat__msg-message span {
  font-weight: normal;
  line-height: 18px;
  color: #767DAB;
}

.chat__msg--your .chat__msg-avatar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.chat__msg--your .chat__msg-info {
  padding-left: 0;
  padding-right: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chat__msg--your .chat__msg-info b {
  display: none;
}

.chat__msg--your .chat__msg-info span {
  color: transparent;
  -webkit-background-clip: text;
  background-image: -webkit-gradient(linear, left top, right top, from(#f24e47), to(#f542b9));
  background-image: linear-gradient(to right, #f24e47, #f542b9);
}

.chat__msg--your .chat__msg-message span {
  color: #767DAB !important;
  background-image: none;
}

.chat__input {
  position: relative;
  width: 100%;
}

.chat__input input {
  position: relative;
  padding: 26px 23px;
  width: 100%;
  font-weight: 500;
  color: #29315D;
}

.chat__input input::-webkit-input-placeholder {
  color: #8895BA;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.chat__input input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.chat__send .chat__buttons {
  padding-right: 13px;
}

.chat__send .chat__buttons a {
  background: transparent;
  margin-right: 3px;
}

.chat__send .chat__buttons a.active {
  color: #397ce6;
}

.chat__smiles {
  background: #F3F4F8;
  position: relative;
  width: calc(100% - 18px);
  height: 150px;
  opacity: 0;
  left: -1px;
  visibility: hidden;
  padding: 13px;
  padding-bottom: 0;
  display: none;
}

.chat__smiles.chat__smiles--active {
  opacity: 1;
  visibility: visible;
}

.chat__smiles.chat__smiles--smiles .chat__smiles-scroll {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 11px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-scroll {
  width: calc(100% - 18px);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 11px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item {
  height: 86.5px;
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item img {
  width: 60px;
  height: 60px;
  border-radius: 15px;
}

.chat__smiles .ss-content {
  position: relative;
}

.chat__smiles-item {
  height: 38.13px;
  border-radius: 14px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.chat__smiles-item:hover {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.05);
}

.chat__smiles-item img {
  pointer-events: none;
  width: 24px;
  height: 24px;
}

.chat.chat--smiles .chat__messages {
  height: calc(100% - 255px);
}

.chat.chat--smiles .chat__smiles--smiles {
  opacity: 1;
  visibility: visible;
  display: block;
}

.chat.chat--stickers .chat__messages {
  height: calc(100% - 255px);
}

.chat.chat--stickers .chat__smiles--stickers {
  opacity: 1;
  visibility: visible;
  display: block;
}

.chat__msg-smile {
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin: 0px 3px;
  pointer-events: none;
}

.chat__msg-stickers {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  pointer-events: none;
}

.chat__msg-message--sticker {
  background: transparent;
}

.chat__buttons-admins {
  position: absolute;
  bottom: 0;
  right: 0;
}
.select {
  display: block;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 600;
  color: #475A89;
  line-height: 1.3;
  padding: 15px 15px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(235, 236, 242, 0.5);
  border: 0;
  cursor: pointer;
}

.bx-input--select:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 43px;
  width: 8px;
  height: 8px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  color: #aeb9d5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.chat__buttons-admins a {
  position: relative;
  border-radius: 50%;
  margin-right: 6px;
  color: rgba(118, 125, 171, 0.5);
}

.chat__buttons-admins a .icon {
  width: 14px;
  height: 14px;
}

.chat__buttons-admins a:nth-last-child(1) {
  margin-right: 0;
}

.chat__buttons-admins a:hover {
  color: #767dab;
}

.close-chat {
  display: none;
}

.chat--opened .chat {
  display: block !important;
}

.chat--opened .close-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header {
  position: fixed;
  height: 75px;
  width: calc(100% - 424px);
  padding-left: 210px;
  padding-right: 30px;
  z-index: 4;
  background: #ebecf2;
}

.header .wrapper {
  height: 100%;
}

.header__links {
  position: relative;
  height: 100%;
  gap: 30px;
}

.header__links li {
  position: relative;
  margin-right: 0;
  height: 100%;
}

.header__links li a {
  position: relative;
  color: #7987AE;
  text-transform: uppercase;
  font-weight: 500;
  height: 100%;
  vertical-align: middle;
}

.header__links li a:hover {
  color: #475a89;
}

.header__links li a .icon {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  pointer-events: none;
}

.header__links li a span {
  pointer-events: none;
}

.header__user-b {
  position: relative;
  margin-right: 20px;
  min-width: 0;
  white-space: nowrap;
}

.header__user-b span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.header__user-b .icon {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  color: #f2ac44;
}

.header__user-profile {
  position: relative;
  margin-left: 15px;
  width: 70px;
  height: 48px;
  padding: 0px 15px;
  border-radius: 15px;
  cursor: pointer;
  background: #E0E3F1;
  color: #7887AE;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.header__user-profile.dropdown {
  background: #fff;
  border-radius: 16px 16px 0px 0px;
}

.header__user-profile.dropdown .header__user-dropdown {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.header__user-profile.dropdown:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 15px;
}

.header__user-profile:before {
  content: '';
  border: 6px solid transparent;
  border-top: 7px solid #7887ae;
  position: absolute;
  right: 15px;
  top: 20px;
}

.header__user-profile .icon {
  width: 14px;
  pointer-events: none;
  height: 14px;
}

.header__user-dropdown {
  position: absolute;
  right: 0;
  top: 43px;
  background: #fff;
  -webkit-box-shadow: 0px 17px 18px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 17px 18px rgba(0, 0, 0, 0.02);
  border-radius: 16px 0px 16px 16px;
  width: 206px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  visibility: hidden;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.header__user-dropdown a {
  padding: 18px 21px;
  color: #67749A;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid rgba(227, 229, 250, 0.5);
}

.header__user-dropdown a b {
  color: #475A89;
}

.header__user-dropdown a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.header__user-dropdown a:nth-last-child(1) {
  border: 0;
  border-radius: 0px 0px 16px 16px;
}

.header__user-dropdown a:hover {
  color: #576181;
}

.header__user-dropdown a .icon {
  margin-right: 12px;
  pointer-events: none;
}

.header__user-dropdown a span {
  position: relative;
  pointer-events: none;
}

.header__user-dropdown--id {
  pointer-events: none;
  font-size: 14px !important;
  cursor: default;
}

.header__right {
  position: relative;
}

.header__right .sidebar__logotype {
  display: none;
  margin: 0;
}

.footer {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc(100% - 424px);
  padding-left: 133px;
  padding-right: 30px;
  padding-bottom: 26px;
  font-size: 12px;
}

.footer__links {
  position: relative;
}

.footer__link {
  position: relative;
  margin-right: 24px;
}

.footer__link:nth-last-child(1) {
  margin-right: 0;
}

.footer__link a {
  text-transform: uppercase;
  color: #98A0CF;
  font-size: 12px;
  font-weight: 500;
}

.footer__link a:hover {
  color: #737aa5;
}

.footer__text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(152, 160, 207, 0.5);
}

.mobile-menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 65px;
  background: #e4e6f2;
  z-index: 8;
  padding: 0px 20px;
  display: none;
}

.mobile-menu__links {
  width: 100%;
  position: relative;
}

.mobile-menu__links li a {
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}


.mobile-menu__links li a.active {
  color: #387be5;
}


.mobile-navbar {
  position: fixed;
  z-index: 6;
  left: 0;
  top: 0;
  height: calc(100% - 155px);
  background-color: #EBECF2;
  width: 100%;
  margin-top: 75px;
  padding: 20px;
  padding-top: 30px;
  display: none;
}

.mobile-navbar:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 8px;
  left: 0;
  background: url(../images/borders.svg) repeat;
}

.mobile-navbar a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 15px;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 10px;
}

.mobile-navbar a:nth-last-child(1) {
  margin-bottom: 0;
}

.more--opened .mobile-navbar {
  display: block;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #EBECF2;
}

.preloader-remove .preloader__lift{
  opacity: 0;
  transition: .4s;
}

.preloader__lift {
  position: relative;
  width: 275px;
  height: 320px;
    -webkit-animation: startupWindowAnimation 1s ease-in-out .2s infinite normal;
    animation: startupWindowAnimation 1s ease-in-out .2s infinite normal;
}

.preloader__lift-container {
  width: 220px;
  height: 270px;
  position: relative;
  border-radius: 20px;
  padding: 12px;
  overflow: hidden;
}

.preloader__door {
  width: 93px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#27385E), to(#1C2D52));
  background: linear-gradient(180deg, #27385E 0%, #1C2D52 100%);
  -webkit-box-shadow: inset 5px 6px 12px rgba(73, 93, 137, 0.49);
  box-shadow: inset 5px 6px 12px rgba(73, 93, 137, 0.49);
  border-radius: 20px;
}

.preloader__door--one {
  -webkit-animation: loading ease 1s;
  animation: loading ease 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

@-webkit-keyframes loading {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes loading {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.preloader__door--two {
  -webkit-animation: loading2 ease 1s;
  animation: loading2 ease 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

@-webkit-keyframes loading2 {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes loading2 {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.preloader__loader {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  opacity: 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation: opacity 5s ease;
  animation: opacity 5s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.preloader.preloader-remove{
  opacity: 0;
  transition: .8s;
  z-index: 0;
}
.bx-input {
  position: relative;
  width: 100%;
  margin-bottom: 10px !important;
}

.bx-input:nth-last-child(1) {
  margin-bottom: 0;
}

.bx-input__input {
  position: relative;
  background: #F3F4F8;
  border-radius: 15px;
  padding: 0px 20px;
}

.bx-input__input label {
  height: 55px;
  font-weight: 600;
  text-transform: uppercase;
  color: #475A89;
}

.bx-input__input input {
  height: 55px;
  color: #7987AE;
  font-weight: 500;
  width: 90px;
  text-align: right;
}

.popup .bx-input__input input {
  height: 55px;
  color: #7987AE;
  font-weight: 500;
  width: -webkit-fill-available;
  text-align: right;
}

.bx-input__input input::-webkit-input-placeholder {
  color: rgba(120, 135, 174, 0.5);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.bx-input__input input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.bx-input__input .icon {
  margin-left: 8px;
  color: #f2ac44;
}

.bx-input__text {
  color: #7887AE;
  font-weight: 500;
}

.bx-input__btn {
  margin-top: 10px;
}

.bx-input__btn .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.help {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  padding: 9px 11px;
  border-radius: 50px;
  color: #5B330E;
  background: linear-gradient(91.96deg, rgba(255, 138, 31, 0.4) 1.43%, rgba(255, 138, 31, 0) 98.35%);
}

.help:hover {
  color: #FC881D;
}

.help .icon {
  width: 16px;
  margin-right: 10px;
  height: 16px;
  pointer-events: none;
  color: #FC881D;
}

.help span {
  pointer-events: none;
}

.slot_games {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 13px;
  position: relative;
  margin-bottom: 13px;
}


.games {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 13px;
  position: relative;
  margin-bottom: 35px;
}

.games__item {
  position: relative;
  height: 200px;
  border-radius: 25px;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  padding: 24px 28px;
  overflow: hidden;
}

.games__item:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}
.games__item.games__item--shoot {
  background-image: url(../img/home/crazyshoot.jpg);
  background-size: cover;
  background-position: center;
}
.games__item.games__item--coin {
  background-image: url(../img/home/coinflip.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--slots {
  background-image: url(../img/home/slots.jpg);
  background-size: cover;
  background-position: center;
}
.games__item.games__item--x30 {
  background-image: url(../img/home/x30.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--dice {
  background-image: url(../img/home/dice.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--mines {
  background-image: url(../img/home/mines.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--crash {
  background: url(../img/home/crash.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--x100 {
  background-image: url(../img/home/x100.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--keno {
  background-image: url(../img/home/keno.jpg);
  background-size: cover;
  background-position: center;
}

.games__item.games__item--jackpot {
  background: linear-gradient(236.46deg, #E01B62 -0.12%, #1469CD 72.27%);
  border-bottom: solid 4px #0851A5;
}

.games__item.games__item--cashhunt {
  background: linear-gradient(236.46deg, #44E9FF -0.12%, #145ECD 72.27%);
  border-bottom: solid 4px #0851A5;
}

.games__item--boomcity{
  background: linear-gradient(236.46deg, #1b1d2c -0.12%, #1d2332 72.27%);
  border-bottom: solid 4px #1b2030;
}

.games__item.games__item--slots .games__item-text span{
  font-size: 24px;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.05em;
  text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.14);
}
.games__item.games__item--slots .games__item-text p{
  font-size: 16px;
  font-size: 12px;
  padding-top: 10px;
  color: #7485b7;
}


.games__item-bg-slots{
  position: absolute;
  right: 80px;
  top: 5%;
  height: 350px;
 }

 .games__item-bg-slots img{
  height: 100%;
 }
 
 .games__item-bg-slots img:nth-child(1){
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 100px;
  z-index: 1;
 }

 .games__item-bg-slots img:nth-child(2){
  position: relative;
  z-index: 2;
 }

 @media(max-width: 650px){
  .games__item.games__item--slots {
    padding: 24px 28px;
    height: 200px;
  }

  .games__item.games__item--slots .games__item-text span{
    font-size: 32px;
  }
  .games__item.games__item--slots .games__item-text p{
    font-size: 12px;
  }

  .games__item--slots.align-center{
    align-items: flex-end;
  }

  .games__item-bg-slots{
    position: absolute;
    right: 0px;
    top: 5%;
    height: 350px;
   }
 }

.games__item.games__item--coin .coinflip__wrapper {
  position: absolute;
  right: -13%;
  bottom: 6%;
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__back {
  -webkit-animation: back-rotation 2s ease infinite;
  animation: back-rotation 2s ease infinite;
}

@-webkit-keyframes back-rotation {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes back-rotation {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__front {
  -webkit-animation: front-rotation 2s ease infinite;
  animation: front-rotation 2s ease infinite;
}

@-webkit-keyframes front-rotation {
  from {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes front-rotation {
  from {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

.games__item-text {
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.games__item-text span {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.05em;
  text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.14);
}

.games__item-text p {
  font-size: 12px;
  padding-top: 10px;
  color: #7485b7;
}


.games__item-bg-shoot {
  position: absolute;
  left: 25%;
  bottom: -90px;
}

 
.games__item-bg-ellipse, .games__item-bg-ellipse_snow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  border-radius: 35px;
  background: url(../images/games/bg-ellipse.svg) no-repeat center center/cover;
}

.games__item-bg-ellipse_snow{
  background: transparent;
}

.games__item-bg-confetti {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 35px;
  background: url(../images/games/bg-confetti.png) no-repeat center center/cover;
  mix-blend-mode: lighten;
}

.games__item-bg--x30 {
  position: absolute;
  bottom: -10%;
  width: 500px;
  height: 500px;
  z-index: 2;
  background: url(../images/games/x30/wheel-card.svg) no-repeat center center/contain;
  -webkit-animation: rotate 60s linear infinite;
  animation: rotate 60s linear infinite;
  left: 30%;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.games__item-bg--dice {
  position: absolute;
  left: 0%;
  bottom: -65%;
  width: 500px;
  height: 500px;
  z-index: 2;
  background: url(../images/games/dice/dice-card.png) no-repeat center center/contain;
}

.games__item-bg--dice-2 {
  position: absolute;
  width: 60px;
  height: 40px;
  right: 5%;
  bottom: 15%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
}

@-webkit-keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--dice-3 {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 25%;
  bottom: 35%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--dice-2 {
  position: absolute;
  width: 60px;
  height: 40px;
  right: 5%;
  bottom: 15%;
  z-index: 3;
  background: url(../images/games/dice/dice.png) no-repeat center center/contain;
  -webkit-animation: 12s linear infinite roll_dice;
  animation: 12s linear infinite roll_dice;
  animation-direction: alternate-reverse;
}

@keyframes roll_dice {
  0% {
    -webkit-transform: rotate(-21deg) translateY(30px);
    transform: rotate(-21deg) translateY(30px);
  }
  50% {
    -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
    transform: rotate(360deg) translateY(-12px) translateX(-22px);
  }
  100% {
    -webkit-transform: rotate(-40deg) translateY(-30px);
    transform: rotate(-40deg) translateY(-30px);
  }
}

.games__item-bg--mines {
  position: absolute;
  left: 0px;
  top: -100px;
  width: 130%;
  height: 170%;
  background: url(../images/games/mines/mines-card.svg) repeat center center/cover;
  background-position-y: 297px;
  background-size: 450px 580px;
  -webkit-animation: 13s linear infinite mines;
  animation: 13s linear infinite mines;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
}

@-webkit-keyframes mines {
  from {
    background-position: 450px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes mines {
  from {
    background-position: 450px 0;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--mines2 {
  position: absolute;
  right: -70px;
  top: -40px;
  width: 230px;
  height: 240px;
  background: url(../images/games/mines/mines.png) no-repeat center center/cover;
  z-index: 2;
  background-size: contain;
}

.games__item-bg--crash {
  position: absolute;
  right: -90px;
  top: -50px;
  width: 230px;
  height: 240px;
  background: url(../images/games/crash/crash.png) no-repeat center center/cover;
  background-size: contain;
}

.games__item-bg--crash-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/crash/crash-x.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 170px 310px;
  -webkit-animation: 8s linear infinite crash;
  animation: 8s linear infinite crash;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes crash {
  from {
    background-position: 0px 310px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes crash {
  from {
    background-position: 0px 310px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--x100 {
  position: absolute;
  left: 30%;
  bottom: 0%;
  width: 600px;
  height: 600px;
  z-index: 2;
  background: url(../images/games/x100/wheel-card.svg) no-repeat center center/contain;
  -webkit-animation: rotate 30s linear infinite;
  animation: rotate 30s linear infinite;
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.games__item-bg--keno-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/keno/keno.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 190px 190px;
  -webkit-animation: 8s linear infinite keno;
  animation: 8s linear infinite keno;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes keno {
  from {
    background-position: 0px -190px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes keno {
  from {
    background-position: 0px -190px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item-bg--keno {
  position: absolute;
  right: -60px;
  top: -30px;
  width: 170px;
  height: 170px;
  background: url(../images/games/keno/keno-card.svg) center center/contain no-repeat;
  z-index: 3;
}

.games__item-bg--jackpot {
  position: absolute;
  right: -82px;
  bottom: -50px;
  width: 240px;
  height: 240px;
  background: url(../images/games/jackpot/jackpot-card.png) no-repeat center center/cover;
  background-size: contain;
  z-index: 3;
}

.games__item-bg--jackpot-coins {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/jackpot/jackpot.png) repeat center center/cover;
  background-position-y: 0;
  background-size: 190px 190px;
  -webkit-animation: 16s linear infinite keno;
  animation: 16s linear infinite keno;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@keyframes keno {
  from {
    background-position: 0px 190px;
  }
  to {
    background-position: 0 0;
  }
}

.games__item--soon {
  cursor: default;
  pointer-events: none;
}

.games__item-soon {
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 8px 14px;
  border-radius: 50px;
  background: #073163;
  color: #A8D0FF;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 500;
}

.games__item-bg--cashhunt {
  position: absolute;
  right: -130px;
  bottom: -50px;
  width: 240px;
  height: 240px;
  background: url(../images/games/cashhunt/cashhunt.png) no-repeat center center/cover;
  background-size: contain;
  z-index: 3;
}

.games__item-bg--cashhunt-x {
  position: absolute;
  right: 0px;
  top: -100px;
  width: 170px;
  height: 490px;
  background: url(../images/games/cashhunt/cashhunt-card.svg) repeat center center/cover;
  background-position-y: 0;
  background-size: 90px 350px;
  -webkit-animation: 13s linear infinite cashhunt;
  animation: 13s linear infinite cashhunt;
  -webkit-transition-duration: 1000s;
  transition-duration: 1000s;
  z-index: 2;
}

@-webkit-keyframes cashhunt {
  from {
    background-position: 0px 350px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes cashhunt {
  from {
    background-position: 0px 350px;
  }
  to {
    background-position: 0 0;
  }
}

.history {
  position: relative;
  padding-top: 20px;
}

.history:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.history table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.history table td {
  width: calc(100% / 5);
}

.history table thead tr td {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  color: #475A89;
  padding-bottom: 8px;
}

.history table tbody tr td {
  background: #fff;
  position: relative;
  padding: 13px 0px;
  text-align: center;
  font-weight: 600;
}

.history table tbody tr td:nth-child(1) {
  border-radius: 15px 0px 0px 15px;
}

.history table tbody tr td:nth-last-child(1) {
  border-radius: 0px 15px 15px 0px;
}

.history__game {
  position: relative;
  width: 100%;
}

.history__game .icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.history__game span {
  font-weight: 600;
  text-transform: uppercase;
}

.history__user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px;
}

.history__sum {
  position: relative;
}

.history__sum .icon {
  margin-left: 8px;
}

.history__user span {
  position: relative;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.history .icon.money {
  width: 14px;
  height: 14px;
}

.history__x {
  position: relative;
}

.history__x-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 32px;
  font-weight: 900;
  opacity: 0.07;
}

body.active {
  overflow: hidden;
}

body.active > #app {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.overlayed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(235, 236, 242, 0.65);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0px 30px;
  padding-top: 95px;
}

.overlayed.animation-closed .popup {
  -webkit-animation: slideOut 0.3s ease;
  animation: slideOut 0.3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

@-webkit-keyframes slideOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOut {
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.overlayed.active {
  opacity: 1;
  visibility: visible;
}

.popup {
  width: 600px;

  background: #F7F8FE;
  position: relative;
  border-radius: 20px;
  display: none;
  visibility: hidden;
  -webkit-animation-delay: 1000s;
  animation-delay: 1000s;
  -webkit-animation: slideIn 0.3s ease;
  animation: slideIn 0.3s ease;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
}

@-webkit-keyframes slideIn {
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slideIn {
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.popup__title {
  position: relative;
  padding: 20px 22px;
  padding-bottom: 25px;
}

.popup__title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url("../images/borders.svg") repeat;
}

.popup__title span {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
}

.popup .bx-input__input {
  background: rgba(235, 236, 242, 0.5);
}

.popup .bx-input__input label {
  font-size: 12px;
}

.popup .bx-input__text {
  font-size: 12px;
}

.popup .bx-input__create-coupon {
  display: -ms-grid;
  display: grid;
 /* -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);*/
  /*grid-template-columns: 1fr 30%;*/
  
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.popup .bx-input__create-coupon:nth-child(2) {
  display: -ms-grid;
  display: grid;
 /* -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);*/
  /*grid-template-columns: 1fr 30%;*/
  margin-top: 10px;
  grid-template-rows: 1fr;
  grid-template-columns: 3fr 1fr;
  grid-gap: 10px;
}


.popup .close {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(215, 218, 243, 0.5) 34.37%, rgba(227, 229, 249, 0.5) 100%);
  -webkit-box-shadow: inset 0px 6px 0px rgba(221, 224, 255, 0.5);
  box-shadow: inset 0px 6px 0px rgba(221, 224, 255, 0.5);
  cursor: pointer;
  color: #7887AE;
}

.popup .close:hover {
  color: #6b97f6;
}

.popup .close .icon {
  width: 16px;
  height: 16px;
}

.popup__content {
  padding: 20px 22px;
}

.popup__tabs {
  position: relative;
  color: #7987AE;
}

.popup__tabs span {
  font-weight: 600;
  font-size: 14px;
}

.popup__tab {
  position: relative;
  padding: 14px 22px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border: 2px solid transparent;
}

.popup__tab:hover {
  color: #475A89;
}

.popup__tab .icon {
  width: 0px;
  height: 16px;
  margin-right: 0px;
  opacity: 0;
  pointer-events: none;
}

.popup__tab span {
  pointer-events: none;
}

.popup__tab--active {
  border: 2px solid #EAECF4;
  color: #475A89;
}

.popup__tab--active .icon {
  width: 16px;
  opacity: 1;
  margin-right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #387be6;
}

.popup.popup--about {
  width: 320px;
}

.popup.popup--about p {
  font-size: 12px;
  line-height: 21px;
  text-align: justify;
  color: #475A89;
}

.popup.popup--about .borders {
  position: relative;
  width: 100%;
  background: url(../images/borders.svg) repeat;
  height: 8px;
  margin: 15px 0px;
}

.popup.popup--about h4 {
  margin-bottom: 15px;
}

.popup.popup--about .bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}

.popup.popup--about .bets .x30__bet-heading {
  border-radius: 15px;
}

.popup table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.popup table thead > tr > td {
  text-transform: uppercase;
  font-weight: 500;
  color: #9daac9;
  padding-bottom: 8px;
  font-size: 12px;
}

.popup table tbody > tr > td {
  font-weight: 600;
  color: #475A89;
  padding: 8px 0px;
}

.popup__fair {
  position: relative;
  margin-top: 20px;
  word-break: break-all;
}

.popup__fair-item {
  margin-bottom: 20px;
}

.popup__fair-item:nth-last-child(1) {
  margin-bottom: 0;
}

.popup__fair-item b {
  margin-right: 10px;
  width: 90px;
}

.popup__fair-item span {
  width: calc(100% - 90px);
}

.popup.active {
  display: block;
  visibility: visible;
}

.wallet {
  position: relative;
}

.wallet__methods {
  height: 320px;
  background: #EBECF2;
  -webkit-box-shadow: inset 0px 6px 0px #DDE0FF;
  box-shadow: inset 0px 6px 0px #DDE0FF;
  border-radius: 25px;
  width: 200px;
  padding: 18px 14px;
}

.wallet__scroll {
  position: relative;
  height: 100%;
}

.wallet__scroll .ss-scroll {
  margin-left: -5px;
  background: rgba(45, 42, 115, 0.15) !important;
  width: 6px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.wallet__method {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 15px;
  background: #FFFFFF;
  width: 100%;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  line-height: 20px;
  border-left: solid 3px transparent;
  margin-bottom: 10px;
}

.wallet__method:nth-last-child(1) {
  margin-bottom: 0;
}

.wallet__method img {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  pointer-events: none;
}

.wallet__method span {
  font-weight: 600;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}

.wallet__method b {
  color: #7987AE;
  font-size: 12px;
  pointer-events: none;
}

.wallet__content {
  width: calc(100% - 200px);
  padding-left: 16px;
  position: relative;
}

.wallet__order {
  position: relative;
  padding-bottom: 10px;
}

.wallet__txt {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  line-height: 25px;
}

.wallet__txt span {
  color: #7987AE;
}

.wallet__txt span .icon {
  margin-left: 6px;
}

.wallet__txt b {
  font-size: 14px;
}

.wallet__txt b span {
  margin-left: 4px;
  color: #5d87e7;
}

.wallet__tabs {
  position: relative;
  color: #7987AE;
  margin-bottom: 20px;
}

.wallet__tab {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 18px;
  border-radius: 12px;
  text-transform: uppercase;
  opacity: .5;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.wallet__tab:not(.wallet__tab--active):hover {
  opacity: .7;
}

.wallet__tab span {
  pointer-events: none;
}

.wallet__tab .icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  pointer-events: none;
}

.wallet__tab--active {
  background: #fff;
  color: #475A89;
  opacity: 1;
}

.wallet__tab--active .icon {
  color: #397ae6;
}

.wallet__history {
  position: relative;
  width: 100%;
}

.wallet__history-item {
  position: relative;
  width: 100%;
  padding: 18px;
  border-radius: 15px;
  background: rgba(235, 236, 242, 0.5);
  margin-bottom: 10px;
}

.wallet__history-item:nth-last-child(1) {
  margin-bottom: 0;
}

.wallet__history-item .wallet__method {
  padding: 0;
  background: transparent;
  margin: 0;
  margin-right: 20px;
}

.wallet__history-sum {
  font-size: 12px;
  font-weight: 600;
  color: #475A89;
}

.wallet__history-sum .icon {
  margin-left: 8px;
}

.wallet__history-status {
  font-size: 12px;
  font-weight: 500;
  color: #7987AE;
}

.x30 {
  position: relative;
}

.x30__wheel {
  position: relative;
}

.x30__wheels {
  position: relative;
  min-width: calc(100% + 60px);
  height: 300px;
  overflow: hidden;
}

.x30__wheels:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#EBECF2), to(rgba(235, 236, 242, 0)));
  background: linear-gradient(180deg, #EBECF2 0%, rgba(235, 236, 242, 0) 100%);
  z-index: 1;
}

.x30__wheel-border {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1220px;
  height: 1220px;
  border: 1px solid #DBDDE9;
  border-radius: 50%;
}

.x30__wheel-image {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  width: 1160px;
  height: 1160px;
  left: 50%;
}

.x30__wheel-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.x30__wheel-center {
  position: relative;
  height: 100%;
  z-index: 2;
  padding-top: 15px;
}

.x30__timer {
  width: 175px;
  background: #DEE1F1;
  border-radius: 20px;
  padding: 22px;
  padding-bottom: 20px;
}

.x30__timer b {
  color: #475A89;
  font-size: 12px;
  padding-bottom: 8px;
}

.x30__timer span {
  color: #ffffff;
  font-size: 32px;
  font-weight: 900;
}

.x30__cursor {
  width: 32px;
  height: 48px;
  background: url(../images/games/cursor.svg) no-repeat center center/contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -25px;
}

.x30__rocket {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.x30__rocket img {
  pointer-events: none;
}

.x30__rocket-img {
  position: relative;
  z-index: 1;
  -webkit-animation: rocketImg 1s linear infinite;
  animation: rocketImg 1s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes rocketImg {
  from {
    -webkit-transform: translateY(0.2rem) translateX(0.4rem);
    transform: translateY(0.2rem) translateX(0.4rem);
  }
  to {
    -webkit-transform: translateY(-0.2rem) translateX(-0.2rem);
    transform: translateY(-0.2rem) translateX(-0.2rem);
  }
}

@keyframes rocketImg {
  from {
    -webkit-transform: translateY(0.2rem) translateX(0.4rem);
    transform: translateY(0.2rem) translateX(0.4rem);
  }
  to {
    -webkit-transform: translateY(-0.2rem) translateX(-0.2rem);
    transform: translateY(-0.2rem) translateX(-0.2rem);
  }
}

.x30__rocket-coins {
  position: relative;
  margin-left: -40px;
  background: url(../images/rocket-coins.png);
  background-size: 92px 37px;
  width: 92px;
  height: 37px;
  background-repeat: repeat;
  background-position: center center;
  -webkit-animation: 2s linear rocketCoins infinite;
  animation: 2s linear rocketCoins infinite;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%);
  mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
  mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%);
}

@-webkit-keyframes rocketCoins {
  from {
    background-position: -92px 0px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes rocketCoins {
  from {
    background-position: -92px 0px;
  }
  to {
    background-position: 0 0;
  }
}

.x30__rocket--started {
  -webkit-animation: x30Started linear 0.65s;
  animation: x30Started linear 0.65s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
  -webkit-transform: rotate(15deg) translateX(30px);
  transform: rotate(15deg) translateX(30px);
}

@-webkit-keyframes x30Started {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translateX(30px);
    transform: rotate(15deg) translateX(30px);
  }
  100% {
    -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
    transform: rotate(15deg) translateX(-100px) scale(1.1);
    opacity: 0;
  }
}

@keyframes x30Started {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translateX(30px);
    transform: rotate(15deg) translateX(30px);
  }
  100% {
    -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
    transform: rotate(15deg) translateX(-100px) scale(1.1);
    opacity: 0;
  }
}

.x30__rocket--started .x30__rocket-coins {
  -webkit-animation: 0.7s linear rocketCoins infinite;
  animation: 0.7s linear rocketCoins infinite;
}

.x30__top {
  position: relative;
  margin-bottom: 15px;
}

.x30__bottom {
  position: relative;
}

.x30__bet {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.x30__history { 
  width: 35%;
}

.x30__history .bx-input__input {
  padding-right: 0;
}

.x30__history-items, .x100__history-items {
  width: calc(100% - 90px);
  position: relative;
  overflow: hidden;
  height: 55px;
  border-radius: 0px 15px 15px 0px;
}

.x30__history-scroll, .x100__history-scroll {
  position: relative;
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%);
  mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
  mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%);
}

.x30__history-item {
  min-width: 6px;
  height: 16px;
  margin-right: 8px;
  border-radius: 15px;
}

.x30__history-item:hover {
  opacity: .65;
}

.x30__history-item.x2 {
  background: -webkit-gradient(linear, left top, right top, from(#387475), to(#2D455D)), -webkit-gradient(linear, left top, right top, from(#9842B0), to(#6E318B));
  background: linear-gradient(90deg, #387475 0%, #2D455D 100%), linear-gradient(90deg, #9842B0 0%, #6E318B 100%);
}

.x30__history-item.x3 {
  background: -webkit-gradient(linear, left top, right top, from(#404B88), to(#344075));
  background: linear-gradient(90deg, #404B88 0%, #344075 100%);
  height: 22px;
}

.x30__history-item.x5 {
  background: -webkit-gradient(linear, left top, right top, from(#9842B0), to(#6E318B));
  background: linear-gradient(90deg, #9842B0 0%, #6E318B 100%);
  height: 25px;
}

.x30__history-item.x7 {
  background: -webkit-gradient(linear, left top, right top, from(#3AAC46), to(#36893E));
  
  background: linear-gradient(90deg, #3AAC46 0%, #36893E 104.75%);
  height: 29px;
}

.x30__history-item.x14 {
  background: -webkit-gradient(linear, left top, right top, from(#E64040), to(#881A1A));
  background: linear-gradient(90deg, #E64040 0%, #881A1A 104.75%);
  height: 32px;
}

.x30__history-item.xbonus {
  background: -webkit-gradient(linear, left top, right top, from(#f528a8), to(#ed108b));
  background: linear-gradient(90deg, #f528a8 0%, #ed108b 104.75%);
  height: 35px;
}

.x30__history-item.x30 {
  background: linear-gradient(86.72deg, #F89F2D 2.71%, #AA480A 97.29%), linear-gradient(90deg, #404B88 0%, #344075 100%);
  height: 35px;
}

.x30__bet-game {
  width: calc(65% - 15px);
}

.x30__bet-placed {
  position: relative;
}

.x30__bet-placed a {
  font-weight: 600;
  color: #7887AE;
  border: !important;
  padding: 5px 5px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.x30__bet-placed a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 3px;
  border-radius: 50px;
  left: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background: #397ce6;
  display: none;
  border-radius: 100px;
}

.x30__bet-placed a:nth-last-child(1) {
  margin-right: 0;
}

.x30__bet-placed a:hover {
  color: #387be5;
}

.x30__bet-placed a:hover:before {
  width: 100%;
}

.x30__bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
}

.x30__bet {
  position: relative;
}

.x30__bet-heading {
  border-radius: 15px 15px 0px 0px;
  padding: 16px 22px;
  cursor: pointer;
}

.x30__bet-heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  pointer-events: none;
}

.x30__bet-heading img {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.x30__bet-heading:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}

.x30__bet-heading.x2 {
  background: linear-gradient(263.88deg, #387475 0%, #2D455D 104.75%);
}

.x30__bet-heading.x3 {
  background: linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-heading.x5 {
  background: linear-gradient(263.88deg, #9A39BB 0%, #563272 104.75%), linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-heading.x7 {
  background: linear-gradient(263.88deg, #D5437F 0%, #79364E 104.75%);
}

.x30__bet-heading.x14 {
  background: linear-gradient(263.88deg, #E64040 0%, #881A1A 104.75%);
}

.x30__bet-heading.x30 {
  background: linear-gradient(263.88deg, #F89F2D 0%, #AA480A 104.75%), linear-gradient(263.88deg, #9A39BB 0%, #563272 104.75%), linear-gradient(263.88deg, #354787 0%, #2C335F 104.75%);
}

.x30__bet-info {
  padding: 20px 22px;
  border-radius: 0px 0px 15px 15px;
  background: #F3F4F8;
  color: #475A89;
  font-weight: 500;
  margin-bottom: 15px;
}

.x30__bet-users,.x100__bet-users {
  position: relative;
}

.x30__bet-user, .x100__bet-user {
  position: relative;
  border-radius: 15px;
  background: #F3F4F8;
  padding: 15px;
  margin-bottom: 12px;
}

.x30__bet-user .history__user span {
  max-width: 55px;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
}

.x30__bet-sum {
  font-size: 12px;
  color: #475A89;
  font-weight: 600;
}

.x30__bonus {
  background: #DEE1F1;
  border-radius: 20px;
  height: 70px;
  position: relative;
  overflow: hidden;
  padding: 0px 5px;
  padding-right: 5px;
  width: 215px;
}

.x30__bonus:after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(#DEE1F1), to(rgba(222, 225, 241, 0)));
  background: linear-gradient(90deg, #DEE1F1 0%, rgba(222, 225, 241, 0) 100%);
  border-radius: 15px 0px 0px 15px;
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  z-index: 1;
  height: 100%;
}

.x30__bonus:before {
  content: '';
  background: -webkit-gradient(linear, right top, left top, from(#DEE1F1), to(rgba(222, 225, 241, 0)));
  background: linear-gradient(-90deg, #DEE1F1 0%, rgba(222, 225, 241, 0) 100%);
  border-radius: 0px 15px 15px 0px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  z-index: 1;
  height: 100%;
}

.x30__bonus-cursor {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 30px;
  height: 90px;
  background: url(../images/games/cursor-two.svg) no-repeat center center/contain;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.x30__bonus-scroll {
  position: relative;
  /*overflow: hidden;*/
}

.x30__bonus-item {
  min-width: 50px;
  border-radius: 15px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  height: 50px;
  margin: 0px 3px;
}

.x30__bonus-item.x2 {
  background: radial-gradient(50% 50% at 50% 50%, #63B2BB 0%, #476D78 100%), #C4C4C4;
}

.x30__bonus-item.x3 {
  background: radial-gradient(50% 50% at 50% 50%, #6068BC 0%, #333F74 100%), #C4C4C4;
}

.x30__bonus-item.x5 {
  background: radial-gradient(50% 50% at 50% 50%, #B54ECA 0%, #6D308A 100%);
}

.x30__bonus-item.x30 {
  background: radial-gradient(50% 50% at 50% 50%, #F4AD35 0%, #CB550D 100%);
}

.wheel__x100-bonus {
  width: 100%;
  position: relative;
  height: 110px;
  background: url(../img/wheel-_bonus.svg) no-repeat center center/contain;
}

.wheel__x100-bonus-x {
  position: relative;
  width: 310px;
}

.wheel__x100-bonus-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 360px;
  height: 260px;
  background: url(../img/confetti.svg) no-repeat center center/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wheel__x100-bonus-content {
  height: 70px;
  border-radius: 5px;
  background: #17284E;
  width: calc(100% - 88px);
  left: -15px;
  position: relative;
}

.wheel__x100-bonus-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wheel__x100-bonus-slider:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#17284E), to(transparent));
  background: linear-gradient(to right, #17284E, transparent);
  z-index: 1;
  border-radius: 6px 0px 0px 6px;
}

.wheel__x100-bonus-slider:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#17284E), to(transparent));
  background: linear-gradient(to left, #17284E, transparent);
  z-index: 1;
  border-radius: 0px 6px 6px 0px;
}

.wheel__x100-bonus-cursor {
  position: absolute;
  width: 4px;
  background: #FFD920;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.wheel__x100-bonus-scroll {
  width: 999999px;
  position: relative;
  height: 100%;
}

.wheel__x100-bonus-item {
  width: 58px;
  height: 58px;
  border-radius: 6px;
  margin: 0 3px;
}


.dice {
  position: relative;
  margin-bottom: 30px;
}

.dice__drum {
  height: 254px;
  overflow: hidden;
  min-width: calc(100% + 60px);
  position: relative;
  left: -30px;
}

.dice__drum:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left bottom, left top, from(#ebecf2), to(transparent));
  background: linear-gradient(to top, #ebecf2, transparent);
  z-index: 1;
}

.dice__result {
  position: absolute;
  left: 50%;
  width: 925px;
  height: 415px;
  background: url(../images/games/dice/dice-bar.png) no-repeat center center/contain;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.dice__center {
  position: relative;
  z-index: 1;
  color: #fff;
  width: 300px;
  height: 125px;
  margin-top: -37px;
}

.dice__timer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
  overflow: hidden;
}

.dice__timer:before {
  content: '،';
  position: absolute;
  font-size: 48px;
  left: 50%;
  font-weight: 900;
  -webkit-transform: rotate(180deg) translateX(50%);
  transform: rotate(180deg) translateX(50%);
  bottom: 0;
}

.dice__timer span {
  font-size: 48px;
  font-weight: 900;
  border-right: solid 1px rgba(184, 194, 255, 0.07);
  padding-bottom: 6px;
  height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dice__timer span:nth-last-child(1) {
  border: 0;
}

.dice__drum--win .dice__result {
  background: url(../images/games/dice/dice-bar--win.png) no-repeat center center/contain;
}

.dice__drum--win .dice__timer {
  color: #6AFFC1;
}

.dice__drum--lose .dice__result {
  background: url(../images/games/dice/dice-bar--lose.png) no-repeat center center/contain;
}

.dice__drum--lose .dice__timer {
  color: #FF3A67;
}

.dice__bet {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 20px;
}

.dice__chance {
  position: relative;
}

.dice__range {
  background: -webkit-gradient(linear, left top, right top, from(#7C79FF), color-stop(50%, #7C79FF), color-stop(50%, #DFDEEF), to(#DFDEEF));
  background: linear-gradient(to right, #7C79FF 0%, #7C79FF 50%, #DFDEEF 50%, #DFDEEF 100%);
  border-radius: 8px;
  height: 6px;
  outline: none;
  -webkit-transition: background 450ms ease-in;
  transition: background 450ms ease-in;
  width: 100%;
  -webkit-appearance: none;
}

.dice__range::-webkit-slider-thumb {
  background: #6F6BFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
}

.dice__betting a:before {
  content: none;
}

.dice__slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dice__slider-inner {
  position: relative;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.dice__slider-item {
  position: relative;
  width: 100%;
  height: 125px;
}

.dice__select-chance {
  position: relative;
  border: solid 2px #dfdeef;
  border-radius: 15px;
  margin-top: 15px;
}

.dice__select-chance a {
  width: 50%;
  display: inline-block;
  padding: 12px 15px;
  text-align: center;
  border-radius: 15px;
  text-transform: uppercase;
  font-weight: 500;
}

.dice__select-chance a.active {
  background: #29315d;
  color: #fff;
}

.dice__check {
  position: relative;
}

.dice__check-chance {
  position: relative;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 900;
}

.dice__check-result {
  position: relative;
}

.dice__check-result span {
  padding: 8px 12px;
  border-radius: 15px;
  background: #e1e6ff;
  font-size: 32px;
  font-weight: 900;
  color: #757ea6;
  margin: 0 3px;
}

.dice__check-result b {
  font-size: 24px;
  font-weight: 900;
  color: #757ea6;
}

.dice__check-result--lose span {
  background: #faa;
  color: #ee6565;
}

.dice__check-result--lose b {
  color: #ee6565;
}

.dice__check-result--win span {
  background: #8ce0c4;
  color: #369273;
}

.dice__check-result--win b {
  color: #369273;
}

.mines {
  position: relative;
  margin-bottom: 30px;
}

.mines__wrapper {
  max-width: 700px;
  position: relative;
}

.mines .x30__bet-placed a:before {
  content: none;
}

.mines__left {
  width: calc(50% - 10px);
}

.mines__right {
  width: calc(50% - 10px);
}

.mines__bomb {
  position: relative;
}

.mines__bomb a,
.mines__bomb button {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  border-radius: 50px;
  color: #8C9DC8;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
}

.mines__bomb--active {
  background: rgb(107 131 246 / 16%);
  color: #397ce6 !important;
}

.mines__buttons {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}

.mines__x {
  overflow: auto;
  width: 100%;
}

.mines__scroll {
  overflow: auto;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(76%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #EBECF2 76%);
}



.mines__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}
.mines__scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
}


.mines__x-item {
  min-width: 120px;
  position: relative;
  border-radius: 20px;
  background: #fff;
  font-weight: 500;
  padding: 18px;
  border: 2px solid transparent;
  margin-right: 10px;
}

.mines__x-item p {
  font-size: 12px;
  padding-bottom: 8px;
  color: #7987AE;
}

.mines__x-item p span {
  color: #8C9DC8;
}

.mines__x-item b {
  font-size: 18px;
  font-weight: 900;
}

.mines__x-item--win {
  border: 2px solid #6EF0AA;
}

.mines__x-item--lose {
  border: 2px solid #F59EA1;
}

.mines__path--lose, .mines__path--win {
  opacity: 0;
  visibility: hidden;
  display: none;
  width: 24px;
  height: 24px;
}

.mines__path-item {
  width: 62px;
  height: 62px;
  border-radius: 15px;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #D7DAF3 34.37%, #E3E5F9 100%), #C4C4C4;
  -webkit-box-shadow: inset 0px 6px 0px #DDE0FF;
  box-shadow: inset 0px 6px 0px #DDE0FF;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  margin-bottom: 6px;
  cursor: pointer;
}

.mines__path.level_16 .mines__path-item{
  width: calc(340px / 4 - 6px);
  height: calc(340px / 4 - 6px);
}

.mines__path.level_25 .mines__path-item{
  width: calc(340px / 5 - 6px);
  height: calc(340px / 5 - 6px);
}

.mines__path.level_36 .mines__path-item{
  width: calc(340px / 6 - 6px);
  height: calc(340px / 6 - 6px);
}

.mines__path.level_49 .mines__path-item{
  width: calc(340px / 7 - 6px);
  height: calc(340px / 7 - 6px);
}


.mines__path-item:not(.mines__path-item--lose):not(.mines__path-item--win):hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.mines__path-item--win {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
  -webkit-box-shadow: inset 0px 6px 0px #5CC18A;
  box-shadow: inset 0px 6px 0px #5CC18A;
  color: #fff;
}

.mines__path-item--win .mines__path--win {
  opacity: 1;
  visibility: visible;
  display: block;
}

.mines__path-item--lose {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
  -webkit-box-shadow: inset 0px 6px 0px #F59EA1;
  box-shadow: inset 0px 6px 0px #F59EA1;
  color: #fff;
}

.mines__path-item--lose .mines__path--lose {
  opacity: 1;
  visibility: visible;
  display: block;
}

.mines__bonus {
  width: 100%;
  margin-top: 10px;
}

.mines__check {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 20px;
  color: #475A89;
  font-weight: 600;
}

.mines__check:before, .mines__check:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.mines__check::before {
  left: 0;
  top: 0;
}

.mines__check::after {
  right: 0;
  bottom: 0;
}

.mines__check .icon {
  margin-left: 6px;
}

.mines__check-sum--total {
  color: #2D2A73;
}

.x100 .x30__wheel-image {
  width: 1310px;
  height: 1360px;
}

.x100 .x30__wheels {
  height: 240px;
}

.x100 .x30__wheel-border {
  width: 1420px;
  height: 1510px;
}

.x100 .x30__bets {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.x100 .x30__bet-user .history__user span {
  max-width: 45px;
}

.x100 .x30__bet-heading {
  padding: 22px 22px;
}

.x100 .x30__bet-heading.x2 {
  background: #1F2872;
}

.x100 .x30__bet-heading.x3 {
  background: #33C9C0;
}

.x100 .x30__bet-heading.x10 {
  background: #FF8049;
}

.x100 .x30__bet-heading.x15 {
  background: #7A49FF;
}

.x100 .x30__bet-heading.x20 {
  background: #f2ac44;
}

.x100 .x30__bet-heading.x100 {
  background: #FF5247;
}

.x100 .x30__history-item.x2 {
  background: #1F2872;
  height: 10px;
}

.x100 .x30__history-item.x3 {
  background: #33C9C0;
  height: 15px;
}

.x100 .x30__history-item.x10 {
  background: #FF8049;
  height: 20px;
}

.x100 .x30__history-item.x15 {
  background: #7A49FF;
  height: 25px;
}

.x100 .x30__history-item.x20 {
  background: #FFD849;
  height: 30px;
}

.x100 .x30__history-item.x100 {
  background: #FF5247;
  height: 35px;
}

.x100 .x30__cursor {
  width: 32px;
  height: 70px;
  background: url(../images/games/cursor-wheel.svg) no-repeat center center/contain;
  bottom: 7px;
}

.keno {
  position: relative;
  padding: 0px 0px;
  background: #F7F7FF;
  padding-bottom: 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

.keno__title {
  position: relative;
  width: 100%;
}

.keno__title-bg {
  position: relative;
  width: 330px;
  height: 84px;
  background: url(../images/games/keno/bg__content.svg) no-repeat center center/contain;
}

.keno__title-bg img {
  position: relative;
  top: -10px;
}

.keno__content {
  position: relative;
  margin-top: -84px;
  color: #1A2547;
  padding-bottom: 30px;
}

.keno__round-info {
  padding: 35px;
  position: relative;
}

.keno__round-info-item {
  position: relative;
  line-height: 29px;
}

.keno__round-info-item span {
  font-size: 12px;
  font-weight: 500;
  color: #9195B4;
}

.keno__round-info-item b {
  font-size: 24px;
  font-weight: 900;
}

.keno__mines {
  min-height: 470px;
  position: relative;
  background: url(../images/games/keno/keno__bg.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 40px;
}

.keno__mines:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg);
}

.keno__canvas {
  position: relative;
  max-width: 625px;
}

.keno__canvas-item {
  height: 68px;
  min-width: 70px;
  position: relative;
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #D7DAF3 34.37%, #E8EAFF 100%);
  border-radius: 25px;
  margin-top: 8px;
  cursor: pointer;
  border-top: solid 8px #DDE0FF;
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
}

.keno__canvas-item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.keno__canvas-number {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: -2px;
  pointer-events: none;
}

.keno__canvas-users {
  position: absolute;
  right: 0;
  top: -15px;
}

.keno__canvas-user {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 -6px;
  border: solid 2px #f7f7ff;
}

.keno__canvas-user--more {
  background: #5F5CE5;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

.keno__canvas-item--active {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
  border-top: solid 8px #7cb1ff;
  color: #fff;
}

.keno__canvas-item--active .keno__canvas-number {
  top: -4px;
}

.keno__bet {
  position: relative;
  padding: 30px 35px;
  padding-bottom: 0;
}

.keno__bet-settings {
  border-radius: 13px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.03);
  height: 56px;
  margin-bottom: 20px;
}

.keno__bet-left {
  position: relative;
}

.keno__bet-left a {
  text-decoration: none;
  color: #1A2547;
  padding: 0px 20px;
  height: 56px;
  font-size: 14px;
  font-weight: 500;
}

.keno__bet-left a .icon {
  margin-right: 10px;
}

.keno__cancel-select span, .keno__auto-select span{
  cursor: pointer;
}

.keno__cancel-select {
  position: relative;
  /*pointer-events: none;*/
} 

.keno__cancel-select .icon {
  color: #FF6B6B;
}

.keno__auto-select {
  position: relative;
  /*pointer-events: none;*/
}

.keno__auto-select .icon {
  color: #6D6AF2;
}

.keno__bet-input {
  outline: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 20px;
  font-weight: bold;
  width: 125px;
  color: #1A2547;
  height: 56px;
  caret-color: #d4d7e7;
}

.keno__bet-input::-webkit-input-placeholder {
  color: #E8EBFD;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.keno__bet-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.keno__bet-add {
  cursor: pointer;
}

.keno__coeff {
  position: relative;
  width: 100%;
}

.keno__coeff:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 150px;
  background: -webkit-gradient(linear, right top, left top, from(#F6F7FF), to(transparent));
  background: linear-gradient(to left, #F6F7FF, transparent);
  z-index: 1;
}

.keno__coeff-scroll {
  position: relative;
  overflow: auto;
  width: 100%;
  padding-bottom: 0px;
}

.keno__coeff-scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}

.keno__coeff-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
  -webkit-box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.1);
  box-shadow: inset 1px 1px 10px rgba(64, 55, 87, 0.1);
}

.keno__coeff-item {
  border: 1px solid #E3E6FF;
  border-radius: 11px;
  min-width: 120px;
  padding: 13px 16px;
  line-height: 24px;
  margin-right: 20px;
}

.keno__coeff-item span {
  font-size: 12px;
  color: #8B94B1;
}

.keno__coeff-item--lose {
  border: 1px solid #FFAAAD;
}

.keno__coeff-item--win {
  border: 1px solid #91DDB3;
}

.keno__canvas-item--is-revealed {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
  border-top: solid 8px #fba3a7;
  color: #fff;
  pointer-events: none;
}

.keno__canvas-item--is-revealed .keno__canvas-number {
  top: -4px;
}

.keno__canvas-item--is-selected {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
  border-top: solid 8px #7cb1ff;
  color: #fff;
  /*pointer-events: none;*/
}

.keno__canvas-item--is-selected .keno__canvas-number {
  top: -4px;
}

.keno__canvas-item--has-hit {
  background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
  border-top: solid 8px #5bc08a;
  color: #fff;
  pointer-events: none;
}

.keno__canvas-item--has-hit .keno__canvas-number {
  top: -4px;
}

.keno__mines--win .keno__canvas {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  pointer-events: none;
}

.keno__mines-win {
  position: absolute;
  padding: 15px 15px;
  border-radius: 15px;
  background: #5261E8;
  padding-right: 7px;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.keno__mines-win:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 300px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/games/keno/confetti.svg) no-repeat center center/contain;
}

.keno__mines-win span {
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
}

.keno__mines-win b {
  padding: 8px 16px;
  margin-left: 15px;
  background-color: #3845B6;
  border-radius: 15px;
  color: #5AEBFF;
}

.crash {
  position: relative;
  margin-bottom: 30px;
}

.crash__top {
  position: relative;
  width: 100%;
}

.crash__left {
  width: calc(40% - 10px);
}

.crash .x30__bet-placed a:before {
  content: none;
}

.crash label > span {
  color: #929DBB;
  padding-left: 6px;
}

.crash__history {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(36%, #EBECF2));
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #EBECF2 36%);
}

.crash__scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}

.crash__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 50px;
}

.crash__scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 50px;
}

.crash__history-item {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-radius: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
}

.crash__history-item:hover {
  opacity: .65;
}

.crash__history-item span {
  pointer-events: none;
}

.crash__history-item.x1 {
  background: #2D2A73;
}

.crash__history-item.x2 {
  background: #387be5;
}

.crash__history-item.x3 {
  background: #FFA462;
}

.crash__history-item.x4 {
  background: #A449FF;
}

.crash__history-item.x5 {
  background: #FF49D7;
}

.crash__history-item.x6 {
  background: #FF4949;
}


.crash__right {
  width: calc(60% - 10px);
}

.crash__canvas {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 23px;
  background: url(../images/games/crash/crash-bg.png) repeat center center/cover;
  padding-left: 5px;
  overflow: hidden;
}

.crash__canvas canvas {
  position: relative;
  z-index: 1;
  top: 28px;
  left: 1px;
}

.crash__x-number {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 48px;
  font-weight: 900;
  color: #fff;
  z-index: 3;
  pointer-events: none;
  text-shadow: 0 3px 18px rgba(6, 12, 28, 0.85), 0 0 8px rgba(6, 12, 28, 0.55);
}

.crash__history-users {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.crash__history-item-user {
  position: relative;
  padding: 0px 12px;
  height: 58px;
  border-radius: 15px;
  background: #fff;
}

.crash__history-item-user .history__user {
  font-weight: 500;
}

.crash__history-item-user .icon.money {
  margin-left: 8px;
  color: #767DAB;
}

.crash__history-user-x {
  margin-left: 20px;
  height: 48px;
  border-radius: 15px;
  background: #EBECF2;
  padding-left: 17px;
  display: none;
  min-width: 175px;
}

.crash__history-user-x .bx-input__text {
  color: #29315D;
  font-weight: 600;
}

.crash__history-user-x .icon.money {
  color: #387be5;
}

.crash__history-user-x .crash__history-item {
  pointer-events: none;
  margin: 0;
}

.crash__history-item-user--win .crash__history-user-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.crash__history-item-user--lose {
  background: #FFCFCF;
}

.crash__history-item-user--lose .bx-input__text, .crash__history-item-user--lose .icon.money {
  color: #F54646;
}


.coinflip {
  position: relative;
}

.coinflip__placed {
  position: relative;
  width: 100%;
  grid-gap: 15px;
}

.coinflip__place {
  width: 50%;
  min-height: 120px;
  background-color: #F3F4F8;
  border-radius: 15px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  cursor: pointer;
  position: relative;
}

.coinflip__place b {
  position: relative;
  z-index: 1;
  color: #475A89;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  pointer-events: none;
}

.coinflip__place-img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #DBE0FD;
}

.coinflip__place--active b {
  color: #387be5;
}

.coinflip .crash__right {
  background: #F3F4F8;
  border-radius: 20px;
  padding: 24px;
}



.coinflip__results {
  position: relative;
  width: 100%;
  grid-gap: 15px;
}

.coinflip__result {
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 9px 19px rgba(0, 0, 0, 0.01);
  box-shadow: 0px 9px 19px rgba(0, 0, 0, 0.01);
  width: 50%;
  padding: 16px 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.coinflip__result b {
  color: #7887AE;
}

.coinflip__result span {
  color: #475A89;
}

.coinflip__game {
  position: relative;
  width: 100%;
  height: calc(100%);
  padding-top: 25px;
}

.coinflip__game::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  height: 100%;
  background: url(../images/games/coin/coinflip-pattern.png) no-repeat center center/cover;
}

.coinflip__wrapper {
  -webkit-perspective: 2000px;
  perspective: 2000px;
  width: 154px;
  height: 154px;
}

.coinflip__wrapper img {
  max-width: 154px;
  pointer-events: none;
}

.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__front {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.coinflip__wrapper.coinflip__wrapper--orel .coinflip__back {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.coinflip__wrapper.coinflip__wrapper--orel .coinflip__front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.coinflip__front, .coinflip__back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: absolute;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  left: 0;
  top: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.tournier {
  position: relative;
}

.tournier__page-title {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.tournier__page-t-box {
  position: relative;
  background: #EBECF2;
}

.tournier__page-t-box h4, .tournier__page-t-box b {
  position: relative;
  z-index: 1;
}

.tournier__page-t-box h4 {
  font-size: 18px;
  font-weight: 900;
}

.tournier__page-t-box b {
  font-size: 12px;
  padding-top: 12px;
  color: #7987AE;
}

.tournier__page-t-ico {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  color: #DADFFD;
}

.tournier__list {
  position: relative;
  width: 100%;
}

.tournier__page {
  grid-gap: 20px;
  position: relative;
}

.tournier__item {
  border-radius: 30px;
  position: relative;
  width: 100%;
}

.tournier__item:before {
  -webkit-filter: blur(34rem);
  filter: blur(34rem);
}

.tournier__item--shoot {
  background: url(../images/games/shoot/shoot.png) no-repeat center center/cover;
  position: relative;
}

.tournier__item--shoot:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 21, 57, 0.72)), to(#1A1C26));
  background: linear-gradient(180deg, rgba(13, 21, 57, 0.72) 0%, #1A1C26 100%);
}

.tournier__item-top {
  position: relative;
  width: 100%;
  padding: 24px;
  z-index: 1;
  grid-gap: 10px;
  padding-bottom: 0;
  pointer-events: none;
}

.tournier__item-label {
  background: rgba(189, 194, 255, 0.16);
  border-radius: 15px;
  padding: 10px 15px;
  position: relative;
  color: #fff;
  overflow: hidden;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  grid-gap: 12px;
  height: 44px;
}

.tournier__item-label::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 52px;
  height: 52px;
  background: #DEDFFF;
  opacity: 0.51;
  -webkit-filter: blur(25px);
  filter: blur(25px);
  border-radius: 50%;
}

.tournier__item-label--orange {
  background: rgba(255, 230, 140, 0.15);
}

.tournier__item-bottom {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  z-index: 1;
  padding: 24px;
  pointer-events: none;
  padding-top: 0;
}

.tournier__stat {
  position: relative;
  border-radius: 15px;
  background: #171b28;
  line-height: 24px;
  padding: 15px 0;
}

.tournier__stat h3 {
  font-size: 12px;
  color: #474B6A;
}

.tournier__stat b {
  color: #fff;
  font-size: 16px;
}

.tournier__separate {
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
}

.tournier__item-center {
  padding: 24px;
  position: relative;
  grid-gap: 20px;
  pointer-events: none;
  z-index: 1;
}

.tournier__item-center p {
  color: #9CA6D0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.tournier__item-center button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  pointer-events: all;
}

.tournier .history {
  padding-top: 0;
}

.tournier .history::before {
  content: none;
}

.tournier .history table {
  display: table !important;
}

@media only screen and (max-width: 825px) {
  .tournier__item-bottom {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 475px) {
  .tournier__item-bottom {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .tournier__item-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tournier__item-label {
    width: 100%;
  }
}


.bonus {
  position: relative;
  max-width: 1322px;
  margin: 0 auto;
}

.bonus__top {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
}

.bonus__top:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.bonus__items {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.bonus__item {
  background: #F3F4F8;
  border-radius: 25px;
  min-height: 130px;
  padding: 22px 28px;
}

.bonus__item-title {
  position: relative;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 18px;
}

.bonus__content {
  position: relative;
}

.bonus__content .bx-input__input {
  background: #fff;
  width: 47%;
}

.bonus__buttons a {
  margin-right: 8px;
}

.bonus__buttons a:nth-last-child(1) {
  margin-right: 0;
}

.bonus__item--block {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.bonus__item--levels {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}

.bonus__item--levels::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: url(../images/bonus/borders.svg) repeat;
}

.bonus__levels-info {
  position: relative;
  padding: 15px 20px;
  background: #fff;
  border-radius: 15px;
  z-index: 1;
  width: 100%;
  margin-bottom: 20px;
}

.bonus__levels-info:before {
  content: '';
}

.bonus__levels-image {
  position: relative;
  width: 40px;
  height: 60px;
  background: url(../images/bonus/bonus-info.svg) no-repeat center center/contain;
}

.bonus__levels-text {
  position: relative;
  width: calc(100% - 40px);
  padding-left: 15px;
}

.bonus__levels-text span {
  font-weight: 600;
  padding-bottom: 8px;
}

.bonus__levels-text p {
  font-weight: 500;
  font-size: 12px;
  color: #7887ae;
}

.bonus__levels-items {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}

.bonus__levels-item {
  position: relative;
  border-radius: 15px;
  padding: 20px 22px;
  background: #fff;
}

.bonus__levels-item:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 36px;
  height: 36px;
  background: #F3F4F8;
  border-radius: 50px;
}

.bonus__levels-item:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 18px;
  height: 18px;
  border-radius: 50px;
}

.bonus__levels-item h4 {
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 15px;
}

.bonus__levels-item .btn span > b {
  opacity: .5;
}

.bonus__levels-item.bonus__levels-item--1:after {
  background: linear-gradient(101.85deg, #F66B95 13.32%, #F79E6C 58.67%);
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--2:after {
  background: linear-gradient(101.85deg, #6B71F6 13.32%, #8851E2 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--3:after {
  background: linear-gradient(101.85deg, #29D195 13.32%, #479BCA 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__levels-item.bonus__levels-item--4:after {
  background: linear-gradient(101.85deg, #FF4ED8 13.32%, #AA1B82 58.67%), #C4C4C4;
  top: -9px;
}

.bonus__item--daily {
  background: #F3F4F8 url(../images/bonus/bonus-daily.png) no-repeat center center/cover;
  padding: 0;
  overflow: hidden;
}

.bonus__wheel {
  height: 250px;
  width: 450px;
  position: relative;
  overflow: hidden;
}

.bonus__wheel-image {
  position: absolute;
  left: 50%;
  top: -68%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.bonus__rotate {
  position: relative;
  pointer-events: none;
}

.bonus__rotate-defs {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.bonus__wheel-borders {
  width: 421px;
  height: 421px;
}

.bonus__wheel-go {
  position: absolute;
  left: 50%;
  bottom: -27%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 20px;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: #f2ac44;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #171b28;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.bonus__wheel-go.bonus__wheel-go--started {
  cursor: not-allowed;
  background: #cab251;
}

.bonus__wheel-go span {
  pointer-events: none;
}

.bonus__wheel-go:not(.bonus__wheel-go--started):hover {
  background: #ec9c24;
}

.bonus__wheel-cursor {
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%) rotate(-180deg);
  transform: translateX(-50%) rotate(-180deg);
  width: 32px;
  height: 48px;
  background: url(../images/games/cursor.svg) no-repeat center center/contain;
  z-index: 2;
}

.bonus__reposts-items {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}

.bonus__reposts-item {
  position: relative;
}

.bonus__reposts-level {
  font-weight: 500;
  font-size: 12px;
  color: #BCC2D2;
  padding-bottom: 6px;
}

.bonus__reposts-count {
  font-weight: 500;
  font-weight: 500;
}

.bonus__reposts-count--value {
  font-size: 22px;
  font-weight: 900;
  color: #D8DCF1;
}

.bonus__reposts-progress {
  position: relative;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  background: #E3E6F9;
  height: 4px;
  margin-top: 8px;
}

.bonus__reposts-progress--width {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #387be5;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.bonus__hits {
  position: relative;
}

.bonus__hits .help {
  position: relative;
  z-index: 2;
}

.bonus__hits-content {
  position: relative;
  min-height: 500px;
  background: url(../images/bonus/bonus-bg.png) no-repeat center center/contain;
  margin-top: -35px;
  z-index: 1;
  padding-top: 160px;
  padding-left: 90px;
  padding-right: 90px;
}

.bonus__hits-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 64px;
  text-transform: uppercase;
  font-weight: 900;
  top: 30px;
}

.bonus__hits-title span {
  -webkit-text-fill-color: #ebecf2;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #d6daf8;
}

.bonus__hits-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.bonus__hits-item {
  position: relative;
}

.bonus__hits-item span {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.bonus__hits-item b {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #BA776C;
  font-weight: normal;
}

.bonus__hits-progress-bar {
  position: relative;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  height: 6px;
  background: #89473D;
  margin-top: 15px;
}

.bonus__hits-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#FE2C2C), to(#FF7E35));
  background: linear-gradient(90deg, #FE2C2C 0%, #FF7E35 100%);
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

.bonus__hits-progress:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  border-radius: 50px;
  background-size: 30px 30px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 30px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 30px 0;
  }
  to {
    background-position: 0 0;
  }
}

.bonus__hits-item--active span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-right: 25px;
}

.bonus__hits-item--active span:before {
  content: '';
  position: absolute;
  right: 0;
  top: -3px;
  width: 6px;
  height: 12px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  color: #e0c015;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.refferal__stats {
  position: relative;
  padding: 20px 20px;
  padding-bottom: 10px;
}

.refferal__stat {
  position: relative;
  margin-right: 30px;
}

.refferal__stat:nth-last-child(1) {
  margin-right: 0;
}

.refferal__stat span {
  position: relative;
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: 600;
}

.refferal__stat span .icon {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.refferal__stat p {
  font-size: 12px;
  font-weight: 500;
  color: #7887AE;
}

.refferal .bonus__top::before {
  content: none;
}

.faq {
  position: relative;
}

.faq__item {
  background: #F3F4F8;
  border-radius: 15px;
  position: relative;
  max-height: 60px;
  overflow: hidden;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  margin-bottom: 12px;
}

.faq__item:nth-last-child(1) {
  margin-bottom: 0;
}

.faq__item.faq__item--opened .faq__item-heading span {
  color: #397ce6;
}

.faq__item.faq__item--opened .faq__item-heading:after {
  opacity: 0;
}

.faq__item.faq__item--opened .faq__item-question {
  background: linear-gradient(91.96deg, #397ce6 1.43%, #4397ff 98.35%);
}

.faq__item-heading {
  position: relative;
  height: 60px;
  padding: 11px 16px;
  cursor: pointer;
}

.faq__item-heading:before {
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  border-radius: 50px;
  background: #7887AE;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

.faq__item-heading:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  border-radius: 50px;
  background: #7887AE;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  top: 50%;
}

.faq__item-heading span {
  position: relative;
  color: #475A89;
  font-weight: 500;
  pointer-events: none;
}

.faq__item-question {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: linear-gradient(91.96deg, #475A89 1.43%, #2D3F6B 98.35%);
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  margin-right: 15px;
  pointer-events: none;
}

.faq__item-body {
  padding: 10px 20px;
  position: relative;
  border-top: solid 1px #eaedfb;
}

.faq__item-body p {
  margin: 10px 0px;
  font-size: 12px;
  color: #7785a4;
  font-weight: 500;
  line-height: 22px;
}

.profile {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.profile:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}

.profile__user {
  width: 280px;
  padding: 30px;
  position: relative;
  border-radius: 25px;
  background: #F3F4F8;
}

.profile__top {
  position: relative;
  width: 100%;
}

.profile__top b {
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
}

.profile__top a {
  font-size: 12px;
  font-weight: 500;
  color: #7987AE;
}

.profile__top a:hover {
  color: #626f92;
}

.profile__top a .icon {
  margin-right: 6px;
  pointer-events: none;
}

.profile__top a span {
  pointer-events: none;
}

.profile__avatar {
  width: 200px;
  height: 150px;
  position: relative;
  background: url(../images/profile/profile-border.png) no-repeat center center/contain;
}

.profile__avatar-ellipse {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #171b28;
}

.profile__avatar-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.profile__username {
  position: relative;
  line-height: 24px;
  margin-bottom: 20px;
}

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

.profile__username span {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8591B5;
}

.profile__balance {
  width: 100%;
}

.profile__balance span {
  font-weight: 600;
}

.profile__balance .icon {
  margin-right: 8px;
}

.profile__stats {
  position: relative;
  width: calc(100% - 280px);
  padding-left: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.profile__stat-item {
  padding: 26px;
  position: relative;
  border-radius: 25px;
  background: #F3F4F8;
}

.profile__stat-item b {
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 12px;
  color: #7987AE;
}

.profile__stat-item span {
  font-weight: 900;
  font-size: 24px;
}

.profile__settings {
  position: relative;
}

.profile__settings-check {
  position: relative;
}

.profile__settings-check label {
  color: #475A89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.profile__settings-check label:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #CCCFE4;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: 9px;
  margin-right: 12px;
}

.text {
  position: relative;
  background: #F3F4F8;
  border-radius: 30px;
  overflow: hidden;
}

.text__banner {
  position: relative;
  padding: 30px;
  padding-bottom: 10px;
}

.text__banner-inner {
  position: relative;
  border-radius: 20px;
  background: #fff;
  padding: 18px 20px;
  color: #475A89;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.text__content {
  padding: 10px 30px;
  padding-bottom: 30px;
}

.text__content h3 {
  margin-bottom: 25px;
}

.text__content p {
  position: relative;
  margin: 15px 0;
  font-size: 12px;
  color: #475A89;
  line-height: 20px;
}

.text__content p:nth-last-child(1) {
  margin: 0;
}

.text__borders {
  position: relative;
  width: 100%;
  margin: 20px 0px;
  height: 8px;
  background: url(../images/borders.svg) repeat;
}


.plusBlock, .dopPlusBetX100{
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  padding: 5px 20px;
  font-weight: 600;
  font-size: 16px;
  z-index: 10;
  cursor: default;
  border-radius: 0px 10px 0px 10px;
}

.dopPlusBetX100{
  right: 50%;
  transform: translateX(50%);
  background: gray;
  color: white;
  border-radius: 0px 0px 10px 10px;
}


.system_mess{
  background: #7001b2;
  
} 

.system_mess span{
  color: white!important;
}

.x30__bet-heading.x7 {
  background: linear-gradient(
    263.88deg, #3AAC46 0%, #36893E 104.75%);
}

.x30__history-item.x7 {
  background: linear-gradient(
    90deg, #3AA946 0%, #378F40 100%), linear-gradient(
      90deg, #9842B0 0%, #6E318B 100%);
  }

  .theme--dark {
    background: #1b2030;
    color: #fff;
  }

  .theme--dark .header {
    background: #1b2030;
  }

  .theme--dark .chat {
    background: linear-gradient(262deg, #20273a 2.45%, rgba(30, 34, 63, 0) 61.7%) !important;
    border-color: #20273b;
  }

  .theme--dark .sidebar__games:before, .theme--dark .sidebar__profile:before {
    background: #1b2030;
    display: none;
  }

  .theme--dark .sidebar__block {
    background: #20273a;
  }

  .theme--dark .sidebar__logotype a {
    background: url(../images/logotype-dark.svg) no-repeat center center/contain;
  }

  .theme--dark .header__links li a {
    color: #7486b7;
  }

  .theme--dark .sidebar__game {
    color: #4e6287;
  }

  .theme--dark .sidebar__game-name {
    background: #29324c;
    /* border: 1px solid #2d3650; */
  }

  .theme--dark .header__links li a:hover {
    color: #397ce6;
  }

  .theme--dark .header__user-balance {
    color: #fff;
  }

  .theme--dark .header__user-profile {
    background: #171b28;
    color: #7486b7;
  }

  .theme--dark .header__user-profile:before {
    border: 6px solid transparent;
    border-top: 7px solid #7486b7;
  }

  .theme--dark .header__user-profile.dropdown, .theme--dark .header__user-dropdown {
    background: #171b28;
  }

  .theme--dark .header__user-dropdown a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    color: #7486b7;
  }

  .theme--dark .header__user-dropdown a:hover {
    color: #5a85e7;
    background: rgba(255, 255, 255, 0.01);
  }

  .theme--dark .header__user-dropdown a b {
    color: #7486b7;
  }

  .theme--dark .history table thead tr td {
    color: #485c80;
  }

  .theme--dark .history table tbody tr td {
    color: #FFF;
    background: #20273a;
  }

  .theme--dark .footer__link a {
    color: #485c80;
  }

  .theme--dark .footer__text {
    color: rgb(72 87 128 / 50%);
  }

  .theme--dark .history__x-bg {
    opacity: 0.02;
  }

  .theme--dark .history:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .chat__input input::-webkit-input-placeholder {
    color: #7486b7;
  }

  .theme--dark .chat__input input, .theme--dark .chat__buttons a {
    color: #7486b7;
  }

  .theme--dark .chat__buttons a:hover {
    color: #b6c6ff;
  }

  .theme--dark .chat__smiles {
    background: #181c2a;
    width: calc(100% - 0px);
  }

  .theme--dark .chat__smiles-item:hover {
    background: #272c4c;
  }

  .theme--dark .chat__online .icon, .theme--dark .chat__online span {
    color: #7486b7;
  }

  .theme--dark .chat__online p {
    color: #fff;
  }

  .theme--dark .chat__buttons a {
    background: #252d42;
  }

  .theme--dark .chat__msg-info span {
    color: #7486b7;
  }

  .theme--dark .chat__msg-message {
    background: #20273a;
  }

  .theme--dark .chat__buttons-admins a {
    color: #7489b7;
    opacity: .5;
  }

  .theme--dark .chat__buttons-admins a:hover {
    opacity: .65;
  }

  .theme--dark .preloader {
    background-color: #1b2030;
  }

  .theme--dark .x30__wheels:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(180deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__wheel-border {
    border-color: #262B4B;
  }

  .theme--dark .x30__timer {
    background: #20273a;
  }

  .theme--dark .x30__timer b {
    color: #7486b7;
  }

  .theme--dark .sidebar__game--active {
    color: #ffffff;
  }

  .theme--dark .bx-input__input {
    background: #20273a;
  }

  .theme--dark .bx-input__input label {
    color: #516496;
  }

  .theme--dark .bx-input__input input, .theme--dark .x30__bet-placed a, .theme--dark .x30__bet-user .history__user span {
    color: #7486b7;
  }

  .theme--dark .x30__bet-info, .theme--dark .x30__bet-user {
    background: #20273a;
  }

  .theme--dark .x30__bet-sum, .theme--dark .x30__bet-info {
    color: #516496;
  }

  .theme--dark .help {
    color: #249FBA;
    background: linear-gradient(91.96deg, rgba(36, 159, 186, 0.4) 1.43%, rgba(31, 215, 255, 0) 98.35%, rgba(36, 159, 186, 0) 98.35%);
  }

  .theme--dark .help:hover {
    color: #2ebedf;
  }

  .theme--dark .help .icon {
    color: #249FBA;
  }

  .theme--dark #toast-container > div {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
  }

  .theme--dark .dice__drum:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#1b2030), to(transparent));
    background: linear-gradient(to top, #1b2030, transparent);
  }

  .theme--dark .dice__select-chance {
    border-color: #20273b;
  }

  .theme--dark .dice__select-chance a.active {
    background: #20273a;
  }

  .theme--dark .dice__range {
    background: -webkit-gradient(linear, left top, right top, from(#7C79FF), color-stop(50%, #7C79FF), color-stop(50%, #20273a), to(#20273a));
    background: linear-gradient(to right, #7C79FF 0%, #7C79FF 50%, #20273a 50%, #20273a 100%);
  }

  .theme--dark .x30__bonus:after {
    background: -webkit-gradient(linear, left top, right top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(90deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__bonus:before {
    background: -webkit-gradient(linear, right top, left top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(-90deg, #1b2030 0%, rgba(30, 34, 63, 0) 100%);
  }

  .theme--dark .x30__bonus, .theme--dark .mines__x-item {
    background: #171b28;
  }

  .theme--dark .mines__x-item b {
    color: #fff;
  }

  .theme--dark .mines__path-item--win {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%) !important;
    -webkit-box-shadow: inset 0px 6px 0px #5cc18a !important;
    box-shadow: inset 0px 6px 0px #5cc18a !important;
  }

  .theme--dark .mines__path-item--lose {
    -webkit-box-shadow: inset 0px 6px 0px #8f3947 !important;
    box-shadow: inset 0px 6px 0px #8f3947 !important;
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%) !important;
  }

  .theme--dark .mines__path-item {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #24304a 34.37%, #293356 100%), #1b2030;
    -webkit-box-shadow: inset 0px 6px 0px #2e3560;
    box-shadow: inset 0px 6px 0px #2e3560;
  }

  .theme--dark .crash__history-item-user {
    background: #20273a;
  }

  .theme--dark .history__user span {
    color: #7486b7;
  }

  .theme--dark .crash__history-user-x {
    background: #1b1e37;
    padding-right: 4px;
  }

  .theme--dark .crash__history-user-x .bx-input__text {
    color: #fff;
  }

  .theme--dark .keno {
    background: #20273a;
  }

  .theme--dark .keno__round-info-item span {
    color: #7486b7;
  }

  .theme--dark .keno__round-info-item b {
    color: #fff;
  }

  .theme--dark .keno__mines {
    background: url(../images/games/keno/keno__bg--dark.png) no-repeat center center;
    background-size: cover;
    min-height: 510px;
  }

  .theme--dark .keno__mines:before {
    background: none;
  }

  .theme--dark .keno__title-bg {
    background: url(../images/games/keno/bg__content--dark.svg) no-repeat center center/contain;
  }

  .theme--dark .keno__bet-settings {
    background: #1b2030;
  }

  .theme--dark .keno__bet-input {
    color: #fff;
  }

  .theme--dark .keno__cancel-select {
    color: #FF6B6B;
  }

  .theme--dark .keno__auto-select {
    color: #6D6AF2;
  }

  .theme--dark .keno__coeff-item {
    border: 1px solid #323758;
  }

  .theme--dark .keno__coeff-item b {
    color: #fff;
  }

  .theme--dark .keno__coeff-item--win {
    border: 1px solid #91DDB3;
  }

  .theme--dark .keno__coeff-item--lose {
    border: 1px solid #FFAAAD;
  }

  .theme--dark .keno__coeff:before {
    background: -webkit-gradient(linear, right top, left top, from(#20273a), to(transparent));
    background: linear-gradient(to left, #20273a, transparent);
  }

  .theme--dark .keno__canvas-item {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #282d50 34.37%, #2a2f54 100%), #1c203b;
    border-top: solid 8px #2f345a;
    color: #7486b7;
  }

  .theme--dark .keno__canvas-user {
    border: solid 2px #20273a;
  }

  .theme--dark .keno__canvas-item--active {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
    border-top: solid 8px #7cb1ff;
    color: #fff;
  }

  .theme--dark .keno__canvas-item--is-selected {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5F5CE5 34.37%, #7CB1FF 100%);
    border-top: solid 8px #7cb1ff;
    color: #fff;
  }


  .theme--dark .keno__canvas-item--is-revealed {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, 0.5) 34.37%, rgba(255, 80, 80, 0.5) 100%);
    border-top: solid 8px #923c4c;
    color: #fff;
    pointer-events: none;
  }

  .theme--dark .keno__canvas-item--has-hit {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34AE6D 34.37%, #5BC08A 100%);
    border-top: solid 8px #5bc08a;
    color: #fff;
    pointer-events: none;
  }

  .theme--dark .bonus__item {
    background: #20273a;
  }

  .theme--dark .bonus__item-title {
    color: #fff;
  }

  .theme--dark .bonus__levels-info, .theme--dark .bonus__levels-item {
    background: #303456;
  }

  .theme--dark .bonus__levels-text span, .theme--dark .bonus__levels-item h4 {
    color: #fff;
  }

  .theme--dark .bonus__levels-item:before {
    background: #20273a;
  }

  .theme--dark .user-status.new {
    background: #404468;
  }

  .theme--dark .bonus__content .bx-input__input {
    background: #252e44;
  }

  .theme--dark .bonus__reposts-level {
    color: #7486b7;
  }

  .theme--dark .bonus__reposts-count {
    color: #fff;
  }

  .theme--dark .bonus__reposts-count--value {
    color: #36425c;
  }

  .theme--dark .bonus__reposts-progress {
    background: #2b3650;
  }

  .theme--dark .bonus__hits-title span {
    -webkit-text-fill-color: #1b2030;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #272b48;
  }

  .theme--dark .bonus__top:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .bonus__item--levels::before {
    background: url(../images/bonus/borders--dark.svg) repeat;
  }

  .theme--dark .refferal__stat span svg {
  color: #f2ac44;
  }

  .theme--dark .bonus__rotate-defs--dark {
    display: block !important;
  }

  .theme--dark .bonus__rotate-defs {
    display: none;
  }

  .theme--dark .faq__item {
    background: #20273a;
  }

  .theme--dark .faq__item-heading span {
    color: #6c81b5;
  }

  .theme--dark .faq__item-body {
    border-top: solid 1px #2a2f52;
  }

  .theme--dark .overlayed {
    background: rgb(0 0 0 / 70%);
  }

  .theme--dark .popup {
    background: #1b2030;
  }

  .theme--dark .popup__tab--active {
    border: 2px solid #202638;
    color: #ffffff;
    background: #202638;
  }

  .theme--dark .popup__tab:hover {
    color: #9fafd8;
  }

  .theme--dark .popup__title:before, .theme--dark .popup.popup--about .borders, .theme--dark .mines__check::before, .theme--dark .mines__check::after {
    background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #323d5c), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #32375c), color-stop(0.75, #32375c), color-stop(0.75, transparent), to(transparent));
    background-size: 30px 30px;
    height: 5px;
  }

  .theme--dark .wallet__methods {
    background: #202638;
    -webkit-box-shadow: inset 0px 6px 0px #202638;
    box-shadow: inset 0px 6px 0px #202638;
  }

  .theme--dark .wallet__method {
    background: #252d42;
  }

  .theme--dark .wallet__history-left .wallet__method {
    background: transparent;
  }

  .theme--dark .wallet__method span {
    color: #fff;
  }

  .theme--dark .popup .bx-input__input, .theme--dark .wallet__history-item {
    background: #202638;
  }

  .theme--dark .wallet__txt b {
    color: #fff;
  }

  .theme--dark .popup .close {
    background: #20273a;
    -webkit-box-shadow: inset 0px 6px 0px #20273a;
    box-shadow: inset 0px 6px 0px #20273a;
  }

  .theme--dark .wallet__tab--active {
    background: #252d42;
    color: #fff;
  }

  .theme--dark .popup.popup--about h4, .theme--dark .popup__title, .theme--dark .dice__check-chance, .theme--dark .mines__check-sum--total {
    color: #fff;
  }

  .theme--dark .select {
    background-color: #202638;
  }

  .theme--dark .text {
    background: #20273a;
  }

  .theme--dark .text__banner-inner {
    background: #2b3552;
  }

  .theme--dark .text__borders {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .text__content p {
    color: #7486b7;
  }

  .theme--dark .chat__send .chat__buttons a {
    background: none;
  }

  .theme--dark .profile__user, .theme--dark .profile__stat-item, .theme--dark .profile__settings-check label:before {
    background: #20273a;
  }

  .theme--dark .profile:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .mobile-menu {
    background: #171b28;
  }

  @media only screen and (max-width: 1125px) {
    .theme--dark .chat {
      background: #1b2030 !important;
    }
  }

  .theme--dark .chat:before, .theme--dark .mobile-navbar:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .theme--dark .mobile-navbar {
    background-color: #1b2030;
  }

  .theme--dark .mobile-navbar a {
    background: #202638;
  }


  .theme--dark .coinflip .crash__right {
    background: #20273a;
  }
  .theme--dark .coinflip__result {
    background-color: #252e44;
  }
  .theme--dark .coinflip__place {
    background-color: #20273a;
  }

  .theme--dark .coinflip__place-img {
    color: #2b2f54;
  }
  .theme--dark .coinflip__place b {
    color: #7188bf;
  }

  .theme--dark .coinflip__game::before {
    background: url(../images/games/coin/coinflip-pattern--dark.png) no-repeat center center/cover;
    border-radius: 20px;
  }






  .bonus__rotate-defs--dark {
    display: none;
  }


  .header__user-dropdown a em {
    font-style: normal;
    font-weight: 500;
    padding: 5px;
    border-radius: 4px;
    background: #ca5252;
    color: #fff;
    font-size: 8px;
    margin-left: 10px;
    pointer-events: none;
  }

  .keno__canvas-item.blocked{
    pointer-events: none;
  }

  .chat__promocode {
    position: relative;
    padding: 10px 20px;
    padding-bottom: 5px;
  }

  .chat__promocode-inner {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-left: 90px;
    min-height: 120px;
    padding-bottom: 25px;
    border-radius: 20px;
    background: #171b28;
    border: solid 4px #171b28;
    margin-top: 10px;
  }

  .chat__promocode-inner h4 {
    text-transform: uppercase;
    font-weight: 900;
    color: #ffffff;
    font-size: 16px;
  }

  .chat__promocode-img {
    position: absolute;
    left: -20px;
    top: -20px;
    pointer-events: none;
  }

  .chat__promocode-timer {
    position: relative;
    padding-top: 15px;
  }

  .chat__promocode-timer span:not(.chat__promocode-timer--span) {
    margin: 0px 4px;
    font-weight: 900;
    color: rgb(50 59 86);
  }

  .chat__promocode-timer--span {
    width: 28px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(57 125 230 / 20%);
    border-radius: 7px;
    font-size: 18px;
    font-weight: 900;
    color: #397ce6;
    margin: 0px 3px;
  }

  .shoot {
    position: relative;
  }

  .shoot__live {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background: url(../images/games/shoot/shoot.png) no-repeat center center/cover;
    padding: 28px 0px;
  }

  .shoot__live::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-2.18%, rgba(46, 30, 37, 0.42)), to(rgba(46, 30, 37, 0.7)));
    background: linear-gradient(0deg, rgba(46, 30, 37, 0.42) -2.18%, rgba(46, 30, 37, 0.7) 100%);
  }

  .shoot__live-drop {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .shoot__live-drop-scroll {
    position: relative;
  } 

  .shoot__live-drop-scroll.animate1 {
    -webkit-animation: translateDrop 130s infinite ease-out;
    animation: translateDrop 130s infinite ease-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }

  @-webkit-keyframes translateDrop {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
      transform: translateX(calc((115px + 16px) * 47 * -1));
    }
  }

  @keyframes translateDrop {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
      transform: translateX(calc((115px + 16px) * 47 * -1));
    }
  }

  .shoot__live-drop-item {
    position: relative; 
    min-width: 115px;
    height: 170px;
    border-radius: 15px;
    background: #2E1E25;
    margin: 0px 8px;
  }

  .shoot__live-drop-item:nth-child(1) {
    margin-left: 0;
  }

  .shoot__live-drop-front, .shoot__live-drop-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-backface-visibility: hidden;
    padding: 16px 18px;
    transition: -webkit-transform 0.25s ease-in;
    -webkit-transform-style: preserve-3d;
  }

  .shoot__live-drop-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  .shoot__live-drop-name {
    position: relative;
    line-height: 18px;
  }

  .shoot__live-drop-name b {
    font-size: 12px;
    color: #fff;
  }

  .shoot__live-drop-name span {
    font-size: 12px;
    color: #947482;
  }

  .shoot__live-drop-price {
    position: relative;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background: #56414A;
    padding: 6px 12px;
  }

  .shoot__live-drop-img {
    max-height: 50px;
    pointer-events: none;
  }

  .shoot__live-drop-img-not {
    pointer-events: none;
  }

  .shoot__live-drop-game {
    position: relative;
    padding-top: 23px;
  }

  .shoot__live-drop-game .btn--orange {
    background: #f2ad44;
    -webkit-box-shadow: 0px 42px 80px rgba(255, 141, 116, 0.4);
    box-shadow: 0px 42px 80px rgb(25 62 120 / 66%);
    text-transform: uppercase;
    font-weight: bold;
    color: #171b28;
    position: relative;
    z-index: 2;
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot__live-drop-scroll--flipped .shoot__live-drop-cursor {
    -webkit-transform: translateX(-67%) translateY(0%);
    transform: translateX(-67%) translateY(0%);
    opacity: 1;
  }

  .shoot__live-drop-cursor {
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-67%) translateY(100%);
    transform: translateX(-67%) translateY(100%);
    opacity: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1;
  }

  .shoot__live-drop-cursor img {
    pointer-events: none;
  }

  .shoot__live-drop-x {
    position: relative;
    font-size: 36px;
  }

  .shoot__live-drop-x b {
    font-weight: 900;
  }

  .shoot__bet {
    padding: 20px 0;
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 20px;
  }

  .shoot__bet:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg) repeat;
  }

  .shoot__bet-btn-settings {
    font-weight: bold;
    color: #7987AE;
  }

  .shoot__bet-btn-settings span {
    pointer-events: none;
  }

  .shoot__bet-btn-settings .icon {
    margin-right: 8px;
  }

  .shoot__bet-btn-settings:hover {
    color: #626f92;
    background: #272c40 !important;
  }

a.shoot__bet-btn-settings.d-flex.align-center {
    background: #212638;
    padding: 10px 25px;
    border-radius: 8px;
}

  .shoot__bet-btns {
    position: relative;
    padding: 0px 30px;
    grid-gap: 10px;
  }

  .shoot__bet-btns a {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    font-weight: bold;
  }

  .shoot__bet-btns a:nth-child(1) {
    background: rgba(97, 119, 255, 0.2);
    color: #6177FF;
  }

  .shoot__bet-btns a:nth-child(1).active {
    background: #6177ff;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(2) {
    background: rgba(126, 47, 255, 0.2);
    color: #7E2FFF;
  }

  .shoot__bet-btns a:nth-child(2).active {
    background: #7e2fff;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(3) {
    background: rgba(17, 128, 108, 0.2);
    color: #11806C;
  }

  .shoot__bet-btns a:nth-child(3).active {
    background: #11806c;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(4) {
    background: rgba(100, 130, 15, 0.2);
    color: #64820F;
  }

  .shoot__bet-btns a:nth-child(4).active {
    background: #64820f;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(5) {
    background: rgba(160, 56, 23, 0.2);
    color: #A03817;
  }

  .shoot__bet-btns a:nth-child(5).active {
    background: #a03817;
    color: #fff;
  }

  .shoot__bet-btns a:nth-child(6) {
    background: rgba(255, 107, 0, 0.2);
    color: #FF6B00;
  }

  .shoot__bet-btns a:nth-child(6).active {
    background: #ff6b00;
    color: #fff;
  }

  .shoot__bets {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 13px;
  }

  .shoot__bet-item {
    padding: 14px 0px;
    border-radius: 12px;
    position: relative;
    min-height: 58px;
    font-size: 18px;
    font-weight: 900;
    overflow: hidden;
  }

  .shoot__bet-item span {
    pointer-events: none;
  }

  .shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, 0.2)), to(rgba(36, 90, 98, 0.2)));
    background: linear-gradient(180deg, rgba(54, 113, 122, 0.2) 0%, rgba(36, 90, 98, 0.2) 100%);
  }

  .shoot__bet-item--1x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#36717A), to(#245A62));
    background-image: linear-gradient(180deg, #36717A 0%, #245A62 100%);
  }

  .shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, 0.2)), to(rgba(128, 97, 61, 0.2)));
    background: linear-gradient(180deg, rgba(172, 141, 105, 0.2) 0%, rgba(128, 97, 61, 0.2) 100%);
  }

  .shoot__bet-item--2x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AC8D69), to(#80613D));
    background-image: linear-gradient(180deg, #AC8D69 0%, #80613D 100%);
  }

  .shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, 0.2)), to(rgba(88, 63, 68, 0.2)));
    background: linear-gradient(180deg, rgba(124, 93, 99, 0.2) 0%, rgba(88, 63, 68, 0.2) 100%);
  }

  .shoot__bet-item--5x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7C5D63), to(#583F44));
    background-image: linear-gradient(180deg, #7C5D63 0%, #583F44 100%);
  }

  .shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, 0.2)), to(rgba(75, 72, 99, 0.2)));
    background: linear-gradient(180deg, rgba(96, 92, 124, 0.2) 0%, rgba(75, 72, 99, 0.2) 100%);
  }

  .shoot__bet-item--10x span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#605C7C), to(#4B4863));
    background-image: linear-gradient(180deg, #605C7C 0%, #4B4863 100%);
  }

  .shoot__live-drop-item--1x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#36717a), to(#245a62));
    background: linear-gradient(180deg, #36717a 0%, #245a62 100%);
    color: #fff;
  }

  .shoot__live-drop-item--2x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#ac8d69), to(#80613d));
    background: linear-gradient(180deg, #ac8d69 0%, #80613d 100%);
    color: #fff;
  }

  .shoot__live-drop-item--5x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#7c5d63), to(#583f44));
    background: linear-gradient(180deg, #7c5d63 0%, #583f44 100%);
    color: #fff;
  }

  .shoot__live-drop-item--10x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#605c7c), to(#4b4863));
    background: linear-gradient(180deg, #605c7c 0%, #4b4863 100%);
    color: #fff;
  }

  .shoot__live-drop-item--cashhunt .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#3C4E2E), to(#2A3820));
    background: linear-gradient(180deg, #3C4E2E 0%, #2A3820 100%);
    color: #8FBE68;
  }

  .shoot__live-drop-item--crazytime .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0%, #672725 100%);
    color: #FF6D69;
  }

  .shoot__live-drop-item--coinflip .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677C), to(#2B485A));
    background: linear-gradient(180deg, #47677C 0%, #2B485A 100%);
    color: #93D6FF;
  }

  .shoot__live-drop-item--pachinko .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#8E3D67), to(#742E52));
    background: linear-gradient(180deg, #8E3D67 0%, #742E52 100%);
    color: #FF61B2;
  }

  .shoot__live-drop-item--bonusX3 .shoot__live-drop-front, .shoot__live-drop-item--bonusX5 .shoot__live-drop-front {

    color: #fff;

    background: crimson;
    box-shadow: 0 -150px 70px -120px teal inset,
    0 -220px 70px -120px yellowgreen inset,
    0 -280px 70px -120px gold inset;

    animation: background 4s infinite alternate;
  }

  @keyframes background {
    50% {
      background: darkviolet;
      box-shadow: 0 -140px 70px -120px mediumorchid inset,
      0 -210px 70px -120px teal inset,
      0 -280px 70px -120px plum inset;
    }
  }

  .shoot__live-drop-bonus-ico {
    width: 54px;
    height: 54px;
  }

  .shoot__bet-item--bonus {
    padding: 0px 20px;
  }

  .shoot__bet-item--bonus:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/shoot/pattern.png) no-repeat left center/contain;
  }

  .shoot__bet-item--bonus b {
    color: #fff;
    pointer-events: none;
  }

  .shoot__bet-item--bonus .icon {
    width: 26px;
    height: 26px;
  }

  .shoot__bet-item--cashhunt {
    background: -webkit-gradient(linear, left top, left bottom, from(#3C4E2E), to(#2A3820));
    background: linear-gradient(180deg, #3C4E2E 0%, #2A3820 100%);
  }

  .shoot__bet-item--cashhunt .icon {
    color: #8FBE68;
  }

  .shoot__bet-item--crazygame {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0%, #672725 100%);
  }

  .shoot__bet-item--crazygame .icon {
    color: #FF6D69;
  }

  .shoot__bet-item--coinflip {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677C), to(#2B485A));
    background: linear-gradient(180deg, #47677C 0%, #2B485A 100%);
  }

  .shoot__bet-item--coinflip .icon {
    color: #93D6FF;
  }

  .shoot__bet-item--pochinko {
    background: -webkit-gradient(linear, left top, left bottom, from(#8E3D67), to(#742E52));
    background: linear-gradient(180deg, #8E3D67 0%, #742E52 100%);
  }

  .shoot__bet-item--pochinko .icon {
    color: #FF61B2;
  }

  .shoot__live-drop-x-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/shoot/pattern-x.svg?v=1) no-repeat center center/cover;
  }

  .shoot__game-wrapper {
    width: 575px;
    position: relative;
  }

  .shoot__game-wrapper.CashHunt{
    max-width: 500px;
  }

  .shoot__live--game:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #261E10;
    opacity: .75;
  }

  .shoot .cash-hunt {
    position: relative;
    width: 100%;
  }

  .shoot .cash-hunt__inner {
    width: 100%;
    position: relative;
    padding: 14px;
    border-radius: 20px;
    background: #31251A;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 8px;
  }

  .shoot .cash-hunt__item {
    width: 100%;
    height: 41px;
    border-radius: 15px;
    background: #251C13;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }

  .shoot .cash-hunt__item b {
    pointer-events: none;
    color: #74604d;
    font-size: 12px;
  }

  .shoot .cash-hunt__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .shoot .cash-hunt__front, .shoot .cash-hunt__back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform 0.25s ease-in;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-style: preverse-3d;
    -webkit-backface-visibility: hidden;
  }

  .shoot .cash-hunt__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .cash-hunt img {
    pointer-events: none;
    max-height: 19px;
  }

  .shoot .cash-hunt__item--result .cash-hunt__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .cash-hunt__item--result .cash-hunt__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot .cash-hunt__logo {
    top: -29px;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 46px;
    background: url(../images/games/cashhunt/logotype.png) no-repeat center center/contain;
  }

  .shoot .cash-hunt__item--win .cash-hunt__back {
    background: #5ab571;
  }

  .shoot .cash-hunt__item--select .cash-hunt__front {
    background: #644e37;
  }

  .shoot .cash-hunt__item--win .cash-hunt__back b {
    color: #fff;
  }

  .shoot .cash-hunt__item--lose .cash-hunt__back {
    background: #d35157;
  }

  .shoot .cash-hunt__item--lose .cash-hunt__back b {
    color: #fff;
  }

  .shoot .coinflip {
    width: 100%;
    position: relative;
    background: #31251A url(../images/games/coin/pattern.png) no-repeat center center/contain;
    border-radius: 20px;
  }

  .shoot .coinflip img {
    pointer-events: none;
  }

  .shoot .coinflip__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px;
    justify-items: center;
  }

  .shoot .coinflip__slider {
    width: 100%;
    position: relative;
  }

  .shoot .coinflip__slider-i {
    position: relative;
  }

  .shoot .coinflip__slider-i img {
    max-height: 32px;
  }

  .shoot .coinflip__slider-block {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 8px;
    border-radius: 15px;
    margin-top: 6px;
    background: #23190F;
    overflow: hidden;
  }

  .shoot .coinflip__slider-block:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 3px;
    height: 100%;
    z-index: 1;
  }

  .shoot .coinflip__slider--orel .coinflip__slider-block:before {
    background: #FFC138;
    -webkit-box-shadow: 0px 0px 13px rgba(255, 191, 52, 0.7);
    box-shadow: 0px 0px 13px rgba(255, 191, 52, 0.7);
  }

  .shoot .coinflip__slider--reshka .coinflip__slider-block:before {
    background: #1774FF;
    -webkit-box-shadow: 0px 0px 13px rgba(23, 116, 255, 0.7);
    box-shadow: 0px 0px 13px rgba(23, 116, 255, 0.7);
  }

  .shoot .coinflip__slider-scroll {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%;
  }

  .shoot .coinflip__slider-item {
    min-width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 10px;
    background: #3E3124;
    margin-right: 4px;
  }

  .shoot .coinflip__wrapper {
    position: relative;
  }

  .shoot .coinflip__wrapper b {
    position: absolute;
    z-index: 1;
    font-size: 32px;
    font-weight: 900;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .shoot .coinflip__wrapper--flip {
    position: relative;
  }

  .shoot .coinflip__wrapper--flip .coinflip__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .shoot .coinflip__wrapper--flip .coinflip__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot .coinflip__x-block {
    position: relative;
  }

  .shoot .coinflip__x-block b {
    color: #fff;
  }

  .shoot .coinflip__x-block img {
    max-height: 32px;
    margin-right: 8px;
  }

  .shoot .crazygame {
    position: relative;
  }

  .shoot .crazygame__container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
    border-radius: 20px;
  }

  .shoot .crazygame__ctx {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
  }

  .shoot .crazygame__wheel {
    border-radius: 50%;
    overflow: hidden;
    width: 575px;
    z-index: 1;
    height: 575px;
  }

  .shoot .crazygame__wheel-item {
    width: calc(582px * 3.14159265359 / 64);
    height: 575px;
    position: absolute;
    border-radius: 8px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    overflow: hidden;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 12px;
  }

  .shoot .crazygame__wheel-item:nth-child(1) {
    -webkit-transform: translateX(-50%) rotate(5.625deg);
    transform: translateX(-50%) rotate(5.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(2) {
    -webkit-transform: translateX(-50%) rotate(11.25deg);
    transform: translateX(-50%) rotate(11.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(3) {
    -webkit-transform: translateX(-50%) rotate(16.875deg);
    transform: translateX(-50%) rotate(16.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(4) {
    -webkit-transform: translateX(-50%) rotate(22.5deg);
    transform: translateX(-50%) rotate(22.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(5) {
    -webkit-transform: translateX(-50%) rotate(28.125deg);
    transform: translateX(-50%) rotate(28.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(6) {
    -webkit-transform: translateX(-50%) rotate(33.75deg);
    transform: translateX(-50%) rotate(33.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(7) {
    -webkit-transform: translateX(-50%) rotate(39.375deg);
    transform: translateX(-50%) rotate(39.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(8) {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }

  .shoot .crazygame__wheel-item:nth-child(9) {
    -webkit-transform: translateX(-50%) rotate(50.625deg);
    transform: translateX(-50%) rotate(50.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(10) {
    -webkit-transform: translateX(-50%) rotate(56.25deg);
    transform: translateX(-50%) rotate(56.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(11) {
    -webkit-transform: translateX(-50%) rotate(61.875deg);
    transform: translateX(-50%) rotate(61.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(12) {
    -webkit-transform: translateX(-50%) rotate(67.5deg);
    transform: translateX(-50%) rotate(67.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(13) {
    -webkit-transform: translateX(-50%) rotate(73.125deg);
    transform: translateX(-50%) rotate(73.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(14) {
    -webkit-transform: translateX(-50%) rotate(78.75deg);
    transform: translateX(-50%) rotate(78.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(15) {
    -webkit-transform: translateX(-50%) rotate(84.375deg);
    transform: translateX(-50%) rotate(84.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(16) {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }

  .shoot .crazygame__wheel-item:nth-child(17) {
    -webkit-transform: translateX(-50%) rotate(95.625deg);
    transform: translateX(-50%) rotate(95.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(18) {
    -webkit-transform: translateX(-50%) rotate(101.25deg);
    transform: translateX(-50%) rotate(101.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(19) {
    -webkit-transform: translateX(-50%) rotate(106.875deg);
    transform: translateX(-50%) rotate(106.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(20) {
    -webkit-transform: translateX(-50%) rotate(112.5deg);
    transform: translateX(-50%) rotate(112.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(21) {
    -webkit-transform: translateX(-50%) rotate(118.125deg);
    transform: translateX(-50%) rotate(118.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(22) {
    -webkit-transform: translateX(-50%) rotate(123.75deg);
    transform: translateX(-50%) rotate(123.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(23) {
    -webkit-transform: translateX(-50%) rotate(129.375deg);
    transform: translateX(-50%) rotate(129.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(24) {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
  }

  .shoot .crazygame__wheel-item:nth-child(25) {
    -webkit-transform: translateX(-50%) rotate(140.625deg);
    transform: translateX(-50%) rotate(140.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(26) {
    -webkit-transform: translateX(-50%) rotate(146.25deg);
    transform: translateX(-50%) rotate(146.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(27) {
    -webkit-transform: translateX(-50%) rotate(151.875deg);
    transform: translateX(-50%) rotate(151.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(28) {
    -webkit-transform: translateX(-50%) rotate(157.5deg);
    transform: translateX(-50%) rotate(157.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(29) {
    -webkit-transform: translateX(-50%) rotate(163.125deg);
    transform: translateX(-50%) rotate(163.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(30) {
    -webkit-transform: translateX(-50%) rotate(168.75deg);
    transform: translateX(-50%) rotate(168.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(31) {
    -webkit-transform: translateX(-50%) rotate(174.375deg);
    transform: translateX(-50%) rotate(174.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(32) {
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
  }

  .shoot .crazygame__wheel-item:nth-child(33) {
    -webkit-transform: translateX(-50%) rotate(185.625deg);
    transform: translateX(-50%) rotate(185.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(34) {
    -webkit-transform: translateX(-50%) rotate(191.25deg);
    transform: translateX(-50%) rotate(191.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(35) {
    -webkit-transform: translateX(-50%) rotate(196.875deg);
    transform: translateX(-50%) rotate(196.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(36) {
    -webkit-transform: translateX(-50%) rotate(202.5deg);
    transform: translateX(-50%) rotate(202.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(37) {
    -webkit-transform: translateX(-50%) rotate(208.125deg);
    transform: translateX(-50%) rotate(208.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(38) {
    -webkit-transform: translateX(-50%) rotate(213.75deg);
    transform: translateX(-50%) rotate(213.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(39) {
    -webkit-transform: translateX(-50%) rotate(219.375deg);
    transform: translateX(-50%) rotate(219.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(40) {
    -webkit-transform: translateX(-50%) rotate(225deg);
    transform: translateX(-50%) rotate(225deg);
  }

  .shoot .crazygame__wheel-item:nth-child(41) {
    -webkit-transform: translateX(-50%) rotate(230.625deg);
    transform: translateX(-50%) rotate(230.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(42) {
    -webkit-transform: translateX(-50%) rotate(236.25deg);
    transform: translateX(-50%) rotate(236.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(43) {
    -webkit-transform: translateX(-50%) rotate(241.875deg);
    transform: translateX(-50%) rotate(241.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(44) {
    -webkit-transform: translateX(-50%) rotate(247.5deg);
    transform: translateX(-50%) rotate(247.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(45) {
    -webkit-transform: translateX(-50%) rotate(253.125deg);
    transform: translateX(-50%) rotate(253.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(46) {
    -webkit-transform: translateX(-50%) rotate(258.75deg);
    transform: translateX(-50%) rotate(258.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(47) {
    -webkit-transform: translateX(-50%) rotate(264.375deg);
    transform: translateX(-50%) rotate(264.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(48) {
    -webkit-transform: translateX(-50%) rotate(270deg);
    transform: translateX(-50%) rotate(270deg);
  }

  .shoot .crazygame__wheel-item:nth-child(49) {
    -webkit-transform: translateX(-50%) rotate(275.625deg);
    transform: translateX(-50%) rotate(275.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(50) {
    -webkit-transform: translateX(-50%) rotate(281.25deg);
    transform: translateX(-50%) rotate(281.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(51) {
    -webkit-transform: translateX(-50%) rotate(286.875deg);
    transform: translateX(-50%) rotate(286.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(52) {
    -webkit-transform: translateX(-50%) rotate(292.5deg);
    transform: translateX(-50%) rotate(292.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(53) {
    -webkit-transform: translateX(-50%) rotate(298.125deg);
    transform: translateX(-50%) rotate(298.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(54) {
    -webkit-transform: translateX(-50%) rotate(303.75deg);
    transform: translateX(-50%) rotate(303.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(55) {
    -webkit-transform: translateX(-50%) rotate(309.375deg);
    transform: translateX(-50%) rotate(309.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(56) {
    -webkit-transform: translateX(-50%) rotate(315deg);
    transform: translateX(-50%) rotate(315deg);
  }

  .shoot .crazygame__wheel-item:nth-child(57) {
    -webkit-transform: translateX(-50%) rotate(320.625deg);
    transform: translateX(-50%) rotate(320.625deg);
  }

  .shoot .crazygame__wheel-item:nth-child(58) {
    -webkit-transform: translateX(-50%) rotate(326.25deg);
    transform: translateX(-50%) rotate(326.25deg);
  }

  .shoot .crazygame__wheel-item:nth-child(59) {
    -webkit-transform: translateX(-50%) rotate(331.875deg);
    transform: translateX(-50%) rotate(331.875deg);
  }

  .shoot .crazygame__wheel-item:nth-child(60) {
    -webkit-transform: translateX(-50%) rotate(337.5deg);
    transform: translateX(-50%) rotate(337.5deg);
  }

  .shoot .crazygame__wheel-item:nth-child(61) {
    -webkit-transform: translateX(-50%) rotate(343.125deg);
    transform: translateX(-50%) rotate(343.125deg);
  }

  .shoot .crazygame__wheel-item:nth-child(62) {
    -webkit-transform: translateX(-50%) rotate(348.75deg);
    transform: translateX(-50%) rotate(348.75deg);
  }

  .shoot .crazygame__wheel-item:nth-child(63) {
    -webkit-transform: translateX(-50%) rotate(354.375deg);
    transform: translateX(-50%) rotate(354.375deg);
  }

  .shoot .crazygame__wheel-item:nth-child(64) {
    -webkit-transform: translateX(-50%) rotate(360deg);
    transform: translateX(-50%) rotate(360deg);
  }

  .shoot .crazygame__wheel-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
  }

  .shoot .crazygame__wheel-item span {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    width: 14px;
    word-break: break-all;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
  }

  .shoot .crazygame__wheel-item.double {
    background: #F36128;
  }

  .shoot .crazygame__wheel-item.double span {
    color: #ffc08b;
  }

  .shoot .crazygame__wheel-item.lightpurple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.02%, #9D4EDF), color-stop(68.23%, #65259B));
    background: linear-gradient(to bottom, #9D4EDF 4.02%, #65259B 68.23%);
  }

  .shoot .crazygame__wheel-item.lightpurple span {
    color: #d7a9ff;
  }

  .shoot .crazygame__wheel-item.blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.77%, #4D4EDF), color-stop(71.57%, #1F207D));
    background: linear-gradient(to bottom, #4D4EDF 14.77%, #1F207D 71.57%);
  }

  .shoot .crazygame__wheel-item.blue span {
    color: #8384ff;
  }

  .shoot .crazygame__wheel-item.lightblue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.01%, #7475F7), color-stop(68.98%, #27279A));
    background: linear-gradient(to bottom, #7475F7 14.01%, #27279A 68.98%);
  }

  .shoot .crazygame__wheel-item.lightblue span {
    color: #b9b9ff;
  }

  .shoot .crazygame__wheel-item.turquoise {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8.87%, #33BCE2), color-stop(71.11%, #0D6178)), #C4C4C4;
    background: linear-gradient(to bottom, #33BCE2 8.87%, #0D6178 71.11%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.turquoise span {
    color: #97e6ff;
  }

  .shoot .crazygame__wheel-item.red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.47%, #E2563A), color-stop(52.26%, #9D2C15));
    background: linear-gradient(to bottom, #E2563A 12.47%, #9D2C15 52.26%);
  }

  .shoot .crazygame__wheel-item.red span {
    color: #ff9382;
  }

  .shoot .crazygame__wheel-item.yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.03%, #FABB33), color-stop(58.73%, #694904)), #C4C4C4;
    background: linear-gradient(to bottom, #FABB33 9.03%, #694904 58.73%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.yellow span {
    color: #ffee9b;
  }

  .shoot .crazygame__wheel-item.lightyellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85.53%, #E1CB38), color-stop(45.54%, #847517)), #C4C4C4;
    background: linear-gradient(to bottom, #E1CB38 85.53%, #847517 45.54%), #C4C4C4;
  }

  .shoot .crazygame__wheel-item.lightyellow span {
    color: #fffb6d;
  }

  .shoot .crazygame__wheel-item.green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.42%, #47C139), color-stop(79.12%, #277E1D));
    background: linear-gradient(to bottom, #47C139 14.42%, #277E1D 79.12%);
  }

  .shoot .crazygame__wheel-item.green span {
    color: #7cff6d;
  }

  .shoot .crazygame__cursor {
    position: absolute;
    width: 652px;
    height: 652px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .shoot .crazygame__cursor img {
    max-height: 50px;
    pointer-events: none;
  }

  .shoot .crazygame__cursor--two {
    -webkit-transform: translate(-48.65%, -50.45%) rotate(-18.875deg);
    transform: translate(-48.65%, -50.45%) rotate(-18.875deg);
  }

  .shoot .crazygame__cursor--three {
    -webkit-transform: translate(-51.45%, -50.45%) rotate(18.875deg);
    transform: translate(-51.45%, -50.45%) rotate(18.875deg);
  }

  .shoot .crazygame__wheel-center {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35%;
    height: 35%;
    background: #32281a;
    overflow: hidden;
    z-index: 2;
  }

  .shoot .crazygame__wheel-center img {
    max-height: 100%;
    pointer-events: none;
  }

  .shoot .crazygame__game-select {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    background: rgba(50, 39, 29, 0);
    border-radius: 50%;
  }

  .shoot .crazygame__game-select h4 {
    text-transform: uppercase;
    color: #fff;
  }

  .shoot .crazygame__game-selects {
    position: relative;
    margin-top: 20px;
    grid-gap: 25px;
  }

  .shoot .crazygame__game-selects a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative;
  }

  .shoot .crazygame__game-selects a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .shoot .crazygame__game-selects a:nth-child(1) {
    background: #4d22f8;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(77,34,248, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(77,34,248, 0.5);
  }

  .shoot .crazygame__game-selects a:nth-child(2) {
    background: #ea191d;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(234,25,29, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(234,25,29, 0.5);
  }

  .shoot .crazygame__game-selects a:nth-child(3) {
    background: #188e1c;
    -webkit-box-shadow: 0px 0px 0em 6px rgba(24,142,28, 0.5);
    box-shadow: 0px 0px 0em 6px rgba(24,142,28, 0.5);
  }

  .shoot .crazygame__center-ellipse {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#bb7c23), to(#ffad39));
    background: linear-gradient(0deg, #bb7c23, #ffad39);
  }

  .shoot .crazygame__center-ellipse-border {
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border-radius: 50%;
    border: solid 4px #b96e04;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .shoot .crazygame__wheel-center-border {
    position: relative;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    border: solid 2px #3c3121;
  }

  .shoot .crazygame__wheel-center-border img {
    max-height: 20px;
  }

  .shoot .pochinko {
    width: 100%;
    position: relative;
    height: 808px;
    border-radius: 20px;
    /*padding: 0px 10px;*/
    background: #31251A;
  }

  .shoot .pochinko:before {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    left: 0;
    top: 35%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #e1cb38;
  }

  .shoot .pochinko:after {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    right: 0;
    top: 35%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #554ed7;
  }

  .shoot .pochinko__lvls {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[16];
    grid-template-columns: repeat(16, 1fr);
    /*padding: 10px 0px;*/
    grid-gap: 3px;
    z-index: 2;
  }
  .shoot .pochinko__lvl{
    justify-content: flex-end!important;

  }
  .shoot .pochinko__lvls:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 20px 20px;
    /*background: #31251a;*/
    z-index: 3;
  }

  .shoot .pochinko__lvl-x {
    position: relative;
    width: 100%;
    padding: 8px 0px;
    z-index: 4;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }

  .shoot .pochinko__lvl-x span {
    font-size: 21px;
    text-transform: uppercase;
    color: transparent;
    background-image: linear-gradient(to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
    -webkit-background-clip: text;

    writing-mode: vertical-lr; 
    text-orientation: upright; 
    font-weight: 900!important;

  }

  .shoot .pochinko__canvas {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .shoot .pochinko__canvas canvas {
    border-radius: 20px;
    transform-origin: left top;
    transform: scale(1.0);
  }

  .shoot__live-drop-cursor--shooting img {
    -webkit-animation: shoot 0.5s ease-out;
    animation: shoot 0.5s ease-out;
    animation-direction: alternate-reverse;
  }

  @-webkit-keyframes shoot {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }

  @keyframes shoot {
    from {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }


  .shoot__live-drop-item--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .shoot__live-drop-item--flipped .shoot__live-drop-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }


  .theme--dark .shoot__bet:before {
    background: url(../images/borders--dark.svg) repeat;
  }

  .x--text{
    position: relative;
    top: -4px;
    left: 2px;
    font-size: 16px!important;
    font-weight: 900!important;
    
  }

  
  .shoot .pochinko__lvl-x span{
    font-size: 16px!important;
  }
  .x--text{
    top: -3px;
    left: 1px;
    font-size: 12px!important;
  }
  

  @media(max-width: 450px){
    .shoot .pochinko__lvl-x span{
      font-size: 11px!important;
    }
    .x--text{
      top: -3px;
      left: 1px;
      font-size: 10px!important;
    }
  }

  .theme--dark .shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, 0.5)), to(rgba(36, 90, 98, 0.5)));
    background: linear-gradient(180deg, rgba(54, 113, 122, 0.5) 0%, rgba(36, 90, 98, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--1x span {
    color: #6090af;
  }

  .theme--dark .shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, 0.5)), to(rgba(128, 97, 61, 0.5)));
    background: linear-gradient(180deg, rgba(172, 141, 105, 0.5) 0%, rgba(128, 97, 61, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--2x span {
    color: #b39d97;
  }

  .theme--dark .shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, 0.5)), to(rgba(88, 63, 68, 0.5)));
    background: linear-gradient(180deg, rgba(124, 93, 99, 0.5) 0%, rgba(88, 63, 68, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--5x span {
    color: #918099;
  }

  .theme--dark .shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, 0.5)), to(rgba(75, 72, 99, 0.5)));
    background: linear-gradient(180deg, rgba(96, 92, 124, 0.5) 0%, rgba(75, 72, 99, 0.5) 100%);
  }

  .theme--dark .shoot__bet-item--10x span {
    color: #7e80b3;
  }


  .theme--dark .tournier__page-t-box {
    background: #1b2030;
  }
  .theme--dark .tournier__page-t-ico {
    color: #212639;
  }
  .theme--dark .tournier__separate {
    background: url(../images/borders--dark.svg) repeat;
  }


  .side-a {
    /*z-index: 100;*/
    background-size: cover;
    background-image:url(../images/games/coin/coin--orel.png);

  }
  .side-b {
    -webkit-transform: rotateZ(180deg) rotateY(-180deg);
    background-size: cover;
    background-image:url(../images/games/coin/coin--reshka.png);

  }

  .coinflip__wrapper div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-backface-visibility: hidden;
  }


  .coinflip__wrapper {
    transition: -webkit-transform 1s ease-in;
    -webkit-transform-style: preserve-3d;
  }

  .animated.flip_1 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip_tale;
    animation-name: flip_tale
  }
  .animated.flip_2 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
  } 
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(180deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }


  @-webkit-keyframes flip_tale {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }

  @keyframes flip_tale {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(50px) rotateX(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateX(360deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }
  }


  .cap_new{
   width: 64px;
   opacity: 1; 
   position: absolute;
   left: -3px;
   top: -9px;
 }


 .wallet__history-status{
  padding: 5px 7px;
  background: transparent;
  border-radius: 8px;
}

.wallet__history-status.warning{
  background: #e3b448;
  color: #000;
}

.wallet__history-status.success{
  background: #69df69;
  color: #000;
}

.wallet__history-status.error{
 background: #ed4e4e;
 color: #fff;
}


.newTimerBlock{
  background: #F2DEA7;
  border: solid 4px #F7AF69;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 25px;
  position: relative;
}


.newTimerText{
  margin: 5px;
  text-transform: uppercase;
  font-weight: 900;
  color: #433614;
  font-size: 16px;
}



.imgNewTimer{
  position: absolute;
  top: 20px;
  right: 50px;
  width: 100px;
}

.newTimerBlock .chat__promocode-img{
  right: -20px;
  transform: rotateY(180deg);
  left: auto;
}

.tournier__link {
  position: relative;
  width: 100%;
  margin-bottom: 18px;
  min-height: 65px;
  border-radius: 20px;
  padding: 0px 23px;
  background: #171b28;
  border-left: solid 2px rgb(23 27 40);
  overflow: hidden;
}

.tournier__link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15%;
  height: 2px;
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(252, 93, 54, 0.3)), to(transparent)); */
  /* background: linear-gradient(to right, rgba(252, 93, 54, 0.3), transparent); */
}

.tournier__link:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15%;
  height: 2px;
  /* background: -webkit-gradient(linear, left top, right top, from(rgba(252, 93, 54, 0.3)), to(transparent)); */
  /* background: linear-gradient(to right, rgba(252, 93, 54, 0.3), transparent); */
}

.tournier__link .icon {
  color: #f2ad44;
  margin-right: 8px;
  pointer-events: none;
}

.tournier__link b {
  color: #ffffff;
  pointer-events: none;
}

.tournier__link span {
  font-size: 12px;
  color: #6c7da6;
  font-weight: 500;
  pointer-events: none;
}

.boomcity__main{
  background: #F3F4F8;
  border-radius: 20px;
  padding: 24px;
  width: calc(60% - 10px);
}

.boomcity__betblock{
  width: calc(40% - 10px);
}

.boomcity__grid{
  margin: 0 auto;
  width: 496px !important;

}

.boomcity__path .boomcity__path-item {
  width: calc(496px / 8 - 6px);
  height: calc(496px / 8 - 6px);
  margin-bottom: 6px;
  border-radius: 6px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boomcity__path-item.dice{
  background: transparent;
}
.boomcity__path-item.dice:nth-child(1), .boomcity__path-item.dice:nth-child(8), .boomcity__path-item.dice:nth-child(57), .boomcity__path-item.dice:nth-child(64){
  opacity: 0;
}

.boomcity__path-item.dice .icon{
  background: #565656;
  color: #ffdc6d;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  border-radius: 5px;
}

.boomcity__path-item.wait{
  color: #5b5d60;
  background: radial-gradient(#81777a 0%, #c5c5c5 104.75%);
}

.theme--dark .boomcity__main {
  background: #20273a;
}

.boomcity__grid{
  position: relative;
}

.boomcity__timer{
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 35px;
  transform: translate(-50%, -50%);
}

.boomcity__timer .x30__timer{
  position: relative;
}

.boomcity__timer .x30__timer:before{
  top: -30px;
}

.boomcity__bets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.boomcity__bet, .boomcity__bet-info{
  margin-bottom: 0px;
}

.boomcity__bet-info {
  padding: 20px 22px;
  border-radius: 0px 0px 15px 15px;
  background: #F3F4F8;
  color: #475A89;
  font-weight: 500;
  margin-bottom: 0px;
}

.boomcity__bet-heading {
  border-radius: 15px 15px 0px 0px;
  padding: 16px 22px;
  cursor: pointer;
}

.boomcity__bet-heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  pointer-events: none;
}

.boomcity__bet-heading img {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.boomcity__bet-heading:before {
  -webkit-filter: blur(10rem);
  filter: blur(10rem);
}

.boomcity__bet-heading.x1 {
  background: linear-gradient(263.88deg, #e59d6d 0%, #bd5719 104.75%);
}

.boomcity__bet-heading.x2 {
  background: linear-gradient(263.88deg, #bdabab 0%, #786569 104.75%);
}

.boomcity__bet-heading.x5 {
  background: linear-gradient(263.88deg, #e9c895 0%, #ce8e20 104.75%);
}

.boomcity__bet-heading.dice_battle {
  background: linear-gradient(263.88deg, #585ae3 0%, #2533b8 104.75%);
}

.boomcity__bet-heading.lucky_drop {
  background: linear-gradient(263.88deg, #9e19ca 0%, #7606a8 104.75%);
}

.boomcity__bet-heading.boom_or_bust {
  background: linear-gradient(263.88deg, #e02da2 0%, #bd0867 104.75%);
}

.theme--dark .boomcity__bet-info {
  background: #20273a;
}

.diceBlock{
  position: relative;
  height: 100px;
  width: 100%;
}
.diceBoom {
  position: absolute;
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  transform-style: preserve-3d;
  transform: rotate3d(0, 0.9, 0.9, 90deg);
  transition: 0.5s cubic-bezier(0.42, 1.57, 0.62, 0.86);
}
.diceBoom.rolling {
  animation: rotatePerFace 3s cubic-bezier(0.42, 1.57, 0.62, 0.86) infinite;
}
.diceBoom.throw {
  animation: rotateDice 0.7s ease-in reverse, throwDice 1s linear;
}
.diceBoom .diceFace {
  box-sizing: border-box;
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #f6f3f0;
  border: 2px solid white;
  border-radius: 20px;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.diceBoom .diceFace::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 20px;
  transform: translateZ(-1px);
}
.diceBoom .diceFace::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background-color: #131210;
  border-radius: 100%;
  transform: translateZ(1px);
}
.diceBoom .front {
  transform: translateZ(50px);
}
.diceBoom .front::after {
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-color: #131210;
}
.diceBoom .up {
  transform: rotateX(90deg) translateZ(50px);
}
.diceBoom .up::after {
  margin: -30px 0 0 -30px;
  box-shadow: 40px 40px #131210;
}
.diceBoom .left {
  transform: rotateY(-90deg) translateZ(50px);
}
.diceBoom .left::after {
  margin: -40px 0 0 -40px;
  box-shadow: 30px 30px #131210, 60px 60px #131210;
}
.diceBoom .right {
  transform: rotateY(90deg) translateZ(50px);
}
.diceBoom .right::after {
  margin: -30px 0 0 -30px;
  background-color: #131210;
  box-shadow: 40px 0px #131210, 0px 40px #131210, 40px 40px #131210;
}
.diceBoom .bottom {
  transform: rotateX(-90deg) translateZ(50px);
}
.diceBoom .bottom::after {
  margin: -36px 0 0 -36px;
  box-shadow: 26px 26px #131210, 52px 52px #131210, 52px 0px #131210, 0px 52px #131210;
}
.diceBoom .back {
  transform: rotateX(180deg) translateZ(50px);
}
.diceBoom .back::after {
  margin: -40px 0 0 -30px;
  box-shadow: 40px 0px #131210, 0px 30px #131210, 40px 30px #131210, 0px 60px #131210, 40px 60px #131210;
}

.diceWrap {
  position: absolute;
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  transform: scale(0.5);
}
.diceWrap::before {
  position: absolute;
  content: "";
  width: 70%;
  height: 10%;
  top: 90%;
  left: 15%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  filter: blur(10px);
}

@keyframes rotateDice {
  30% {
    transform: rotate3d(1, 1, 1, 0deg);
  }
  100% {
    transform: rotate3d(1, 1, 1, 720deg);
  }
}
@keyframes rotatePerFace {
  16% {
    transform: rotate3d(-0.1, 0.6, -0.4, 180deg);
  }
  32% {
    transform: rotate3d(-0.85, -0.42, 0.73, 180deg);
  }
  48% {
    transform: rotate3d(-0.8, 0.3, -0.75, 180deg);
  }
  64% {
    transform: rotate3d(0.3, 0.45, 0.9, 180deg);
  }
  80% {
    transform: rotate3d(-0.16, 0.6, 0.18, 180deg);
  }
  100% {
    transform: rotate3d(-0.1, 0.3, -1, 180deg);
  }
}
@keyframes throwDice {
  20% {
    margin-top: -100px;
  }
  40% {
    margin-top: 0px;
  }
  60% {
    margin-top: -30px;
  }
  80% {
    margin-top: 0px;
  }
  85% {
    margin-top: -10px;
  }
  90% {
    margin-top: 0px;
  }
  95% {
    margin-top: -3px;
  }
  100% {
    margin-top: 0px;
  }
}


.controller {
  position: absolute;
  width: 200px;
  padding: 20px;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  line-height: 40px;
}

.coinBetBlock{
  margin-top: 15px;
  padding-top: 15px;
  position: relative;
}

.betBlock{
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: #20273a;
}

.coinBet{
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #20273a;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.icon_coin{
  width: 50px;
  height: 50px;
  fill: #475A89;
}

.CoinsBtnDream {
  border-radius: 50%;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 0 0 2px transparent;
  background: url(/images/circle_c.svg) 0 0/cover no-repeat #828f9a;
  outline: none;
  border: 0;
  height: 50px;
  width: 50px;
  -webkit-transition: .1s ease-out;
  transition: .1s ease-out;
  position: relative;
  opacity: .9;

}
@media(max-width: 480px){
  .CoinsBtnDream {
    height: 35px;
    width: 35px;

  }
}
.CoinsBtnDream:hover {
  transform: translateY(-5px);
  transition: .3s;
}
.CoinsBtnDream span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-shadow: 0 0 5px rgba(0,0,0,.45);
  cursor: pointer;
}

.Coins_active-:before {
  content: "";
  display: block;
  box-shadow: 0 0 0 3px #fff;
  height: calc(100% + 2px);
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
} 

.coinBet .CoinsBtnDream{
  position: absolute;
  top: 0;
  left: 0;
}

.coinBet .CoinsBtnDream:hover {
  transform: translateY(0px);
  opacity: 0.8;
}

.icon_arrow{
  width: 50px;
  height: 50px;
  fill: #9EABCD;
}

.betBlock button{
  /*background: red;*/
}

.arrow_left{
  transform: rotate(180deg);
}

@media(max-width: 520px){
  .header__user-balance-add{
    display: none;
  }

  .header__user,
  .header__user-balance {
    min-width: 0;
  }

  .header__user-b {
    max-width: 132px;
    margin-right: 6px !important;
  }

  .header__user-b span {
    font-size: 12px;
  }

  .header__user-b .icon {
    width: 15px;
    height: 15px;
    margin-left: 6px;
  }

  .popup__tab {
      position: relative;
      padding: 11px 15px;
      border-radius: 12px;
  }

  .popup__tab .icon {
      width: 0px;
      height: 14px;
      margin-right: 0px;
      opacity: 0;
      pointer-events: none;
  }

  .popup__tab--active .icon {
      width: 14px;
      opacity: 1;
      margin-right: 6px;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      color: #397ae6;
  }

  .popup__title span {
      font-size: 10px !important;
  }

  html, body {
      height: 100% !important;
  }

  .overlayed {
    
    padding: 0px 10px;
}
}

.mobile-menu__links .icon {
    fill: #46537B!important;
    width: 40px;
    height: 40px;
}

.mobile-menu__links .active .icon {
    fill: #0057FF!important;
    width: 40px;
    height: 40px;
}

.chat__msg-message.mess span{
  overflow-wrap: break-word;  /* не поддерживает IE, Firefox; является копией word-wrap */ 
  word-wrap: break-word;
}

.boomcity__bets{
  position: relative;
}

.boomcity__play .boomcity__bet{
  filter: blur(2px);
}

.diceBlocks{
  position: absolute;
  width: 100%;
  height: 100%;
}

.diceBlock{
  top: 50%;
  transform: translateY(-50%);
}

.promocodeInput{
  width: calc(100% - 151px - 10px);
}

.promocodeInputBtn{
  width: 151px;
  height: 55px
}

@media(max-width: 450px){
  .promocodeInputBlock{
    display: block;
  }
  .promocodeInput{
    width: 100%;
  }
  .promocodeInputBtn{
    margin-top: 10px;
    width: 100%;
  }
}

.fullInputWidth{

    width: calc(100% - 10px)!important;
}

.wallet__history{
  max-height: 350px;
    overflow: auto;
}

.bonus__hits-items{
  max-width: 700px;
  margin: 0 auto;
}

@media(max-width: 475px){
  .toast-top-right{
    margin-top: 60px!important;
  }
  .bonus__buttons{
    width: 100%;
  }
  .bonus__buttons a{
    width: 100%;
    justify-content: center;
  }
}

.wallet__history::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}
.wallet__history::-webkit-scrollbar-track {
  background: #1b2030;        /* цвет дорожки */
}
.wallet__history::-webkit-scrollbar-thumb {
  background-color: #213875;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #1b2030;  /* padding вокруг плашки */
}


.auth_blocks{ 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

/* .auth_block{
  height: 100px;
  border-radius: 10px;
  background: red;
  padding: auto;
}

.auth_block .icon{
  margin: auto;
  display: block;
  position: relative;
  top:50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
}  */
input#wheel_input {
    color: #fff !important;
    font-size: 16px;
}
.x30__bet-placed.d-flex.align-center.justify-space-between a {
    background: #283048;
    height: 33px;
    padding: 0px 10px;
    border-radius: 9px;
    width: 100%;
    height: 40px;
}
.x30__bet-placed.d-flex.align-center.justify-space-between {
}

.x30__bet-placed.d-flex.align-center.justify-space-between a:hover {
    color: #fff !important;
    background: #353c58 !important;
}
.bx-input__input.d-flex.align-center.justify-space-between {
    margin-bottom: 10px;
}
.history__sum.d-flex.align-center.justify-center {
    color: #f2ad44;
}
.chat__send.d-flex.align-center.justify-space-between {
    background: #20273b;
}
input#sumBetX100 {
    font-size: 16px !important;
    color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7486b7;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7486b7;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #7486b7;
}
.ss-content {
    width: auto !important;
}
.x30__bet-placed.d-flex.align-center.justify-space-between.payments {
    margin-bottom: 20px;
}
.pd10-20 {
    padding: 10px 20px !important;
}
.deposit-choice-title {
  margin: 0 0 10px;
  color: rgba(255,255,255,.58);
  font-size: 12px;
  font-weight: 700;
}

.deposit-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.deposit-choice {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(120, 149, 210, .18);
  border-radius: 8px;
  background: rgba(28, 37, 62, .78);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.deposit-choice:hover,
.deposit-choice--active {
  border-color: rgba(59, 130, 246, .9);
  background: rgba(59, 130, 246, .22);
}

.deposit-choice:active {
  transform: scale(.985);
}

.deposit-choice img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex: 0 0 28px;
  object-fit: contain;
}

.deposit-choice span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.deposit-method-fields {
  width: 100%;
}

.deposit-method-fields select {
  min-height: 50px;
  border: 0;
  border-radius: 12px;
  background: #252e49;
  color: #fff;
  padding: 0 14px;
  font-weight: 700;
  outline: 0;
}

.deposit-bank-picker {
  position: relative;
  width: 100%;
}

.bx-input__input.deposit-bank-picker {
  min-height: 55px;
  margin-bottom: 10px;
}

.popup .bx-input__input input#sumDep,
.popup .bx-input__input input#senderPhoneDep,
.popup .bx-input__input input#senderCardDep,
.popup .bx-input__input input#senderCryptoWalletDep,
.popup .bx-input__input input#promoDep,
.deposit-bank-picker__toggle,
.deposit-crypto-picker__toggle {
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: normal;
}

.deposit-bank-picker__toggle {
  width: 100%;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(120, 135, 174, 0.5);
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.deposit-bank-picker__toggle-icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  flex: 0 0 28px;
  border-radius: 9px;
  background: rgba(235, 236, 242, 0.08);
  object-fit: contain;
}

.deposit-bank-picker__toggle.is-selected {
  color: #7987AE;
  text-transform: none;
}

.deposit-bank-picker__toggle span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deposit-bank-picker__toggle i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  margin-left: auto;
  border-right: 2px solid #7987AE;
  border-bottom: 2px solid #7987AE;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}

.deposit-bank-picker.is-open .deposit-bank-picker__toggle i {
  transform: rotate(225deg) translateY(-2px);
}

.deposit-bank-picker__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(121, 148, 205, .12);
  border-radius: 15px;
  background: #202638;
  box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.deposit-bank-picker__search-wrap {
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  border-radius: 15px;
  background: #252d42;
}

.deposit-bank-picker__search-icon {
  position: static;
  width: 17px;
  height: 17px;
  color: rgba(120, 135, 174, 0.5);
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.deposit-bank-picker__search {
  min-width: 0;
  width: auto;
  flex: 1 1 auto;
  height: 55px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7987AE;
  padding: 0;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  outline: 0;
}

.popup .deposit-bank-picker__search-wrap .deposit-bank-picker__search {
  width: auto;
  height: 55px;
  color: #7987AE;
  padding: 0;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
}

.deposit-bank-picker__search::-webkit-input-placeholder {
  color: rgba(120, 135, 174, 0.5);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.deposit-bank-picker__search::placeholder {
  color: rgba(120, 135, 174, 0.5);
}

.deposit-bank-picker__search:focus::-webkit-input-placeholder {
  opacity: 0;
}

.deposit-bank-picker__search:focus::placeholder {
  opacity: 0;
}

.deposit-bank-picker__grid {
  max-height: 248px;
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.deposit-bank-picker__option {
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 0;
  border-radius: 15px;
  background: #252d42;
  color: rgba(120, 135, 174, 0.5);
  padding: 10px 14px;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: 1.15;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  cursor: pointer;
}

.deposit-bank-picker__option img {
  width: 28px;
  height: 28px;
  padding: 4px;
  flex: 0 0 28px;
  border-radius: 9px;
  background: rgba(235, 236, 242, 0.08);
  object-fit: contain;
}

.deposit-bank-picker__option span {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: inherit;
}

.deposit-bank-picker__option:hover,
.deposit-bank-picker__option.is-active {
  background: #3b7ee6;
  color: #fff;
}

.deposit-bank-picker__option:hover span,
.deposit-bank-picker__option.is-active span {
  color: #fff;
}

.deposit-bank-picker__option--support {
  grid-column: 1 / -1;
  justify-content: center;
  text-align: center;
}

.theme--dark .deposit-bank-picker__toggle {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-bank-picker__toggle.is-selected {
  color: #7486b7;
}

.theme--dark .deposit-bank-picker__panel {
  border-color: rgba(121, 148, 205, .12);
  background: #202638;
  box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.theme--dark .deposit-bank-picker__search-wrap,
.theme--dark .deposit-bank-picker__option {
  background: #252d42;
}

.theme--dark .deposit-bank-picker__search,
.theme--dark .deposit-bank-picker__option {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-bank-picker__search-icon {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-bank-picker__search::-webkit-input-placeholder {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-bank-picker__search::placeholder {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-bank-picker__option:hover,
.theme--dark .deposit-bank-picker__option.is-active {
  background: #3b7ee6;
  color: #fff;
}

.theme--dark .deposit-bank-picker__option:hover span,
.theme--dark .deposit-bank-picker__option.is-active span {
  color: #fff;
}

.deposit-crypto-picker {
  position: relative;
  width: 100%;
}

.bx-input__input.deposit-crypto-picker {
  min-height: 55px;
  margin-bottom: 10px;
}

.deposit-crypto-picker__toggle {
  width: 100%;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(120, 135, 174, 0.5);
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

.deposit-crypto-picker__toggle.is-selected {
  color: #7987AE;
  text-transform: none;
}

.deposit-crypto-picker__toggle-icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  flex: 0 0 28px;
  border-radius: 9px;
  background: rgba(235, 236, 242, 0.08);
  object-fit: contain;
}

.deposit-crypto-picker__toggle span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deposit-crypto-picker__toggle i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  margin-left: auto;
  border-right: 2px solid #7987AE;
  border-bottom: 2px solid #7987AE;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}

.deposit-crypto-picker.is-open .deposit-crypto-picker__toggle i {
  transform: rotate(225deg) translateY(-2px);
}

.deposit-crypto-picker__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(121, 148, 205, .12);
  border-radius: 15px;
  background: #202638;
  box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.deposit-crypto-picker__search-wrap {
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  border-radius: 15px;
  background: #252d42;
}

.deposit-crypto-picker__search-icon {
  position: static;
  width: 17px;
  height: 17px;
  color: rgba(120, 135, 174, 0.5);
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.deposit-crypto-picker__search {
  min-width: 0;
  width: auto;
  flex: 1 1 auto;
  height: 55px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7987AE;
  padding: 0;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  outline: 0;
}

.popup .deposit-crypto-picker__search-wrap .deposit-crypto-picker__search {
  width: auto;
  height: 55px;
  color: #7987AE;
  padding: 0;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
}

.deposit-crypto-picker__search::-webkit-input-placeholder {
  color: rgba(120, 135, 174, 0.5);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.deposit-crypto-picker__search::placeholder {
  color: rgba(120, 135, 174, 0.5);
}

.deposit-crypto-picker__search:focus::-webkit-input-placeholder {
  opacity: 0;
}

.deposit-crypto-picker__search:focus::placeholder {
  opacity: 0;
}

.deposit-crypto-picker__grid {
  max-height: 248px;
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.deposit-crypto-picker__option {
  min-height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  border: 0;
  border-radius: 15px;
  background: #252d42;
  color: rgba(120, 135, 174, 0.5);
  padding: 10px 14px;
  font-family: inherit;
  font-size: 13.3333px;
  font-weight: 500;
  line-height: 1.15;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  cursor: pointer;
}

.deposit-crypto-picker__option--coin,
.withdraw-crypto-picker__option--coin {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 10px;
}

.deposit-crypto-picker__option--coin img,
.withdraw-crypto-picker__option--coin img {
  width: 28px;
  height: 28px;
  padding: 4px;
  flex: 0 0 28px;
  border-radius: 9px;
  background: rgba(235, 236, 242, 0.08);
  object-fit: contain;
}

.deposit-crypto-picker__option span,
.deposit-crypto-picker__option small {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.deposit-crypto-picker__option-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.deposit-crypto-picker__option-text > span {
  color: inherit;
}

.deposit-crypto-picker__option small {
  color: rgba(120, 135, 174, 0.38);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none;
}

.deposit-crypto-picker__option:hover,
.deposit-crypto-picker__option.is-active {
  background: #3b7ee6;
  color: #fff;
}

.deposit-crypto-picker__option--coin:hover .deposit-crypto-picker__option-text > span,
.deposit-crypto-picker__option--coin.is-active .deposit-crypto-picker__option-text > span,
.withdraw-crypto-picker__option--coin:hover .deposit-crypto-picker__option-text > span,
.withdraw-crypto-picker__option--coin.is-active .deposit-crypto-picker__option-text > span,
.deposit-crypto-picker__option--network:hover span,
.deposit-crypto-picker__option--network.is-active span,
.withdraw-crypto-picker__option--network:hover span,
.withdraw-crypto-picker__option--network.is-active span {
  color: #fff;
}

.deposit-crypto-picker__option--coin:hover small,
.deposit-crypto-picker__option--coin.is-active small,
.withdraw-crypto-picker__option--coin:hover small,
.withdraw-crypto-picker__option--coin.is-active small {
  color: rgba(255, 255, 255, .72);
}

.theme--dark .deposit-crypto-picker__toggle {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-crypto-picker__toggle.is-selected {
  color: #7486b7;
}

.theme--dark .deposit-crypto-picker__panel {
  border-color: rgba(121, 148, 205, .12);
  background: #202638;
  box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.theme--dark .deposit-crypto-picker__search-wrap,
.theme--dark .deposit-crypto-picker__option {
  background: #252d42;
}

.theme--dark .deposit-crypto-picker__search,
.theme--dark .deposit-crypto-picker__option {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-crypto-picker__search-icon {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-crypto-picker__search::-webkit-input-placeholder {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-crypto-picker__search::placeholder {
  color: rgba(116, 134, 183, 0.5);
}

.theme--dark .deposit-crypto-picker__option:hover,
.theme--dark .deposit-crypto-picker__option.is-active {
  background: #3b7ee6;
  color: #fff;
}

.theme--dark .deposit-crypto-picker__option--coin:hover .deposit-crypto-picker__option-text > span,
.theme--dark .deposit-crypto-picker__option--coin.is-active .deposit-crypto-picker__option-text > span,
.theme--dark .withdraw-crypto-picker__option--coin:hover .deposit-crypto-picker__option-text > span,
.theme--dark .withdraw-crypto-picker__option--coin.is-active .deposit-crypto-picker__option-text > span,
.theme--dark .deposit-crypto-picker__option--network:hover span,
.theme--dark .deposit-crypto-picker__option--network.is-active span,
.theme--dark .withdraw-crypto-picker__option--network:hover span,
.theme--dark .withdraw-crypto-picker__option--network.is-active span {
  color: #fff;
}

.theme--dark .deposit-crypto-picker__option--coin:hover small,
.theme--dark .deposit-crypto-picker__option--coin.is-active small,
.theme--dark .withdraw-crypto-picker__option--coin:hover small,
.theme--dark .withdraw-crypto-picker__option--coin.is-active small {
  color: rgba(255, 255, 255, .72);
}

.wallet__history-item--clickable {
  cursor: pointer;
}

.popup--refill {
  width: 600px !important;
  max-width: calc(100vw - 24px);
}

.popup--refill:not(.active) {
  display: none !important;
  visibility: hidden !important;
}

.popup--refill.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 10050 !important;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  animation: none !important;
  -webkit-animation: none !important;
}

.popup--refill .popup__content {
  overflow: visible;
}

.refill-proof {
  display: grid;
  gap: 10px;
}

.refill-loading {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 13px;
  background: rgba(37, 46, 73, .82);
}

.refill-loading b {
  color: #fff;
  font-size: 17px;
  font-weight: 800;
}

.refill-loading__bar {
  height: 10px;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(121, 148, 205, .22);
}

.refill-loading__bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #3b7ee6;
  transition: width .12s linear;
}

.refill-proof-details {
  display: grid;
  gap: 10px;
}

.refill-proof-heading {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  padding: 4px 2px;
}

.refill-proof-row {
  min-height: 56px;
  display: grid;
  grid-template-columns: minmax(82px, 34%) minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(37, 46, 73, .82);
}

.refill-proof-row--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.refill-proof-row--split > div {
  min-width: 0;
}

.refill-proof-row--split span {
  display: block;
  margin-bottom: 6px;
  color: #7080b1;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}

.refill-proof-row > span {
  color: #7080b1;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}

.refill-proof-value {
  min-width: 0;
  border: 0;
  background: transparent;
  color: #a9b8df;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  overflow-wrap: anywhere;
}

button.refill-proof-value {
  cursor: pointer;
}

.refill-proof-copy {
  width: 44px;
  min-width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 12px;
  background: #3b7ee6;
  color: #fff;
  cursor: pointer;
}

.refill-proof-copy .icon {
  width: 18px;
  height: 18px;
}

.refill-proof-row__tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content;
}

.refill-proof-qr-button {
  height: 44px;
  min-width: 86px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(59, 126, 230, .58);
  border-radius: 12px;
  background: rgba(59, 126, 230, .18);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.refill-proof-qr-button.is-active {
  border-color: transparent;
  background: #3b7ee6;
}

.refill-proof-qr {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 13px;
  background: rgba(12, 19, 36, .82);
  border: 1px solid rgba(55, 127, 229, .24);
}

.refill-proof-qr__card {
  width: min(280px, 100%);
  min-height: 0;
  margin: 0 auto;
  display: grid;
  place-items: center;
  padding: 12px;
  border-radius: 16px;
  background: rgba(20, 27, 48, .58);
}

.refill-proof-qr__card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  background: #fff;
  object-fit: contain;
}

.refill-proof-row--file {
  grid-template-columns: minmax(82px, 34%) minmax(0, 1fr);
}

.refill-file-picker {
  min-width: 0;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px dashed rgba(121, 148, 205, .42);
  border-radius: 10px;
  background: rgba(20, 27, 48, .58);
  color: #a9b8df !important;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  overflow: hidden;
}

.refill-file-picker input {
  display: none;
}

.refill-file-picker b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.refill-proof .btn#check_pay {
  width: 100%;
  min-height: 48px;
  border-radius: 10px;
}

.refill-proof-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.refill-proof-actions .btn {
  min-height: 48px;
  justify-content: center;
  border-radius: 10px;
}

.refill-proof-note {
  margin: 0;
  color: #6374ad;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.65;
}

@media (max-width: 420px) {
  .refill-proof-row {
    grid-template-columns: 1fr;
  }

  .refill-proof-row--split,
  .refill-proof-actions {
    grid-template-columns: 1fr;
  }

  .refill-proof-qr {
    justify-items: center;
  }

  .refill-proof-qr__card {
    width: 100%;
  }

}
.popup--support {
    width: 430px;
    max-width: calc(100vw - 24px);
}

.support-link {
    position: relative;
}

.support-unread-badge {
    position: absolute;
    left: 18px;
    top: 4px;
    z-index: 4;
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ff385c;
    color: #fff;
    border: 2px solid #171f33;
    box-shadow: 0 6px 16px rgba(255, 56, 92, .32);
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    pointer-events: none;
    transform: translate(30%, -45%);
}

.support-unread-badge.is-visible {
    display: inline-flex;
}

.header__links .support-link {
    overflow: visible;
}

.header__links .support-link .support-unread-badge {
    left: 17px;
    top: 2px;
    transform: none;
}

.header__links .support-link .support-unread-badge.is-visible {
    display: inline-flex;
}

.support-chat {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.support-chat__top {
    background: #20283d;
    border-radius: 12px;
    padding: 14px 16px;
    color: #fff;
}

.support-chat__top b {
    display: block;
    font-size: 15px;
    line-height: 1.2;
}

.support-chat__top span {
    display: block;
    color: #8192c2;
    font-size: 13px;
    margin-top: 4px;
}

.support-chat__top i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #35d47a;
    box-shadow: 0 0 14px rgba(53, 212, 122, .75);
}

.support-chat__log {
    min-height: 310px;
    max-height: 380px;
    overflow-y: auto;
    padding: 4px 4px 4px 0;
}

.support-chat__empty {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #8192c2;
    font-weight: 600;
    padding: 20px;
}

.support-chat__closed {
    margin: 14px auto 4px;
    max-width: 86%;
    border-radius: 12px;
    background: rgba(244, 106, 106, .14);
    border: 1px solid rgba(244, 106, 106, .35);
    color: #ffb6b6;
    text-align: center;
    padding: 11px 14px;
    font-weight: 700;
    line-height: 1.35;
}

.support-chat--closed .support-chat__composer {
    opacity: .58;
}

.support-chat--closed .support-chat__file,
.support-chat--closed .support-chat__composer button {
    cursor: not-allowed;
}

.support-chat__message {
    display: flex;
    margin: 0 0 10px;
}

.support-chat__message--own {
    justify-content: flex-end;
}

.support-chat__bubble {
    max-width: 82%;
    background: #20283d;
    border-radius: 14px;
    padding: 11px 13px;
    color: #dce6ff;
    word-break: break-word;
}

.support-chat__message--own .support-chat__bubble {
    background: #3478e5;
    color: #fff;
}

.support-chat__bubble p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    white-space: pre-wrap;
}

.support-chat__bubble span {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: rgba(255,255,255,.58);
}

.support-chat__image {
    display: block;
    margin-top: 8px;
}

.support-chat__image img,
.support-chat__preview img {
    display: block;
    max-width: 170px;
    max-height: 130px;
    border-radius: 10px;
    object-fit: cover;
}

.support-chat__preview {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #20283d;
    border-radius: 12px;
    padding: 10px;
}

.support-chat__preview button {
    border: 0;
    border-radius: 10px;
    background: #2c3652;
    color: #fff;
    height: 38px;
    padding: 0 14px;
    font-weight: 700;
    cursor: pointer;
}

.support-chat__composer {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 8px;
}

.support-chat__file,
.support-chat__composer input,
.support-chat__composer textarea,
.support-chat__composer button {
    height: 46px;
    border-radius: 12px;
}

.support-chat__file {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #20283d;
    cursor: pointer;
}

.support-chat__file input {
    display: none;
}

.support-chat__file .icon {
    width: 18px;
    height: 18px;
    fill: #82a5ed;
}

.support-chat__composer input,
.support-chat__composer textarea {
    min-width: 0;
    border: 0;
    background: #20283d;
    color: #fff;
    font-weight: 600;
    height: 46px;
    box-sizing: border-box;
}

.support-chat__composer input {
    padding: 0 14px;
    overflow-x: auto;
    white-space: nowrap;
    text-overflow: clip;
}

.support-chat__composer textarea {
    padding: 12px 14px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 20px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.support-chat__composer button {
    height: 46px;
    border: 0;
    background: #3478e5;
    color: #fff;
    padding: 0 16px;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 475px) {
    .support-chat__composer {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .support-chat__composer button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.wallet--refill .wallet__methods .wallet__method {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 72px;
    padding: 12px;
}

.wallet--refill .wallet__methods .wallet__method img {
    flex: 0 0 24px;
    margin-right: 10px;
    display: block;
    border-radius: 9px;
    overflow: hidden;
    object-fit: contain;
}

.wallet--refill .wallet__methods .wallet__method[data-method-type="card"] img,
.wallet--refill .wallet__methods .wallet__method[data-method-type="one_click"] img,
.wallet--refill .wallet__methods .wallet__method[data-method-type="crypto"] img {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    margin-right: 9px;
    border-radius: 11px;
}

.wallet--refill .wallet__methods .wallet__method[data-method-type="card"] img,
.wallet--refill .wallet__methods .wallet__method[data-method-type="one_click"] img {
    border-radius: 0;
    overflow: visible;
}

.wallet--refill .wallet__methods .wallet__method > div {
    min-width: 0;
    flex: 1 1 auto;
}

.wallet--refill .wallet__methods .wallet__method span {
    display: block;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.12;
}

.wallet--refill .wallet__methods .wallet__method[data-method-type="card"] span,
.wallet--refill .wallet__methods .wallet__method[data-method-type="one_click"] span,
.wallet--refill .wallet__methods .wallet__method[data-method-type="crypto"] span {
    font-size: 15px;
}

.wallet--refill .wallet__methods .wallet__method[data-method-type="crypto"] span {
    font-size: 14px;
}

.wallet--refill .wallet__methods .wallet__method b {
    white-space: nowrap;
}

.wallet--withdraw .wallet__methods .wallet__method {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 72px;
    padding: 12px;
}

.wallet--withdraw .wallet__methods .wallet__method img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-right: 9px;
    display: block;
    border-radius: 11px;
    overflow: hidden;
    object-fit: contain;
}

.wallet--withdraw .wallet__methods .wallet__method[data-method-type="card"] img,
.wallet--withdraw .wallet__methods .wallet__method[data-method-type="one_click"] img {
    border-radius: 0;
    overflow: visible;
}

.wallet--withdraw .wallet__methods .wallet__method > div {
    min-width: 0;
    flex: 1 1 auto;
}

.wallet--withdraw .wallet__methods .wallet__method span {
    display: block;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    font-size: 15px;
    line-height: 1.12;
}

.wallet--withdraw .wallet__methods .wallet__method[data-method-type="crypto"] span {
    font-size: 14px;
}

.wallet--withdraw .wallet__methods .wallet__method b {
    white-space: nowrap;
}

.wallet--withdraw .wallet__methods .wallet__method--disabled {
    opacity: .48;
    cursor: not-allowed;
}

.wallet--withdraw .wallet__methods .wallet__method--disabled b {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 11px;
    line-height: 1.15;
}

.wallet--withdraw .wallet__methods .wallet__method--disabled img,
.wallet--withdraw .wallet__methods .wallet__method--disabled span,
.wallet--withdraw .wallet__methods .wallet__method--disabled b {
    filter: grayscale(1);
}

.withdraw-bound-list {
    width: 100%;
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 13px;
    background: rgba(20, 27, 48, .54);
}

.withdraw-bound-list__title {
    color: #7080b1;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.withdraw-bound-card {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: rgba(37, 46, 73, .82);
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.withdraw-bound-card img {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 9px;
    object-fit: contain;
}

.withdraw-bound-card span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.withdraw-bound-card b {
    min-width: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.withdraw-bound-card small {
    min-width: 0;
    color: #8f9bc7;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.withdraw-bound-card:hover,
.withdraw-bound-card.is-active {
    border-color: rgba(59, 126, 230, .8);
    background: rgba(59, 126, 230, .2);
}

.withdraw-bound-list__empty {
    margin: 0;
    color: #7080b1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.withdraw-bank-picker {
    position: relative;
    width: 100%;
}

.bx-input__input.withdraw-bank-picker {
    min-height: 55px;
    margin-bottom: 10px;
}

.popup .bx-input__input input#sum_withdraw,
.popup .bx-input__input input#withdrawSbpPhone,
.popup .bx-input__input input#withdrawCardNumber,
.popup .bx-input__input input#withdrawOneClickCardNumber,
.popup .bx-input__input input#withdrawCryptoWallet,
.withdraw-bank-picker__toggle,
.wallet--withdraw .deposit-crypto-picker__toggle {
    font-family: inherit;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: normal;
}

.withdraw-crypto-preview {
    margin-top: -1px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 18px;
}

.withdraw-crypto-preview__label {
    color: #7987AE;
}

.withdraw-crypto-preview__value {
    color: #6b95ff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

.withdraw-crypto-preview__value span {
    color: inherit;
}

.withdraw-bank-picker__toggle {
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(120, 135, 174, 0.5);
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.withdraw-bank-picker__toggle-icon {
    width: 28px;
    height: 28px;
    padding: 4px;
    flex: 0 0 28px;
    border-radius: 9px;
    background: rgba(235, 236, 242, 0.08);
    object-fit: contain;
}

.withdraw-bank-picker__toggle.is-selected {
    color: #7987AE;
    text-transform: none;
}

.withdraw-bank-picker__toggle span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.withdraw-bank-picker__toggle i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin-left: auto;
    border-right: 2px solid #7987AE;
    border-bottom: 2px solid #7987AE;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .18s ease;
}

.withdraw-bank-picker.is-open .withdraw-bank-picker__toggle i {
    transform: rotate(225deg) translateY(-2px);
}

.withdraw-bank-picker__panel {
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(121, 148, 205, .12);
    border-radius: 15px;
    background: #202638;
    box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.withdraw-bank-picker__search-wrap {
    position: relative;
    min-height: 55px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    border-radius: 15px;
    background: #252d42;
}

.withdraw-bank-picker__search-icon {
    position: static;
    width: 17px;
    height: 17px;
    color: rgba(120, 135, 174, 0.5);
    flex: 0 0 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.withdraw-bank-picker__search {
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    height: 55px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #7987AE;
    padding: 0;
    font-family: inherit;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    outline: 0;
}

.popup .withdraw-bank-picker__search-wrap .withdraw-bank-picker__search {
    width: auto;
    height: 55px;
    color: #7987AE;
    padding: 0;
    font-family: inherit;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

.withdraw-bank-picker__search::placeholder {
    color: rgba(120, 135, 174, 0.5);
}

.withdraw-bank-picker__search:focus::placeholder {
    opacity: 0;
}

.withdraw-bank-picker__grid {
    max-height: 248px;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.withdraw-bank-picker__option {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    border: 0;
    border-radius: 15px;
    background: #252d42;
    color: rgba(120, 135, 174, 0.5);
    padding: 10px 14px;
    font-family: inherit;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    cursor: pointer;
}

.withdraw-bank-picker__option img {
    width: 28px;
    height: 28px;
    padding: 4px;
    flex: 0 0 28px;
    border-radius: 9px;
    background: rgba(235, 236, 242, 0.08);
    object-fit: contain;
}

.withdraw-bank-picker__option span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    color: inherit;
}

.withdraw-bank-picker__option:hover,
.withdraw-bank-picker__option.is-active {
    background: #3b7ee6;
    color: #fff;
}

.withdraw-bank-picker__option:hover span,
.withdraw-bank-picker__option.is-active span {
    color: #fff;
}

.theme--dark .withdraw-bank-picker__toggle {
    color: rgba(116, 134, 183, 0.5);
}

.theme--dark .withdraw-bank-picker__toggle.is-selected {
    color: #7486b7;
}

.theme--dark .withdraw-bank-picker__panel {
    border-color: rgba(121, 148, 205, .12);
    background: #202638;
    box-shadow: 0 18px 44px rgba(7, 11, 24, .34);
}

.theme--dark .withdraw-bank-picker__search-wrap,
.theme--dark .withdraw-bank-picker__option {
    background: #252d42;
}

.theme--dark .withdraw-bank-picker__search,
.theme--dark .withdraw-bank-picker__option {
    color: rgba(116, 134, 183, 0.5);
}

.theme--dark .withdraw-bank-picker__search-icon,
.theme--dark .withdraw-bank-picker__search::placeholder {
    color: rgba(116, 134, 183, 0.5);
}

.theme--dark .withdraw-bank-picker__option:hover,
.theme--dark .withdraw-bank-picker__option.is-active {
    background: #3b7ee6;
    color: #fff;
}

.theme--dark .withdraw-bank-picker__option:hover span,
.theme--dark .withdraw-bank-picker__option.is-active span {
    color: #fff;
}

.withdraw-method-fields {
    width: 100%;
}

.withdraw-method-fields .bx-input__input select {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #7080b1;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    appearance: none;
}

.withdraw-method-fields .bx-input__input select.is-filled {
    color: #fff;
}

.withdraw-method-fields .bx-input__input select option {
    color: #172033;
}

.popup.popup--profile-edit {
    width: 390px !important;
    max-width: calc(100vw - 24px);
    border-radius: 18px;
}

.popup--profile-edit .popup__title {
    padding: 18px 20px 20px;
}

.popup--profile-edit .popup__content {
    padding: 18px 20px 20px;
}

.popup--profile-edit .popup__tab {
    padding: 12px 16px;
    border-radius: 12px;
}

.profile-edit-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.profile-edit-preview {
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(23, 27, 40, 0.55);
}

.profile-edit-preview__avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #171b28;
    box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.12);
    flex: 0 0 auto;
}

.profile-edit-preview__text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.profile-edit-preview__text b {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-edit-preview__text span {
    color: #7987AE;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.profile-edit-field {
    display: block;
}

.profile-edit-field span {
    display: block;
    margin-bottom: 8px;
    color: #7987AE;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-edit-field input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 12px;
    color: #fff;
    background: #171b28;
    font-family: inherit;
    font-weight: 700;
}

.profile-edit-file input {
    display: none;
}

.profile-edit-file em {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 12px;
    color: #7987AE;
    background: #171b28;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-edit-file em:hover {
    color: #fff;
    border-color: rgba(59, 130, 246, 0.35);
}

.profile-edit-form .btn {
    width: 100%;
    height: 50px;
    margin-top: 2px;
}

.theme--dark .popup.popup--profile-edit {
    background: #202638;
}

.keno__bet-state {
    min-height: 46px;
    min-width: 190px;
    max-width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    margin: 8px 14px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 12px;
    background: rgba(23, 27, 40, 0.72);
    color: #7987AE;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.keno__bet-state.is-sending,
.keno__bet-state.is-active,
.keno__bet-state.is-opening {
    color: #fff;
    border-color: rgba(59, 130, 246, 0.38);
    background: rgba(59, 130, 246, 0.2);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08);
}

.keno__bet-state.is-win {
    color: #4ade80;
    border-color: rgba(74, 222, 128, 0.32);
    background: rgba(34, 197, 94, 0.14);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.08);
}

.keno__bet-state.is-lose {
    color: #ff7b7b;
    border-color: rgba(255, 82, 73, 0.32);
    background: rgba(255, 82, 73, 0.14);
    box-shadow: 0 0 0 4px rgba(255, 82, 73, 0.08);
}

.keno__mines--drawing .keno__canvas-item.blocked:not(.keno__canvas-item--is-revealed):not(.keno__canvas-item--has-hit) {
    animation: kenoWaitingPulse 1.15s ease-in-out infinite;
}

.keno__canvas-item--just-revealed {
    animation: kenoRevealPop .36s cubic-bezier(.18, .86, .34, 1.22);
}

.keno__canvas-item--has-hit {
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.12), 0 12px 24px rgba(34, 197, 94, 0.22);
}

.keno__canvas-item--is-revealed {
    box-shadow: 0 0 0 4px rgba(255, 82, 73, 0.08), 0 12px 24px rgba(255, 82, 73, 0.16);
}

@keyframes kenoWaitingPulse {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: brightness(1);
    }
    50% {
        transform: translateY(-2px) scale(1.025);
        filter: brightness(1.1);
    }
}

@keyframes kenoRevealPop {
    0% {
        transform: scale(.82);
        filter: brightness(1.35);
    }
    70% {
        transform: scale(1.12);
    }
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

@media (max-width: 720px) {
    .keno__bet-state {
        order: 3;
        width: 100%;
        max-width: none;
        margin: 10px 0 0;
    }
}

.theme--dark .keno__bet {
    padding: 24px 34px 0;
}

.theme--dark .keno__bet-settings {
    height: auto;
    min-height: 76px;
    display: grid !important;
    grid-template-columns: minmax(250px, 1fr) minmax(210px, 260px) minmax(390px, auto);
    gap: 14px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(121, 135, 174, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(28, 34, 52, 0.96), rgba(23, 28, 43, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 42px rgba(7, 11, 24, 0.18);
}

.theme--dark .keno__bet-left,
.theme--dark .keno__bet-right {
    gap: 10px;
    min-width: 0;
}

.theme--dark .keno__bet-left a {
    height: 48px;
    min-width: 48px;
    padding: 0 14px;
    border-radius: 12px;
    color: #9eabd2;
    background: rgba(37, 45, 66, 0.58);
    font-size: 13px;
    font-weight: 800;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.theme--dark .keno__bet-left a:hover {
    color: #fff;
    background: rgba(59, 126, 230, 0.16);
    transform: translateY(-1px);
}

.theme--dark .keno__cancel-select {
    color: #ff7b86;
}

.theme--dark .keno__auto-select {
    color: #a7a5ff;
}

.theme--dark .keno__bet-state {
    min-width: 0;
    width: 100%;
    max-width: none;
    min-height: 48px;
    margin: 0;
    border-radius: 13px;
    background: rgba(18, 23, 37, 0.72);
    color: #98a7cf;
}

.theme--dark .keno__bet-field {
    width: 142px;
    min-width: 122px;
    height: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 14px;
    background: rgba(13, 18, 31, 0.58);
}

.theme--dark .keno__bet-field span {
    color: #69779e;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.theme--dark .keno__bet-input {
    width: 100%;
    height: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.theme--dark .keno__bet-input::placeholder {
    color: rgba(152, 167, 207, 0.48);
}

.theme--dark .keno__bet-add {
    height: 52px;
    min-width: 118px;
    justify-content: center;
    padding: 0 18px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(59, 126, 230, 0.18);
}

.theme--dark .keno__bet-add + .keno__bet-add {
    min-width: 112px;
    background: rgba(59, 126, 230, 0.76);
}

@media (max-width: 1040px) {
    .theme--dark .keno__bet-settings {
        grid-template-columns: 1fr;
    }

    .theme--dark .keno__bet-left,
    .theme--dark .keno__bet-right {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .theme--dark .keno__bet-field {
        flex: 1 1 160px;
    }
}

@media (max-width: 560px) {
    .theme--dark .keno__bet {
        padding: 18px 14px 0;
    }

    .theme--dark .keno__bet-left a,
    .theme--dark .keno__bet-add {
        flex: 1 1 100%;
    }
}

.history__user {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    text-align: left;
}

.history__user-avatar,
.fake-online__avatar {
    width: 32px;
    height: 32px;
    min-width: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    border-radius: 50%;
    overflow: hidden;
    line-height: 1;
}

.fake-online__avatar {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
}

.history__user span {
    display: block;
    min-width: 0;
    max-width: 150px;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.15;
    text-align: left;
}

.fake-online__row td:first-child,
.history__table td:first-child {
    text-align: left;
}

.fake-online__row td:first-child .history__user,
.history__table td:first-child .history__user {
    width: 176px;
}

.crash__history-item-user .history__user {
    width: 190px;
    flex: 0 0 190px;
}

.x30__bet-user .history__user,
.x100__bet-user .history__user {
    min-width: 0;
    flex: 1 1 auto;
}

.x30__bet-user .history__user span,
.x100__bet-user .history__user span,
.crash__history-item-user .history__user span {
    max-width: 130px;
}

.auth-popup .popup__content {
    padding-top: 20px;
}

.auth-popup .auth_blocks {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.auth-popup .auth_blocks .btn {
    width: 100%;
    min-height: 52px;
    border-radius: 12px;
    border: 0;
    cursor: pointer;
}

.auth-popup .btn span {
    color: #fff;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.auth-popup .auth-secondary-btn {
    background: rgba(121, 135, 174, 0.18);
    color: #a8b4da;
}

.auth-popup .auth-back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 12px;
    background: rgba(121, 135, 174, 0.18);
    color: #a8b4da;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}

.auth-popup .auth-back-btn span {
    color: #a8b4da;
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.telegram-auth__step {
    display: none;
}

.telegram-auth__step--active {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.telegram-auth-errors {
    margin-top: 12px;
}

.auth-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0 14px;
    color: #7585ad;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-divider:before,
.auth-divider:after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(121, 135, 174, 0.16);
}

.auth-register-form {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.auth-field {
    height: 55px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 12px;
    background: rgba(14, 19, 32, 0.62);
}

.auth-field span {
    display: none;
}

.auth-field input {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #dce4ff;
    font-size: 13.3333px;
    font-weight: 500;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
}

.auth-field input::-webkit-input-placeholder {
    color: rgba(120, 135, 174, 0.5);
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 55px;
    text-transform: uppercase;
}

.auth-field input::placeholder {
    color: rgba(120, 135, 174, 0.5);
    font-size: 13.3333px;
    font-weight: 500;
    line-height: 55px;
    text-transform: uppercase;
}

.auth-register-form button {
    width: 100%;
    min-height: 52px;
    margin-top: 4px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

.auth-register-errors {
    display: none;
    padding: 10px 12px;
    border: 1px solid rgba(255, 82, 73, 0.24);
    border-radius: 12px;
    background: rgba(255, 82, 73, 0.1);
}

.auth-register-errors span {
    display: block;
    color: #ff8b8b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.auth-register-errors span + span {
    margin-top: 5px;
}

.auth-page {
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.auth-page__card {
    width: 100%;
    max-width: 390px;
    padding: 26px;
    border-radius: 18px;
    background: #202638;
}

.auth-page__card h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
}

.wallet__history-item .wallet__method img {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    object-fit: cover;
    display: block;
}

.wallet__history-item .wallet__method img.wallet__history-method-icon--card {
    border-radius: 0;
    object-fit: contain;
}

.wallet__history-item .wallet__method img.wallet__history-method-icon--crypto {
    object-fit: contain;
}

.x30__bet-users,
.x100__bet-users {
    max-height: 245px;
    overflow-y: auto;
    padding-right: 4px;
}

.crash__history-item-user > .d-flex.align-center {
    gap: 22px;
}

.crash__history-item-user > .d-flex.align-center > .d-flex.align-center {
    min-width: 116px;
    justify-content: flex-end;
}

.crash__history-user-x {
    min-width: 190px;
    padding: 0 12px 0 18px;
    gap: 12px;
}

.crash__history-user-x > .d-flex.align-center {
    min-width: 92px;
    justify-content: flex-end;
}

.crash__history-user-x .bx-input__text {
    min-width: 68px;
    text-align: right;
}

.crash__history-user-x .icon.money,
.crash__history-item-user > .d-flex.align-center > .d-flex.align-center .icon.money {
    flex: 0 0 auto;
}

.crash__history-user-x .crash__history-item {
    flex: 0 0 auto;
}

main,
.header,
.footer {
    width: 100% !important;
    box-sizing: border-box;
}

main {
    padding-left: 133px;
    padding-right: 30px;
}

.header {
    padding-left: 210px;
    padding-right: 30px;
}

.footer {
    padding-left: 133px;
    padding-right: 30px;
}

.home-games-layout {
    width: 100%;
    max-width: 1322px;
    margin: 0 auto 35px;
    padding-top: 14px;
}

.home-games-layout .games {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    margin-bottom: 0;
}

.home-promo-grid {
    --home-promo-main-fr: 1440fr;
    --home-promo-side-fr: 520fr;
    display: grid;
    gap: 13px;
    margin-bottom: 13px;
}

.home-promo-grid__top {
    display: grid;
    grid-template-columns: minmax(0, var(--home-promo-main-fr)) minmax(230px, var(--home-promo-side-fr));
    align-items: stretch;
    gap: 13px;
}

.home-promo-grid--no-side .home-promo-grid__top,
.home-promo-grid--no-main .home-promo-grid__top {
    grid-template-columns: minmax(0, 1fr);
}

.home-banners {
    --home-banner-width-px: 100%;
    --home-banner-height-px: 414px;
    --home-banner-aspect: 1440 / 414;
    position: relative;
    width: min(100%, var(--home-banner-width-px));
    height: auto;
    max-width: 100%;
    justify-self: start;
    aspect-ratio: var(--home-banner-aspect);
    border-radius: 10px;
    overflow: hidden;
    background: #1a2031;
    box-shadow: inset 0 0 0 1px rgba(121, 135, 174, 0.08);
}

.home-banners--desktop {
    position: relative;
    top: auto;
    right: auto;
    z-index: 2;
    display: block;
    width: min(100%, var(--home-banner-width-px));
    height: auto;
    min-height: 0;
}

.home-banners--desktop-main {
    aspect-ratio: var(--home-banner-aspect, 1440 / 414);
}

.home-banners--desktop-side {
    aspect-ratio: var(--home-banner-aspect, 520 / 414);
}

.home-promo-grid:not(.home-promo-grid--no-main):not(.home-promo-grid--no-side) .home-promo-grid__top .home-banners--desktop-side {
    width: 100%;
    aspect-ratio: var(--home-banner-aspect, 520 / 414);
}

.home-banners--desktop-strip {
    aspect-ratio: var(--home-banner-aspect, 16 / 1);
    width: 100%;
    border-radius: 8px;
}

.home-banners--desktop-strip .home-banner {
    border-radius: 8px;
}

.home-banners--desktop-strip .home-banner__content {
    bottom: 12px;
}

.home-banners--desktop-strip .home-banner__title {
    font-size: 17px;
}

.home-banners--desktop-strip .home-banner__subtitle {
    display: none;
}

.home-banners--desktop-strip .home-banner__button {
    min-height: 30px;
    margin-top: 6px;
    padding: 0 14px;
    border-radius: 9px;
    font-size: 11px;
}

.home-banners--mobile {
    display: none;
    width: min(100%, var(--home-banner-width-px));
    height: auto;
    min-height: 0;
    aspect-ratio: var(--home-banner-aspect, 3 / 1);
    margin-bottom: 13px;
    border-radius: 18px;
}

.home-banners__track {
    position: relative;
    height: 100%;
    min-height: inherit;
}

.home-banner {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    color: #fff;
    overflow: hidden;
    border-radius: inherit;
    transition: opacity .35s ease;
}

.home-banner.is-active {
    opacity: 1;
    pointer-events: auto;
}

.home-banner:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 14, 26, 0.05) 0%, rgba(10, 14, 26, 0.18) 42%, rgba(10, 14, 26, 0.76) 100%);
    pointer-events: none;
}

.home-banner--plain:after {
    display: none;
}

.home-banner__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.home-banner__content {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 58px;
    z-index: 2;
}

.home-banner__title {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.08;
    text-transform: uppercase;
}

.home-banner__subtitle {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.home-banner__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 18px;
    padding: 0 18px;
    border-radius: 12px;
    color: #fff;
    background: #397ce6;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.home-banners__dots {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    z-index: 3;
    display: flex;
    gap: 8px;
}

.home-banners__dot {
    width: 28px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    cursor: pointer;
    transition: background .2s ease, width .2s ease;
}

.home-banners__dot.is-active {
    width: 42px;
    background: #fff;
}

@media only screen and (max-width: 1515px) {
    .home-games-layout .games {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }
}

@media only screen and (max-width: 1250px) {
    .home-promo-grid__top {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 26%);
    }
}

@media only screen and (max-width: 1125px) {
    .home-promo-grid {
        display: none;
    }

    .home-banners--desktop {
        display: none;
    }

    .home-banners--mobile {
        display: block;
    }

    .home-games-layout .games {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .home-banners--mobile .home-banner__content {
        left: 16px;
        right: 16px;
        bottom: 14px;
    }

    .home-banners--mobile .home-banner__title {
        max-width: 78%;
        font-size: 17px;
        line-height: 1.1;
    }

    .home-banners--mobile .home-banner__subtitle {
        max-width: 78%;
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.25;
    }

    .home-banners--mobile .home-banner__button {
        min-height: 30px;
        margin-top: 8px;
        padding: 0 12px;
        border-radius: 9px;
        font-size: 11px;
    }

    .home-banners--mobile .home-banners__dots {
        left: auto;
        right: 14px;
        top: 12px;
        bottom: auto;
        gap: 6px;
    }

    .home-banners--mobile .home-banners__dot {
        width: 20px;
        height: 3px;
    }

    .home-banners--mobile .home-banners__dot.is-active {
        width: 30px;
    }
}

@media only screen and (max-width: 725px) {
    .home-games-layout .games {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 520px) {
    .home-games-layout .games {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .home-banners--mobile {
        height: auto;
        min-height: 0;
        aspect-ratio: var(--home-banner-aspect, 3 / 1);
        border-radius: 16px;
    }

    .home-banner__title {
        font-size: 15px;
    }

    .home-banners--mobile .home-banner__subtitle,
    .home-banners--mobile .home-banner__button {
        display: none;
    }
}

.crash__history-users {
    display: flex !important;
    flex-direction: column;
    grid-template-columns: none !important;
    gap: 15px;
    max-height: none;
    overflow-x: hidden;
    overflow-y: visible;
    padding-right: 0;
    padding-bottom: 0;
    scroll-snap-type: none;
}

.crash__history-item-user {
    width: 100%;
    flex: 0 0 58px;
    scroll-snap-align: none;
}

.crash__history-item-user--win .history__user span,
.crash__history-item-user--lose .history__user span {
    max-width: 130px !important;
}

.crash__history-item-user--win .history__user,
.crash__history-item-user--lose .history__user {
    width: 190px;
    flex: 0 0 190px;
}

.header .wrapper {
    flex-wrap: nowrap !important;
    gap: 18px;
    min-width: 0;
}

.header__links {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.header__links li,
.header__links li a,
.header__right,
.header__right .sidebar__logotype,
.header__user-profile {
    flex: 0 0 auto;
}

.header__links li a {
    white-space: nowrap;
}

.header__right {
    margin-left: auto;
    min-width: 0;
}

.header__right .sidebar__logotype {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.header__user,
.header__user-balance {
    min-width: 0;
}

@media only screen and (max-width: 900px) and (min-width: 761px) {
    .header__links {
        gap: 16px;
    }

    .header__links li a {
        width: 44px;
        justify-content: center;
    }

    .header__links li a .icon {
        width: 22px;
        height: 22px;
        margin-right: 0;
    }

    .header__links li a span {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .header {
        height: 64px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header__links {
        display: none !important;
    }

    .header__right {
        width: 100% !important;
        justify-content: space-between;
        gap: 12px;
    }

    .header__right .sidebar__logotype {
        display: block !important;
        width: 150px !important;
        height: 24px !important;
    }

    .header__user,
    .header__right > .btn {
        margin-left: auto;
    }
}

@media only screen and (max-width: 475px) {
    .header {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .header__right .sidebar__logotype {
        width: 132px !important;
        height: 21px !important;
    }

    .header__right > .btn {
        min-height: 42px;
        padding-left: 14px;
        padding-right: 14px;
        font-size: 11px;
    }

    .header-auth-button {
        min-width: 136px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
    }

    .header-auth-button span {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 360px) {
    .header__right {
        gap: 8px;
    }

    .header__right .sidebar__logotype {
        width: 118px !important;
        height: 19px !important;
    }

    .header__user-b {
        max-width: 92px;
    }
}

.bet-history-page {
    width: 100%;
    margin-top: 20px;
}

.bet-history-page__head {
    gap: 16px;
    margin-bottom: 18px;
}

.bet-history-page__title b {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.bet-history-page__title span {
    margin-top: 6px;
    color: #7f8aa8;
    font-size: 14px;
}

.bet-history-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.bet-history-filter__all,
.bet-history-filter__item span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(119, 137, 184, .18);
    border-radius: 8px;
    background: rgba(28, 37, 62, .72);
    color: #8d99bb;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: .18s ease;
}

.bet-history-filter__all {
    appearance: none;
    outline: none;
}

.bet-history-filter__item input {
    display: none;
}

.bet-history-filter__all.active,
.bet-history-filter__all:hover,
.bet-history-filter__item input:checked + span,
.bet-history-filter__item span:hover {
    border-color: rgba(40, 130, 255, .58);
    background: rgba(40, 130, 255, .14);
    color: #fff;
}

.bet-history-summary {
    gap: 12px;
    margin-bottom: 18px;
}

.bet-history-summary__item {
    min-width: 155px;
    padding: 14px 16px;
    border: 1px solid rgba(119, 137, 184, .14);
    border-radius: 8px;
    background: rgba(24, 31, 52, .8);
}

.bet-history-summary__item span {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.bet-history-summary__item b {
    margin-top: 7px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.bet-history-table {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(119, 137, 184, .14);
    border-radius: 8px;
    background: rgba(20, 27, 45, .76);
}

.bet-history-table table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.bet-history-table td {
    padding: 15px 16px;
    border-bottom: 1px solid rgba(119, 137, 184, .1);
    color: #dbe5ff;
    font-size: 14px;
    white-space: nowrap;
}

.bet-history-table thead td {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.bet-history-table tbody tr:last-child td {
    border-bottom: 0;
}

.bet-history-table__date {
    color: #9ca9c9;
}

.bet-history-table__game,
.bet-history-table__coefficient {
    color: #fff;
    font-weight: 700;
}

.bet-history-table__profit.positive {
    color: #3ed684;
}

.bet-history-table__profit.negative {
    color: #ff6b7b;
}

.bet-history-table__status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
}

.bet-history-table__status.success {
    background: rgba(62, 214, 132, .13);
    color: #3ed684;
}

.bet-history-table__status.error {
    background: rgba(255, 107, 123, .13);
    color: #ff6b7b;
}

.bet-history-table__empty {
    height: 82px;
    text-align: center;
    color: #7f8aa8 !important;
}

@media only screen and (max-width: 760px) {
    .bet-history-page {
        margin-top: 14px;
    }

    .bet-history-page__head {
        align-items: flex-start;
    }

    .bet-history-page__head .btn {
        width: 100%;
    }

    .bet-history-page__title b {
        font-size: 21px;
    }

    .bet-history-filter {
        gap: 8px;
    }

    .bet-history-filter__all,
    .bet-history-filter__item span {
        min-height: 40px;
        padding: 0 12px;
        font-size: 12px;
    }

    .bet-history-summary__item {
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
    }

    .bet-history-table td {
        padding: 13px 12px;
    }
}

.popup__tab--wallet-history-hidden {
    display: none !important;
}

.profile.profile-shell {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 20px;
    padding-bottom: 0;
}

.profile.profile-shell:before {
    display: none;
}

.profile-summary,
.profile-dashboard {
    border: 1px solid rgba(119, 137, 184, .12);
    border-radius: 8px;
    background: rgba(15, 19, 36, .78);
}

.profile-summary {
    padding: 18px;
}

.profile-summary__identity {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.profile-summary__avatar {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #171b28;
    box-shadow: 0 0 0 5px rgba(40, 130, 255, .12);
}

.profile-summary__name {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.profile-summary__name b {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-summary__name span {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-summary__balance {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
    padding: 16px;
    border-radius: 8px;
    background: rgba(24, 31, 52, .78);
}

.profile-summary__balance span,
.profile-summary__stats span,
.profile-summary__demo span,
.profile-summary__admin b {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-summary__balance b {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
}

.profile-summary__balance .btn {
    width: 100%;
    min-height: 42px;
    margin-top: 4px;
}

.profile-summary__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo {
    border-radius: 8px;
    background: rgba(24, 31, 52, .62);
}

.profile-summary__stats div {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 13px;
}

.profile-summary__stats b {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.profile-summary__admin {
    margin-top: 12px;
    padding: 14px;
}

.profile-summary__admin .dice__select-chance {
    width: 100%;
    margin-top: 12px;
}

.profile-summary__admin .dice__select-chance a {
    min-width: 0;
    flex: 1 1 0;
    text-align: center;
}

.profile-summary__demo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
}

.profile-summary__demo .btn {
    min-width: 118px;
    min-height: 38px;
}

.profile-dashboard {
    min-width: 0;
    overflow: hidden;
}

.profile-dashboard__tabs {
    display: flex;
    align-items: center;
    gap: 28px;
    min-height: 76px;
    padding: 0 26px;
    border-bottom: 1px solid rgba(119, 137, 184, .12);
    overflow-x: auto;
}

.profile-dashboard__tab {
    appearance: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: #7f8aa8;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease;
}

.profile-dashboard__tab.active,
.profile-dashboard__tab:hover {
    color: #fff;
}

.profile-dashboard__content {
    min-height: 520px;
    padding: 26px;
}

.profile-panel {
    display: none;
}

.profile-panel.active {
    display: block;
}

.profile-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.profile-panel__head > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.profile-panel__head b {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

.profile-panel__head span {
    color: #7f8aa8;
    font-size: 13px;
    font-weight: 600;
}

.profile-panel__head .btn {
    min-width: 132px;
    min-height: 42px;
}

.profile-panel__edit {
    appearance: none;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 8px;
    color: #2ea8ff;
    font-size: 14px;
    font-weight: 800;
    transition: background .18s ease, color .18s ease;
}

.profile-panel__edit:hover {
    background: rgba(46, 168, 255, .1);
    color: #fff;
}

.profile-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 760px;
}

.profile-info-card {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 92px;
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(119, 137, 184, .1);
    border-radius: 8px;
    background: rgba(24, 31, 52, .72);
}

.profile-info-card span {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-info-card b {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.profile-info-card--avatar > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-info-card__avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #171b28;
}

.profile-history-table {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(119, 137, 184, .12);
    border-radius: 8px;
    background: rgba(20, 27, 45, .62);
}

.profile-history-table table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

.profile-history-table td {
    padding: 15px 16px;
    border-bottom: 1px solid rgba(119, 137, 184, .1);
    color: #dbe5ff;
    font-size: 14px;
    white-space: nowrap;
}

.profile-history-table thead td {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-history-table tbody tr:last-child td {
    border-bottom: 0;
}

.profile-history-table__empty {
    height: 82px;
    text-align: center;
    color: #7f8aa8 !important;
}

.profile-history-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
}

.profile-history-status.success {
    background: rgba(62, 214, 132, .13);
    color: #3ed684;
}

.profile-history-status.warning {
    background: rgba(255, 191, 71, .13);
    color: #ffbf47;
}

.profile-history-status.error {
    background: rgba(255, 107, 123, .13);
    color: #ff6b7b;
}

.profile-bet-filter,
.profile-bet-summary {
    margin-bottom: 16px;
}

.profile-bet-table table {
    min-width: 820px;
}

.profile-edit-field input[type="date"] {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, 0.12);
    border-radius: 12px;
    color: #fff;
    background: #171b28;
    font-family: inherit;
    font-weight: 700;
}

.profile-edit-field input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: .65;
}

.profile-summary,
.profile-dashboard {
    background: #20273a;
    border-color: rgba(255, 255, 255, .03);
}

.profile-dashboard__tabs,
.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-info-card,
.profile-history-table,
.profile-bet-table,
.profile-inline-edit {
    background: #171b28;
}

.profile-dashboard__tabs {
    border-bottom-color: rgba(255, 255, 255, .04);
}

.profile-info-card,
.profile-history-table,
.profile-bet-table,
.profile-inline-edit {
    border-color: rgba(255, 255, 255, .04);
}

.profile-inline-edit {
    display: none;
    max-width: 760px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 8px;
}

.profile-panel.is-editing .profile-settings-view {
    display: none;
}

.profile-panel.is-editing .profile-inline-edit {
    display: block;
}

.profile-inline-edit__preview {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.profile-inline-avatar-preview {
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #20273a;
    box-shadow: 0 0 0 5px rgba(57, 124, 230, .12);
}

.profile-inline-edit__preview div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.profile-inline-edit__preview b {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-inline-edit__preview span {
    color: #7987AE;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-inline-edit__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.profile-inline-field {
    display: block;
    min-width: 0;
}

.profile-inline-field span {
    display: block;
    margin-bottom: 8px;
    color: #7987AE;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="date"] {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, .12);
    border-radius: 8px;
    color: #fff;
    background: #20273a;
    font-family: inherit;
    font-weight: 700;
}

.profile-inline-field input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: .65;
}

.profile-inline-file input {
    display: none;
}

.profile-inline-file em {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(121, 135, 174, .12);
    border-radius: 8px;
    color: #7987AE;
    background: #20273a;
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-inline-file em:hover {
    color: #fff;
    border-color: rgba(57, 124, 230, .45);
}

.profile-inline-edit__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.profile-inline-edit__actions .btn {
    min-width: 145px;
    min-height: 42px;
}

.profile-inline-cancel {
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    color: #7987AE;
    background: #20273a;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: color .18s ease, background .18s ease;
}

.profile-inline-cancel:hover {
    color: #fff;
    background: rgba(255, 255, 255, .04);
}

.profile-summary,
.profile-dashboard,
.profile-dashboard__tabs,
.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-info-card,
.profile-history-table,
.profile-bet-table,
.profile-inline-edit {
    background: #20273a;
}

.profile-summary,
.profile-dashboard,
.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-info-card,
.profile-history-table,
.profile-bet-table,
.profile-inline-edit {
    border-color: rgba(121, 135, 174, .16);
}

.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-info-card,
.profile-inline-edit {
    box-shadow: inset 0 0 0 1px rgba(121, 135, 174, .08);
}

.profile-dashboard__tabs {
    border-bottom-color: rgba(121, 135, 174, .16);
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="date"],
.profile-inline-file em,
.profile-inline-cancel {
    background: #20273a;
    border-color: rgba(121, 135, 174, .16);
}

.profile.profile-shell {
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 16px;
}

.profile-summary {
    padding: 16px;
}

.profile-summary__identity {
    gap: 12px;
}

.profile-summary__avatar {
    width: 58px;
    height: 58px;
    box-shadow: 0 0 0 4px rgba(57, 124, 230, .14);
}

.profile-summary__name b {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.profile-summary__name span {
    font-size: 12px;
    font-weight: 600;
}

.profile-summary__balance {
    gap: 7px;
    margin-top: 16px;
    padding: 14px;
}

.profile-summary__balance span,
.profile-summary__stats span,
.profile-summary__demo span,
.profile-summary__admin b,
.profile-info-card span,
.profile-inline-field span {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
}

.profile-summary__balance b {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
}

.profile-summary__balance .btn {
    min-height: 40px;
}

.profile-summary__balance .btn span,
.profile-panel__head .btn span,
.profile-inline-edit__actions .btn span {
    font-size: 12px;
    font-weight: 600;
}

.profile-summary__stats {
    gap: 9px;
    margin-top: 10px;
}

.profile-summary__stats div {
    gap: 5px;
    padding: 12px;
}

.profile-summary__stats b {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}

.profile-summary__admin {
    margin-top: 10px;
    padding: 13px;
}

.profile-dashboard__tabs {
    gap: 24px;
    min-height: 58px;
    padding: 0 22px;
}

.profile-dashboard__tab {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.profile-dashboard__tab.active {
    font-weight: 700;
}

.profile-dashboard__content {
    min-height: 460px;
    padding: 20px 22px;
}

.profile-panel__head {
    gap: 14px;
    margin-bottom: 16px;
}

.profile-panel__head b {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.profile-panel__head span {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.profile-panel__edit {
    min-height: 34px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
}

.profile-settings-grid {
    gap: 10px;
    max-width: 100%;
}

.profile-info-card {
    justify-content: center;
    gap: 5px;
    min-height: 72px;
    padding: 13px 15px;
}

.profile-info-card b {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.profile-info-card--avatar > div {
    gap: 10px;
}

.profile-info-card__avatar {
    width: 34px;
    height: 34px;
}

.profile-history-table td,
.bet-history-table td {
    padding: 13px 14px;
    font-size: 13px;
    font-weight: 500;
}

.profile-history-table thead td,
.bet-history-table thead td {
    font-size: 11px;
    font-weight: 700;
}

.bet-history-summary__item {
    padding: 12px 14px;
}

.bet-history-summary__item span {
    font-size: 11px;
    font-weight: 700;
}

.bet-history-summary__item b {
    font-size: 15px;
    font-weight: 600;
}

.profile-inline-edit {
    padding: 16px;
}

.profile-inline-edit__preview {
    gap: 12px;
    margin-bottom: 14px;
}

.profile-inline-avatar-preview {
    width: 52px;
    height: 52px;
    box-shadow: 0 0 0 4px rgba(57, 124, 230, .12);
}

.profile-inline-edit__preview b {
    font-size: 15px;
    font-weight: 700;
}

.profile-inline-edit__preview span {
    font-size: 12px;
    font-weight: 600;
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="date"],
.profile-inline-file em {
    height: 44px;
    font-size: 13px;
    font-weight: 600;
}

.profile-inline-edit__actions {
    margin-top: 14px;
}

.profile-inline-edit__actions .btn,
.profile-inline-cancel {
    min-height: 38px;
}

.profile-inline-cancel {
    font-size: 13px;
    font-weight: 600;
}

@media only screen and (max-width: 980px) {
    .profile.profile-shell {
        grid-template-columns: 1fr;
    }

    .profile-dashboard__tabs {
        gap: 18px;
        min-height: 56px;
        padding: 0 18px;
    }

    .profile-dashboard__content {
        padding: 18px;
    }
}

@media only screen and (max-width: 640px) {
    .profile-summary {
        padding: 14px;
    }

    .profile-summary__stats,
    .profile-settings-grid,
    .profile-inline-edit__grid {
        grid-template-columns: 1fr;
    }

    .profile-panel__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-panel__head .btn,
    .profile-panel__edit,
    .profile-inline-edit__actions .btn,
    .profile-inline-cancel {
        width: 100%;
        justify-content: center;
    }

    .profile-inline-edit__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-dashboard__tab {
        font-size: 14px;
    }

    .profile-panel__head b {
        font-size: 18px;
    }
}

.profile.profile-shell {
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 14px;
}

.profile-dashboard__content {
    min-height: 340px;
    padding: 18px 22px 22px;
}

.profile-dashboard__tabs {
    min-height: 54px;
    gap: 22px;
}

.profile-panel__head {
    margin-bottom: 18px;
}

.profile-settings-grid {
    display: block;
    max-width: 820px;
}

.profile-info-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 0;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid rgba(121, 135, 174, .14);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.profile-info-card:first-child {
    padding-top: 0;
}

.profile-info-card:last-child {
    border-bottom: 0;
}

.profile-info-card span {
    color: #7f8aa8;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
}

.profile-info-card b {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.profile-info-card--avatar > div {
    gap: 10px;
}

.profile-info-card__avatar {
    width: 30px;
    height: 30px;
}

.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo {
    box-shadow: none;
}

.profile-summary__balance {
    padding: 13px;
}

.profile-summary__balance b {
    font-size: 20px;
}

.profile-summary__stats div {
    padding: 10px 11px;
}

.profile-summary__stats b {
    font-size: 14px;
}

.profile-inline-edit {
    max-width: 820px;
    padding: 14px;
}

.profile-inline-edit__grid {
    gap: 10px;
}

@media only screen and (max-width: 980px) {
    .profile.profile-shell {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 640px) {
    .profile-info-card {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 11px 0;
    }
}

.profile.profile-shell {
    align-items: start;
}

.profile-summary,
.profile-dashboard,
.profile-dashboard__tabs,
.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-inline-edit,
.profile-history-table,
.profile-bet-table {
    background: #20283b;
    border-color: rgba(139, 153, 191, .18);
}

.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo {
    background: rgba(16, 22, 36, .32);
}

.profile-dashboard__tabs {
    background: rgba(16, 22, 36, .22);
}

.profile-dashboard__content {
    padding-top: 18px;
}

.profile-panel__head {
    align-items: center;
}

.profile-panel__head b {
    font-size: 17px;
    font-weight: 700;
}

.profile-panel__head span,
.profile-info-card span,
.profile-summary__balance span,
.profile-summary__stats span {
    color: #98a4c3;
}

.profile-settings-grid {
    max-width: 760px;
}

.profile-info-card {
    grid-template-columns: 138px minmax(0, 1fr);
    gap: 16px;
    padding: 10px 0;
    border-bottom-color: rgba(139, 153, 191, .16);
}

.profile-info-card span {
    font-size: 12px;
    line-height: 1.25;
}

.profile-info-card b {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #f6f8ff;
}

.profile-info-card--avatar > div {
    min-height: 30px;
}

.profile-inline-edit {
    background: rgba(16, 22, 36, .24);
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="email"],
.profile-inline-field input[type="date"],
.profile-inline-file em,
.profile-inline-cancel {
    background: rgba(16, 22, 36, .34);
    border-color: rgba(139, 153, 191, .18);
    color: #f6f8ff;
}

.profile-inline-field input::placeholder {
    color: #8793b4;
}

.profile-shell .btn,
.profile-shell .btn span,
.profile-dashboard .btn,
.profile-dashboard .btn span,
.profile-summary .btn,
.profile-summary .btn span {
    color: #fff !important;
    opacity: 1 !important;
}

.profile-bet-summary .bet-history-summary__item {
    background: rgba(16, 22, 36, .28);
    border: 1px solid rgba(139, 153, 191, .16);
}

.bet-history-summary .bet-history-summary__item {
    background: rgba(16, 22, 36, .28);
    border-color: rgba(139, 153, 191, .16);
}

.bet-history-summary .bet-history-summary__item span {
    color: #98a4c3 !important;
}

.bet-history-summary .bet-history-summary__item b {
    color: #f6f8ff !important;
}

.profile-bet-summary .bet-history-summary__item span {
    color: #98a4c3 !important;
}

.profile-bet-summary .bet-history-summary__item b {
    color: #f6f8ff !important;
}

.profile-history-table td,
.profile-bet-table td,
.bet-history-table td {
    color: #e8edff;
}

.profile-history-table thead td,
.profile-bet-table thead td,
.bet-history-table thead td {
    color: #98a4c3;
}

@media only screen and (max-width: 640px) {
    .profile-info-card {
        grid-template-columns: 1fr;
    }
}

.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-bet-summary .bet-history-summary__item,
.bet-history-summary.profile-bet-summary .bet-history-summary__item {
    background: #263149 !important;
    border: 1px solid rgba(151, 166, 207, .22) !important;
    box-shadow: none !important;
}

.profile-summary__balance {
    gap: 10px;
}

.profile-summary__stats div {
    min-height: 72px;
}

.profile-summary__balance span,
.profile-summary__stats span,
.profile-summary__admin b,
.profile-summary__demo span,
.profile-bet-summary .bet-history-summary__item span {
    color: #b5bfdc !important;
}

.profile-summary__balance b,
.profile-summary__stats b,
.profile-bet-summary .bet-history-summary__item b {
    color: #ffffff !important;
}

.profile-summary__admin .dice__select-chance {
    background: #222c42 !important;
    border-color: rgba(151, 166, 207, .18) !important;
}

.profile-summary__admin .dice__select-chance a {
    color: #a8b4d4 !important;
}

.profile-summary__admin .dice__select-chance a.active {
    background: #2b3650 !important;
    color: #fff !important;
}

/* Profile visual refresh */
.profile.profile-shell {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
}

.profile-summary,
.profile-dashboard {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(142, 164, 218, .24) !important;
    border-radius: 8px;
    background: linear-gradient(180deg, #27334d 0%, #20283d 52%, #1d2538 100%) !important;
    box-shadow: 0 18px 42px rgba(6, 10, 20, .24);
}

.profile-summary:before,
.profile-dashboard:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #2e3d5f 0%, #4d648d 48%, #2f3a55 100%);
}

.profile-summary {
    padding: 18px;
}

.profile-summary__identity {
    position: relative;
    margin: -4px -4px 16px;
    padding: 12px;
    border: 1px solid rgba(151, 166, 207, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.profile-summary__avatar {
    width: 62px;
    height: 62px;
    border: 2px solid rgba(118, 143, 190, .58);
    box-shadow: 0 10px 24px rgba(8, 15, 32, .28);
}

.profile-summary__name b {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
}

.profile-summary__name span {
    color: #aebadb !important;
}

.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-bet-summary .bet-history-summary__item {
    position: relative;
    background: linear-gradient(180deg, rgba(49, 63, 94, .86) 0%, rgba(35, 45, 68, .9) 100%) !important;
    border: 1px solid rgba(155, 174, 219, .22) !important;
}

.profile-summary__balance {
    padding: 16px !important;
}

.profile-summary__balance:after,
.profile-summary__stats div:after,
.profile-bet-summary .bet-history-summary__item:after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 1px;
    background: rgba(255, 255, 255, .18);
}

.profile-summary__balance b {
    font-size: 24px;
    font-weight: 800;
}

.profile-summary__balance .btn,
.profile-panel__head .btn,
.profile-inline-edit__actions .btn {
    min-height: 42px;
    border: 1px solid rgba(132, 153, 198, .34);
    background: linear-gradient(180deg, #445c8b 0%, #344876 100%) !important;
    box-shadow: 0 10px 20px rgba(13, 20, 36, .24);
}

.profile-summary__stats {
    gap: 10px;
}

.profile-summary__stats div {
    min-height: 78px;
    padding: 12px 13px !important;
}

.profile-summary__stats div:nth-child(1) {
    border-top-color: rgba(122, 145, 190, .5) !important;
}

.profile-summary__stats div:nth-child(2) {
    border-top-color: rgba(105, 128, 174, .5) !important;
}

.profile-summary__stats div:nth-child(3) {
    border-top-color: rgba(142, 160, 198, .5) !important;
}

.profile-summary__stats div:nth-child(4) {
    border-top-color: rgba(91, 112, 154, .5) !important;
}

.profile-summary__stats b {
    font-size: 16px;
    font-weight: 800;
}

.profile-summary__admin .dice__select-chance {
    padding: 3px;
    background: rgba(16, 24, 40, .42) !important;
}

.profile-summary__admin .dice__select-chance a {
    border-radius: 7px;
    transition: background .18s ease, color .18s ease;
}

.profile-dashboard__tabs {
    gap: 10px;
    min-height: 68px;
    padding: 12px 18px;
    background: rgba(14, 21, 35, .28) !important;
}

.profile-dashboard__tab {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    color: #a7b2d1;
    font-size: 14px;
    font-weight: 700;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.profile-dashboard__tab.active {
    color: #fff;
    background: rgba(94, 116, 166, .22);
    box-shadow: inset 0 0 0 1px rgba(141, 162, 206, .26);
}

.profile-dashboard__tab:hover {
    color: #fff;
    background: rgba(255, 255, 255, .045);
}

.profile-dashboard__content {
    padding: 24px;
}

.profile-panel__head {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(151, 166, 207, .14);
}

.profile-panel__head b {
    font-size: 20px;
    font-weight: 800;
}

.profile-panel__head span {
    color: #a8b4d4;
}

.profile-panel__edit {
    min-height: 38px;
    border: 1px solid rgba(132, 153, 198, .24);
    background: rgba(132, 153, 198, .08);
}

.profile-settings-grid {
    max-width: 860px;
    padding: 6px 0;
}

.profile-info-card {
    grid-template-columns: 150px minmax(0, 1fr);
    padding: 13px 0;
    border-bottom-color: rgba(151, 166, 207, .16);
}

.profile-info-card:before {
    content: "";
    width: 4px;
    height: 22px;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    border-radius: 4px;
    background: #6f86b7;
    opacity: .72;
}

.profile-info-card span {
    grid-column: 1;
    grid-row: 1;
    padding-left: 14px;
}

.profile-info-card > b,
.profile-info-card > div {
    grid-column: 2;
}

.profile-inline-edit,
.profile-history-table,
.profile-bet-table {
    background: rgba(17, 25, 42, .28) !important;
    border: 1px solid rgba(151, 166, 207, .18) !important;
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="email"],
.profile-inline-field input[type="date"],
.profile-inline-file em,
.profile-inline-cancel {
    background: rgba(255, 255, 255, .045);
}

.bet-history-filter {
    gap: 9px;
}

.bet-history-filter__all,
.bet-history-filter__item span {
    min-height: 40px;
    border-color: rgba(151, 166, 207, .2);
    background: rgba(255, 255, 255, .04);
    color: #aab5d5;
}

.bet-history-filter__all.active,
.bet-history-filter__all:hover,
.bet-history-filter__item input:checked + span,
.bet-history-filter__item span:hover {
    border-color: rgba(132, 153, 198, .62);
    background: rgba(100, 121, 168, .2);
    color: #fff;
}

.profile-bet-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.profile-bet-summary .bet-history-summary__item {
    min-width: 0;
    padding: 14px 16px !important;
}

.profile-bet-summary .bet-history-summary__item:nth-child(1) {
    border-top-color: rgba(126, 147, 190, .58) !important;
}

.profile-bet-summary .bet-history-summary__item:nth-child(2) {
    border-top-color: rgba(105, 128, 174, .58) !important;
}

.profile-bet-summary .bet-history-summary__item:nth-child(3) {
    border-top-color: rgba(146, 163, 199, .58) !important;
}

.profile-bet-summary .bet-history-summary__item:nth-child(4) {
    border-top-color: rgba(88, 108, 150, .58) !important;
}

.bet-history-table table,
.profile-history-table table {
    border-collapse: separate;
    border-spacing: 0;
}

.bet-history-table thead td,
.profile-history-table thead td {
    background: rgba(255, 255, 255, .035);
}

.bet-history-table tbody tr,
.profile-history-table tbody tr {
    transition: background .18s ease;
}

.bet-history-table tbody tr:hover,
.profile-history-table tbody tr:hover {
    background: rgba(255, 255, 255, .035);
}

.profile-history-row--deposit {
    cursor: pointer;
}

.bet-history-table__empty,
.profile-history-table__empty {
    color: #aab5d5 !important;
}

@media only screen and (max-width: 980px) {
    .profile.profile-shell {
        grid-template-columns: 1fr;
    }

    .profile-bet-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 640px) {
    .profile-dashboard__content {
        padding: 18px;
    }

    .profile-dashboard__tabs {
        padding: 10px 12px;
    }

    .profile-info-card {
        grid-template-columns: 1fr;
    }

    .profile-info-card:before {
        display: none;
    }

    .profile-info-card span,
    .profile-info-card > b,
    .profile-info-card > div {
        grid-column: 1;
        padding-left: 0;
    }

    .profile-bet-summary {
        grid-template-columns: 1fr;
    }
}

/* Profile edit mode polish */
.profile-panel.is-editing .profile-inline-edit {
    display: block;
    max-width: 100%;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
}

.profile-panel.is-editing .profile-panel__head {
    margin-bottom: 18px;
}

.profile-inline-edit__preview {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid rgba(151, 166, 207, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.profile-inline-avatar-preview {
    width: 58px;
    height: 58px;
    border: 2px solid rgba(118, 143, 190, .48);
    box-shadow: 0 10px 22px rgba(8, 15, 32, .24);
}

.profile-inline-edit__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 14px;
}

.profile-inline-field {
    position: relative;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(151, 166, 207, .18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(49, 63, 94, .72) 0%, rgba(35, 45, 68, .78) 100%);
}

.profile-inline-field:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    width: 44px;
    height: 2px;
    border-radius: 2px;
    background: rgba(126, 147, 190, .72);
}

.profile-inline-field:nth-child(2):before {
    background: rgba(105, 128, 174, .72);
}

.profile-inline-field:nth-child(3):before {
    background: rgba(146, 163, 199, .72);
}

.profile-inline-field:nth-child(4):before {
    background: rgba(88, 108, 150, .72);
}

.profile-inline-field span {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    color: #aebadb !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="email"],
.profile-inline-field input[type="date"],
.profile-inline-file em {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    min-width: 0;
    height: 48px !important;
    margin: 0;
    padding: 0 14px !important;
    border: 1px solid rgba(151, 166, 207, .22) !important;
    border-radius: 8px;
    outline: 0;
    background: rgba(13, 20, 35, .36) !important;
    color: #fff !important;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 48px;
}

.profile-inline-field input[type="email"] {
    max-width: none !important;
    opacity: 1 !important;
}

.profile-inline-field input::placeholder {
    color: #8f9cbe !important;
    opacity: 1;
}

.profile-inline-field input:focus,
.profile-inline-file em:hover {
    border-color: rgba(166, 186, 228, .42) !important;
    background: rgba(16, 24, 40, .54) !important;
}

.profile-inline-field input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: .72;
}

.profile-inline-edit__actions {
    margin-top: 16px;
}

.profile-inline-edit__actions .btn,
.profile-inline-cancel {
    min-width: 150px;
    min-height: 44px;
}

.profile-inline-cancel {
    border: 1px solid rgba(151, 166, 207, .14);
    background: rgba(255, 255, 255, .045) !important;
    color: #dce5ff;
}

.profile-inline-login-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    grid-column: 1 / -1;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(151, 166, 207, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
}

.profile-inline-login-note span {
    color: #aebadb;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

.profile-inline-login-note b {
    min-width: 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
    text-align: right;
}

@media only screen and (max-width: 760px) {
    .profile-inline-edit__grid {
        grid-template-columns: 1fr;
    }

    .profile-inline-login-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .profile-inline-login-note b {
        text-align: left;
    }
}

/* Site footer */
.site-footer.footer {
    position: relative;
    width: 100% !important;
    margin-top: clamp(26px, 2.4vw, 40px);
    padding: 0 30px 34px 133px !important;
    color: rgba(181, 192, 217, .58);
    box-sizing: border-box;
}

.site-footer__inner {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding-top: 26px;
    border-top: 1px solid rgba(132, 153, 205, .13);
    text-align: left;
}

.site-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 28px;
}

.site-footer__brand {
    display: inline-flex;
    align-items: center;
    width: 174px;
    min-width: 174px;
    text-decoration: none !important;
    opacity: .94;
    transition: opacity .18s ease, transform .18s ease;
}

.site-footer__brand:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.site-footer__brand img {
    display: block;
    width: 100%;
    height: auto;
}

.site-footer__telegram-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(140, 160, 204, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    color: rgba(238, 243, 255, .8);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.site-footer__telegram-link:hover {
    border-color: rgba(114, 159, 255, .34);
    background: rgba(82, 126, 220, .12);
    color: #fff;
    transform: translateY(-1px);
}

.site-footer__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: clamp(28px, 4vw, 70px);
    align-items: start;
    margin-bottom: 26px;
}

.site-footer__columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: clamp(22px, 4vw, 74px);
    min-width: 0;
}

.site-footer__column {
    display: grid;
    align-content: start;
    gap: 13px;
    min-width: 0;
}

.site-footer__column h3 {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, .94);
    font-size: clamp(18px, 1.35vw, 23px);
    font-weight: 720;
    line-height: 1.1;
    letter-spacing: 0;
}

.site-footer__column a {
    width: fit-content;
    max-width: 100%;
    color: rgba(195, 204, 225, .58);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none !important;
    transition: color .18s ease, transform .18s ease;
}

.site-footer__column a:hover {
    color: rgba(255, 255, 255, .9);
    transform: translateX(2px);
}

.site-footer__support-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 13px;
    width: 100%;
    min-width: 0;
}

.site-footer-support {
    position: relative;
    width: min(100%, 390px);
    min-height: 154px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(116, 147, 205, .18);
    border-radius: 14px;
    background: #111722;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035);
    text-align: left;
}

.site-footer-support:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(circle at 92% 22%, rgba(74, 127, 255, .15), transparent 28%),
        linear-gradient(90deg, rgba(14, 19, 29, .94) 0%, rgba(14, 19, 29, .78) 43%, rgba(14, 19, 29, .2) 69%, rgba(14, 19, 29, 0) 100%);
    pointer-events: none;
}

.site-footer-support__image {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

.site-footer-support__content {
    position: relative;
    z-index: 3;
    width: 58%;
    padding: 20px 18px 18px;
}

.site-footer-support__head {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.site-footer-support__head h3 {
    flex: 0 0 auto;
    margin: 0;
    color: #fff;
    font-size: 19px;
    font-weight: 720;
    line-height: 1.08;
}

.site-footer-support__head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #4d8bff, #2f70df);
    color: #fff;
    font-size: 13px;
    font-weight: 760;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(59, 130, 246, .28);
}

.site-footer-support__content p {
    max-width: 190px;
    margin: 13px 0 20px;
    color: rgba(219, 226, 239, .64);
    font-size: 14px;
    font-weight: 560;
    line-height: 1.28;
}

.site-footer-support__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 15px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
    font-size: 13px;
    font-weight: 720;
    line-height: 1;
    text-decoration: none !important;
    transition: background .18s ease, transform .18s ease;
}

.site-footer-support__button:hover {
    background: rgba(255, 255, 255, .18);
    transform: translateY(-1px);
}

.site-footer-trust {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.site-footer-certificate {
    position: relative;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none !important;
    opacity: .72;
    transition: opacity .18s ease, transform .18s ease;
}

.site-footer-certificate:hover {
    opacity: .95;
    transform: translateY(-1px);
}

.site-footer-certificate img {
    display: block;
    width: 34px;
    height: 33px;
    object-fit: contain;
}

.site-footer-age {
    display: block;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
}

.site-footer__methods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 0;
    border-top: 1px solid rgba(132, 153, 205, .11);
    border-bottom: 1px solid rgba(132, 153, 205, .11);
}

.site-footer__method-icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.site-footer__method-icons span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(140, 160, 204, .1);
    border-radius: 50%;
    background: rgba(255, 255, 255, .045);
}

.site-footer__method-icons img {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
}

.site-footer__telegram-link {
    gap: 8px;
    flex: 0 0 auto;
}

.site-footer__telegram-link .icon {
    width: 18px;
    height: 18px;
    margin: 0;
    fill: currentColor;
}

.site-footer__badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px 28px;
    margin: 24px 0 0;
}

.site-footer__badges img {
    display: block;
    flex: 0 0 auto;
    width: clamp(74px, 6vw, 98px);
    max-width: calc(50% - 14px);
    height: auto;
    object-fit: contain;
    opacity: .5;
    filter: grayscale(1) saturate(.45);
}

.site-footer__text {
    max-width: 1200px;
    margin: 24px 0 0;
    text-align: left;
}

.site-footer__text p {
    max-width: 100%;
    margin: 0 0 11px;
    color: rgba(169, 181, 207, .45);
    font-size: 12px;
    font-weight: 560;
    line-height: 1.55;
}

.site-footer__text p:last-child {
    margin-bottom: 0;
}

.site-footer__copyright {
    margin-top: 24px;
    color: rgba(194, 206, 232, .52);
    font-size: 12px;
    font-weight: 760;
    line-height: 1.35;
    text-align: left;
}

.site-footer__text a {
    color: rgba(200, 212, 238, .56);
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color .18s ease;
}

.site-footer__text a:hover {
    color: rgba(255, 255, 255, .9);
}

@media only screen and (max-width: 1250px) {
    .site-footer__main {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
        gap: 28px;
    }

    .site-footer__columns {
        gap: 24px;
    }
}

@media only screen and (max-width: 980px) {
    .site-footer.footer {
        padding: 0 18px 86px !important;
    }

    .site-footer__inner {
        padding-top: 24px;
    }

    .site-footer__top {
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .site-footer__brand {
        width: 150px;
        min-width: 150px;
    }

    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .site-footer__columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .site-footer__copyright,
    .site-footer__text {
        text-align: left;
    }

    .site-footer__text {
        margin-top: 20px;
    }

    .site-footer__badges {
        justify-content: flex-start;
        margin-top: 22px;
    }

    .site-footer__support-column {
        align-items: flex-start;
        width: 100%;
        margin: 0;
    }

    .site-footer-support {
        width: min(100%, 440px);
        min-height: 162px;
        margin: 0;
    }

    .site-footer-support__content {
        width: 58%;
        padding: 20px 18px;
    }

    .site-footer-support__head h3 {
        font-size: 20px;
    }

    .site-footer-support__head span {
        min-height: 30px;
        padding: 0 11px;
        font-size: 14px;
    }

    .site-footer-support__content p {
        max-width: 210px;
        margin: 13px 0 20px;
        font-size: 14px;
    }

    .site-footer__text p {
        font-size: 12px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 560px) {
    .site-footer.footer {
        margin-top: 28px;
        padding: 0 14px 92px !important;
    }

    .site-footer__inner {
        padding-top: 20px;
    }

    .site-footer__top {
        flex-direction: column;
        gap: 16px;
    }

    .site-footer__columns {
        grid-template-columns: 1fr 1fr;
        gap: 22px 18px;
    }

    .site-footer__column h3 {
        margin-bottom: 4px;
        font-size: 16px;
    }

    .site-footer__column a {
        font-size: 12px;
        line-height: 1.2;
    }

    .site-footer__methods {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        padding: 16px 0;
    }

    .site-footer__method-icons {
        gap: 8px;
    }

    .site-footer__method-icons span {
        width: 34px;
        height: 34px;
    }

    .site-footer__copyright {
        margin-top: 18px;
        font-size: 11px;
    }

    .site-footer__badges {
        gap: 10px 16px;
        margin-top: 18px;
    }

    .site-footer__badges img {
        width: 70px;
        max-width: calc(50% - 8px);
    }

    .site-footer-support {
        min-height: 156px;
        border-radius: 16px;
    }

    .site-footer-support:before {
        background:
            linear-gradient(90deg, rgba(18, 24, 35, .92) 0%, rgba(18, 24, 35, .76) 50%, rgba(18, 24, 35, .16) 78%, rgba(18, 24, 35, 0) 100%);
    }

    .site-footer-support__image {
        width: 72%;
        object-position: 68% center;
    }

    .site-footer-support__content {
        width: 64%;
        padding: 20px 16px;
    }

    .site-footer-support__head {
        gap: 8px;
    }

    .site-footer-support__head h3 {
        font-size: 18px;
    }

    .site-footer-support__head span {
        min-height: 28px;
        padding: 0 10px;
        font-size: 13px;
    }

    .site-footer-support__content p {
        max-width: 180px;
        margin: 12px 0 18px;
        font-size: 13px;
        line-height: 1.32;
    }

    .site-footer-support__button {
        min-height: 36px;
        padding: 0 16px;
        border-radius: 8px;
        font-size: 13px;
    }

    .site-footer__text {
        margin-top: 18px;
    }

    .site-footer__text p {
        font-size: 11px;
        line-height: 1.48;
    }
}

/* Home game cards: keep the full 1280x800 banner visible on every viewport */
.home-games-layout .games {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.home-games-layout .games__item {
    height: auto !important;
    min-height: 0;
    aspect-ratio: 8 / 5;
    box-sizing: border-box;
    padding: 22px 26px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

.home-games-layout .games__item.games__item--shoot,
.home-games-layout .games__item.games__item--x100,
.home-games-layout .games__item.games__item--x30,
.home-games-layout .games__item.games__item--dice,
.home-games-layout .games__item.games__item--mines,
.home-games-layout .games__item.games__item--crash,
.home-games-layout .games__item.games__item--coin,
.home-games-layout .games__item.games__item--keno,
.home-games-layout .games__item.games__item--slots {
    background-size: 100% 100% !important;
}

@media only screen and (max-width: 1125px) {
    .home-games-layout .games {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media only screen and (max-width: 725px) {
    .home-games-layout .games {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-games-layout .games__item {
        padding: 16px 18px;
        border-radius: 18px;
    }

    .home-games-layout .games__item-text span {
        font-size: 19px;
        line-height: 1.08;
    }

    .home-games-layout .games__item-text p {
        padding-top: 6px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 420px) {
    .home-games-layout .games__item {
        padding: 12px 13px;
        border-radius: 15px;
    }

    .home-games-layout .games__item-text span {
        font-size: 16px;
    }

    .home-games-layout .games__item-text p {
        font-size: 10px;
    }
}

/* Toast close control */
#toast-container > .toast {
    position: relative;
    cursor: default;
}

#toast-container > .toast .toast-manual-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    cursor: pointer;
    opacity: 0;
    padding: 0;
    transition: opacity .16s ease, background .16s ease, transform .16s ease;
}

#toast-container > .toast .toast-manual-close:before,
#toast-container > .toast .toast-manual-close:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 11px;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
}

#toast-container > .toast .toast-manual-close:before {
    transform: rotate(45deg);
}

#toast-container > .toast .toast-manual-close:after {
    transform: rotate(-45deg);
}

#toast-container > .toast:hover .toast-manual-close,
#toast-container > .toast .toast-manual-close:focus {
    opacity: 1;
}

/* Mobile game fixes: X30/X100/Keno online, Keno layout, footer Telegram alignment. */
@media only screen and (max-width: 760px) {
    .x30__bets,
    .x100 .x30__bets {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .x30__bet-heading,
    .x100 .x30__bet-heading {
        min-height: 54px;
        padding: 12px 14px !important;
        border-radius: 14px 14px 0 0;
    }

    .x30__bet-heading span,
    .x100 .x30__bet-heading span {
        font-size: 15px;
    }

    .x30__bet-heading img {
        width: 28px;
        height: 28px;
    }

    .x30__bet-info {
        display: flex !important;
        min-height: 44px;
        padding: 11px 12px !important;
        margin-bottom: 0 !important;
        border-radius: 0 0 14px 14px;
        font-size: 12px;
    }

    .x30__bet-info .icon.small {
        width: 14px;
        height: 14px;
        margin-right: 5px !important;
    }

    .x30__bet-info .icon.money {
        width: 14px;
        height: 14px;
        margin-left: 5px !important;
    }

    .x30__bet-users,
    .x100__bet-users {
        display: none !important;
    }

    .x30__bet-user,
    .x100__bet-user {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        min-height: 34px;
        margin-bottom: 0 !important;
        padding: 7px 9px !important;
        border-radius: 11px;
    }

    .x30__bet-user .history__user,
    .x100__bet-user .history__user {
        gap: 7px;
    }

    .x30__bet-user .history__user-avatar,
    .x100__bet-user .history__user-avatar,
    .x30__bet-user .fake-online__avatar,
    .x100__bet-user .fake-online__avatar {
        width: 22px;
        height: 22px;
        min-width: 22px;
        flex-basis: 22px;
        font-size: 8px;
    }

    .x30__bet-user .history__user span,
    .x100__bet-user .history__user span {
        max-width: 72px;
        font-size: 10px;
    }

    .x30__bet-sum {
        flex: 0 0 auto;
        font-size: 10px;
    }

    .history.fake-online {
        display: block !important;
        margin-top: 14px;
        padding-top: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        border-radius: 16px;
    }

    .history.fake-online:before {
        height: 5px;
        opacity: .55;
    }

    .history.fake-online table {
        display: table !important;
        min-width: 560px !important;
        border-spacing: 0 8px;
    }

    .history.fake-online table thead tr td {
        padding-bottom: 2px;
        font-size: 10px;
        letter-spacing: 0;
    }

    .history.fake-online table tbody tr td {
        padding: 9px 8px;
        font-size: 11px;
    }

    .history.fake-online .fake-online__avatar {
        width: 24px;
        height: 24px;
        min-width: 24px;
        flex-basis: 24px;
        font-size: 8px;
    }

    .history.fake-online .fake-online__status {
        min-width: 70px;
        padding: 5px 8px;
        font-size: 10px;
    }

    .keno {
        margin: 8px 0 14px;
        border-radius: 18px;
        overflow: hidden;
    }

    .keno__content {
        margin-top: 0 !important;
        padding-bottom: 12px;
    }

    .keno__round-info {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 96px;
        gap: 8px;
        align-items: stretch;
        padding: 10px 10px 8px !important;
    }

    .keno__round-info-item {
        width: 100%;
        min-width: 0;
        padding: 9px;
        border: 1px solid rgba(121, 135, 174, .12);
        border-radius: 13px;
        background: rgba(18, 23, 37, .68);
        line-height: 1.2;
    }

    .keno__round-info-item:first-child {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 7px;
    }

    .keno__round-info-item:first-child > div {
        flex: 1 1 0;
        min-width: 0;
    }

    .keno__round-info-item:first-child > div + div {
        margin-left: 0 !important;
    }

    .keno__round-info-item:last-child {
        align-items: center !important;
        justify-content: center;
        text-align: center;
    }

    .keno__round-info-item span {
        font-size: 9.5px;
        line-height: 1.15;
    }

    .keno__round-info-item b {
        margin-top: 3px;
        font-size: 16px;
        line-height: 1;
    }

    .keno__mines {
        min-height: 0;
        margin: 0 10px;
        padding: 10px 8px 11px;
        border: 1px solid rgba(121, 135, 174, .1);
        border-radius: 15px;
        background-position: center;
    }

    .keno__mines:before {
        display: none;
    }

    .keno__canvas,
    .keno__canvas.d-flex {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 5px;
        width: 100%;
        max-width: 100% !important;
    }

    .keno__canvas-item {
        width: 100%;
        min-width: 0;
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0;
        border-top-width: 4px;
        border-radius: 11px;
    }

    .keno__canvas-item:hover {
        transform: none;
    }

    .keno__canvas-number {
        top: -1px;
        font-size: 13px;
        line-height: 1;
    }

    .keno__canvas-users {
        top: -7px;
        right: -5px;
        transform: scale(.64);
        transform-origin: top right;
    }

    .keno__bet {
        padding: 10px 10px 0 !important;
    }

    .theme--dark .keno__bet-settings,
    .keno__bet-settings {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px;
        min-height: 0;
        height: auto;
        padding: 8px;
        border-radius: 15px;
    }

    .keno__bet-left,
    .keno__bet-right,
    .theme--dark .keno__bet-left,
    .theme--dark .keno__bet-right {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        width: 100%;
    }

    .keno__bet-left a,
    .theme--dark .keno__bet-left a,
    .keno__bet-add,
    .theme--dark .keno__bet-add {
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        padding: 0 10px;
        border-radius: 11px;
        font-size: 11px;
        justify-content: center;
    }

    .keno__bet-state {
        order: 0;
        min-height: 34px;
        width: 100%;
        margin: 0;
        padding: 6px 10px;
        font-size: 11px;
    }

    .keno__bet-field,
    .theme--dark .keno__bet-field {
        width: 100%;
        min-width: 0;
        height: 38px;
        padding: 0 12px;
        border-radius: 11px;
    }

    .keno__bet-input,
    .theme--dark .keno__bet-input {
        height: 20px;
        font-size: 15px;
    }

    .keno__coeff {
        margin-top: 8px;
        overflow: hidden;
    }

    .keno__coeff:before {
        width: 58px;
        opacity: .65;
    }

    .keno__coeff-item {
        min-width: 84px;
        margin-right: 6px;
        padding: 7px 9px;
        border-radius: 10px;
        line-height: 16px;
    }

    .keno__coeff-item span {
        font-size: 10px;
    }
}

@media only screen and (max-width: 560px) {
    .site-footer__methods {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
    }

    .site-footer__method-icons {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        -webkit-overflow-scrolling: touch;
    }

    .site-footer__telegram-link {
        align-self: center;
        min-height: 34px;
        padding: 0 12px;
        border-radius: 10px;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 380px) {
    .x30__bets,
    .x100 .x30__bets {
        grid-template-columns: 1fr !important;
    }

    .keno__canvas,
    .keno__canvas.d-flex {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .site-footer__telegram-link span {
        display: none;
    }

    .site-footer__telegram-link {
        width: 34px;
        padding: 0;
    }
}

#toast-container > .toast .toast-manual-close:hover {
    background: rgba(255, 255, 255, .22);
    transform: scale(1.04);
}

#toast-container > .toast .toast-message {
    padding-right: 18px;
}

#toast-container > .toast-support-reply {
    background-image: none !important;
}

#toast-container > .toast-support-reply .toast-support-icon {
    position: absolute;
    left: 17px;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 255, 255, .14);
    transform: translateY(-50%);
    pointer-events: none;
}

#toast-container > .toast-support-reply .toast-support-icon .icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

@media only screen and (max-width: 560px) {
    #toast-container > .toast .toast-manual-close {
        opacity: 1;
    }
}

/* Profile summary stat icons */
.profile-summary__stats {
    gap: 12px !important;
}

.profile-summary__stats .profile-summary__stat {
    --stat-a: #5f8df2;
    --stat-b: #74c7ff;
    --stat-glow: rgba(95, 141, 242, .22);
    position: relative;
    isolation: isolate;
    min-height: 104px;
    overflow: hidden;
    padding: 14px 13px 13px !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 82% 18%, var(--stat-glow) 0, transparent 34px),
        linear-gradient(180deg, rgba(46, 58, 86, .88) 0%, rgba(28, 37, 59, .96) 100%) !important;
    border: 1px solid rgba(154, 174, 219, .24) !important;
    box-shadow: 0 12px 24px rgba(8, 14, 30, .2);
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 5px;
}

.profile-summary__stats .profile-summary__stat:before {
    content: "";
    position: absolute;
    right: -18px;
    top: -24px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--stat-glow) 0, transparent 67%);
    z-index: -1;
}

.profile-summary__stats .profile-summary__stat:after {
    left: 12px !important;
    right: 12px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent) !important;
}

.profile-summary__stat-icon {
    position: relative;
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
    border-radius: 13px;
    background: linear-gradient(145deg, var(--stat-a), var(--stat-b));
    color: #fff;
    box-shadow: 0 10px 18px var(--stat-glow), inset 0 1px 0 rgba(255, 255, 255, .32);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-summary__stat-icon:before,
.profile-summary__stat-icon:after {
    content: "";
    position: absolute;
    top: 11px;
    width: 16px;
    height: 22px;
    border: 2px solid rgba(173, 190, 230, .18);
    pointer-events: none;
}

.profile-summary__stat-icon:before {
    right: 30px;
    border-right: 0;
    border-radius: 16px 0 0 16px;
    transform: rotate(-18deg);
}

.profile-summary__stat-icon:after {
    left: 30px;
    border-left: 0;
    border-radius: 0 16px 16px 0;
    transform: rotate(18deg);
}

.profile-summary__stat-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    stroke: currentColor;
    position: relative;
    z-index: 1;
}

.profile-summary__stat-icon em {
    position: relative;
    z-index: 1;
    display: block;
    font-style: normal;
}

.profile-summary__stat-icon--deposit em {
    width: 21px;
    height: 21px;
    border: 2px solid rgba(255, 255, 255, .86);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .38), rgba(255, 255, 255, .08) 62%);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12);
}

.profile-summary__stat-icon--deposit em:before,
.profile-summary__stat-icon--deposit em:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 2px;
    background: #fff;
    transform: translate(-50%, -50%);
}

.profile-summary__stat-icon--deposit em:before {
    width: 10px;
    height: 2px;
}

.profile-summary__stat-icon--deposit em:after {
    width: 2px;
    height: 10px;
}

.profile-summary__stat-icon--withdraw em {
    width: 21px;
    height: 21px;
    margin: 0;
    border: 2px solid rgba(255, 255, 255, .82);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .32), rgba(255, 255, 255, .07) 64%);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12);
}

.profile-summary__stat-icon--withdraw em:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transform: translate(-50%, -50%);
}

.profile-summary__stat-icon--withdraw em:after {
    display: none;
}

.profile-summary__stat-icon--gamepad em {
    width: 25px;
    height: 16px;
    border-radius: 11px 11px 8px 8px;
    background:
        linear-gradient(#fff, #fff) 6px 7px / 8px 2px no-repeat,
        linear-gradient(#fff, #fff) 9px 4px / 2px 8px no-repeat,
        radial-gradient(circle, #fff 0 2px, transparent 2.4px) 17px 5px / 5px 5px no-repeat,
        radial-gradient(circle, #fff 0 2px, transparent 2.4px) 20px 9px / 5px 5px no-repeat,
        rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
}

.profile-summary__stat-icon--gamepad em:before,
.profile-summary__stat-icon--gamepad em:after {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 9px;
    height: 10px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .2);
}

.profile-summary__stat-icon--gamepad em:before {
    left: -1px;
    transform: rotate(20deg);
}

.profile-summary__stat-icon--gamepad em:after {
    right: -1px;
    transform: rotate(-20deg);
}

.profile-summary__stats .profile-summary__stat span {
    color: rgba(186, 198, 229, .76) !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
}

.profile-summary__stats .profile-summary__stat b {
    color: #fff !important;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 0;
}

.profile-summary__stat--deposits {
    --stat-a: #3f7fe8;
    --stat-b: #6bd0e7;
    --stat-glow: rgba(72, 144, 228, .24);
}

.profile-summary__stat--withdraws {
    --stat-a: #4d64bf;
    --stat-b: #7988e7;
    --stat-glow: rgba(105, 126, 226, .22);
}

.profile-summary__stat--games {
    --stat-a: #2f78d8;
    --stat-b: #63a7ff;
    --stat-glow: rgba(72, 138, 241, .24);
}

.profile-summary__stat--wins {
    --stat-a: #3f7fe8;
    --stat-b: #6bd0e7;
    --stat-glow: rgba(72, 144, 228, .24);
}

@media only screen and (max-width: 560px) {
    .profile-summary__stats {
        gap: 10px !important;
    }

    .profile-summary__stats .profile-summary__stat {
        min-height: 96px;
        padding: 12px !important;
    }

    .profile-summary__stat-icon {
        width: 32px;
        height: 32px;
        border-radius: 11px;
    }

    .profile-summary__stat-icon svg {
        width: 16px;
        height: 16px;
    }

    .profile-summary__stats .profile-summary__stat b {
        font-size: 16px;
    }
}

/* Profile color tune */
.profile-summary,
.profile-dashboard {
    background: linear-gradient(180deg, #202638 0%, #1e2538 52%, #1b2030 100%) !important;
    border-color: rgba(76, 93, 136, .34) !important;
}

.profile-summary:before,
.profile-dashboard:before {
    background: linear-gradient(90deg, #26314d 0%, #35466d 48%, #252f48 100%);
}

.profile-summary__identity,
.profile-summary__balance,
.profile-summary__stats div,
.profile-summary__admin,
.profile-summary__demo,
.profile-info-card,
.profile-history-table,
.profile-bet-table,
.profile-inline-edit,
.profile-inline-edit__preview,
.profile-inline-field,
.profile-inline-login-note,
.profile-bet-summary .bet-history-summary__item {
    border-color: rgba(95, 115, 165, .22) !important;
    background: rgba(32, 38, 56, .78) !important;
}

.profile-dashboard__tabs {
    background: rgba(27, 32, 48, .42) !important;
    border-bottom-color: rgba(95, 115, 165, .2) !important;
}

.profile-dashboard__tab {
    color: #9aa7ca !important;
}

.profile-dashboard__tab.active {
    color: #fff !important;
    background: rgba(57, 122, 230, .12) !important;
    box-shadow: inset 0 0 0 1px rgba(88, 123, 190, .26) !important;
}

.profile-panel__head span,
.profile-info-card span,
.profile-inline-field span,
.profile-inline-login-note span,
.profile-summary__name span,
.profile-summary__balance span,
.profile-summary__stats span,
.profile-summary__admin b,
.profile-summary__demo span,
.profile-history-table thead td,
.profile-bet-table thead td,
.bet-history-table thead td {
    color: #9aa7ca !important;
}

.profile-summary__balance .btn,
.profile-panel__head .btn,
.profile-inline-edit__actions .btn,
.bet-history-filter__all.active,
.bet-history-filter__item input:checked + span {
    background: linear-gradient(180deg, #3f7fe8 0%, #346fd4 100%) !important;
    border-color: rgba(105, 150, 236, .34) !important;
}

.profile-inline-field input[type="text"],
.profile-inline-field input[type="email"],
.profile-inline-field input[type="date"],
.profile-inline-file em,
.profile-inline-cancel {
    background: rgba(27, 32, 48, .74) !important;
    border-color: rgba(95, 115, 165, .22) !important;
}

.profile-summary__stat--deposits {
    --stat-a: #397ae6;
    --stat-b: #61a8ff;
    --stat-glow: rgba(57, 122, 230, .22);
}

.profile-summary__stat--withdraws {
    --stat-a: #405d9d;
    --stat-b: #6d84c4;
    --stat-glow: rgba(88, 112, 180, .2);
}

.profile-summary__stat--games {
    --stat-a: #396fc8;
    --stat-b: #5295ee;
    --stat-glow: rgba(57, 111, 200, .22);
}

.profile-summary__stat--wins {
    --stat-a: #397ae6;
    --stat-b: #61a8ff;
    --stat-glow: rgba(57, 122, 230, .22);
}

.profile-summary__stat-icon:before,
.profile-summary__stat-icon:after {
    display: none !important;
}

.profile-summary__stats .profile-summary__stat {
    background:
        radial-gradient(circle at 82% 18%, rgba(80, 103, 157, .18) 0, transparent 34px),
        linear-gradient(180deg, rgba(35, 43, 65, .9) 0%, rgba(28, 35, 54, .96) 100%) !important;
    border-color: rgba(84, 103, 150, .2) !important;
    box-shadow: none !important;
}

.profile-summary__stats .profile-summary__stat:before {
    opacity: .45;
}

.profile-summary__stat-icon {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

.header__menu-toggle {
    display: none !important;
}

.profile-bet-filter__toggle {
    display: none;
}

.profile-bet-filter__panel {
    display: contents;
}

@media only screen and (max-width: 640px) {
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws {
        overflow: visible;
        border: 0;
        background: transparent !important;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws table,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tbody,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tr,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws thead {
        display: none;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tbody {
        display: grid;
        gap: 10px;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tr {
        padding: 12px;
        border: 1px solid rgba(95, 115, 165, .2);
        border-radius: 12px;
        background: rgba(32, 38, 56, .78);
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td {
        display: grid;
        grid-template-columns: minmax(72px, .42fr) minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        padding: 7px 0;
        border: 0;
        white-space: normal;
        word-break: break-word;
        font-size: 13px;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td:before {
        content: attr(data-label);
        color: #9aa7ca;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws .profile-history-status {
        justify-self: start;
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws .profile-history-table__empty {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        min-height: 74px;
        padding: 16px;
        text-align: center;
    }

    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws .profile-history-table__empty:before {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    .mobile-menu {
        display: none !important;
    }

    .header__user {
        gap: 8px;
    }

    .header__menu-toggle {
        display: flex !important;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(108, 132, 184, .14);
        border-radius: 13px;
        color: #7887AE;
        background: rgba(20, 25, 40, .42);
        cursor: pointer;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
        transition: border-color .18s ease, background .18s ease, color .18s ease;
    }

    .header__menu-toggle.active,
    .header__menu-toggle:hover,
    .header__menu-toggle:focus {
        color: #8fb1ff;
        background: rgba(31, 40, 64, .58);
        border-color: rgba(109, 152, 236, .24);
    }

    .header__menu-toggle .icon {
        width: 20px;
        height: 20px;
        margin: 0;
        pointer-events: none;
    }

    .mobile-navbar {
        display: flex !important;
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 50vw !important;
        min-width: 176px;
        max-width: 270px;
        height: 100vh !important;
        max-height: none;
        margin: 0 !important;
        padding: 14px 10px !important;
        border-radius: 0;
        background: rgba(23, 28, 43, .96) !important;
        border: 0;
        border-left: 1px solid rgba(108, 132, 184, .16);
        border-right: 0;
        box-shadow: -14px 0 34px rgba(0, 0, 0, .28);
        opacity: 0;
        pointer-events: none;
        overflow: auto;
        transform: translate3d(18px, 0, 0);
        transition: opacity .2s ease, transform .2s ease;
        z-index: 9 !important;
    }

    .mobile-navbar:before {
        display: none !important;
    }

    .more--opened .mobile-navbar {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
    }

    .mobile-navbar__head {
        margin-bottom: 10px;
        padding: 2px 2px 10px;
        border-bottom: 1px solid rgba(108, 132, 184, .12);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
    }

    .mobile-navbar__head button {
        width: 30px;
        height: 30px;
        border: 0;
        border-radius: 10px;
        color: #9aa7ca;
        background: rgba(48, 57, 84, .42);
        font-size: 22px;
        line-height: 1;
    }

    .mobile-navbar__links {
        gap: 2px;
    }

    .mobile-navbar a {
        display: flex !important;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 44px;
        margin: 0 !important;
        padding: 0 8px !important;
        border-radius: 10px !important;
        color: #dce5ff;
        background: transparent !important;
        border: 0;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .mobile-navbar a:active,
    .mobile-navbar a:focus,
    .mobile-navbar a:hover {
        color: #dce5ff;
        background: rgba(45, 55, 82, .46) !important;
    }

    .mobile-navbar a .icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        color: #7fa6ff;
    }
}

@media only screen and (max-width: 640px) {
    .profile-summary__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .profile-summary__stats .profile-summary__stat {
        min-height: 84px;
        padding: 10px !important;
        border-radius: 11px !important;
        gap: 4px;
    }

    .profile-summary__stat-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 2px;
        border-radius: 10px;
    }

    .profile-summary__stat-icon svg {
        width: 15px;
        height: 15px;
    }

    .profile-summary__stats .profile-summary__stat span {
        font-size: 9.5px !important;
        line-height: 1.15;
    }

    .profile-summary__stats .profile-summary__stat b {
        font-size: 14px !important;
        line-height: 1.05;
    }

    .profile-dashboard__tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px !important;
        min-height: 0 !important;
        padding: 8px !important;
        overflow: visible !important;
    }

    .profile-dashboard__tab {
        width: 100%;
        min-height: 32px !important;
        padding: 0 7px !important;
        border-radius: 8px !important;
        font-size: 10.5px !important;
        line-height: 1.1;
        white-space: normal;
        text-align: center;
    }

    .profile-panel__head {
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    .profile-panel__head b {
        font-size: 16px !important;
    }

    .profile-panel__head span {
        font-size: 10.5px !important;
    }

    .profile-panel__head .btn {
        min-width: 0 !important;
        min-height: 32px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        font-size: 10.5px !important;
    }

    .profile-bet-filter {
        display: block !important;
        position: relative;
        margin-bottom: 10px !important;
        z-index: 2;
    }

    .profile-bet-filter__toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(132, 153, 198, .28);
        border-radius: 9px;
        color: #dce5ff;
        background: rgba(45, 55, 82, .62);
        font-family: inherit;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .profile-bet-filter__toggle:after {
        content: "";
        width: 7px;
        height: 7px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        opacity: .72;
        transform: rotate(45deg) translateY(-2px);
        transition: transform .18s ease;
    }

    .profile-bet-filter.is-open .profile-bet-filter__toggle:after {
        transform: rotate(-135deg) translate(-1px, -1px);
    }

    .profile-bet-filter__panel {
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        margin-top: 6px;
        padding: 8px;
        border: 1px solid rgba(95, 115, 165, .22);
        border-radius: 10px;
        background: rgba(25, 31, 48, .98);
        box-shadow: 0 14px 28px rgba(0, 0, 0, .26);
    }

    .profile-bet-filter.is-open .profile-bet-filter__panel {
        display: grid;
    }

    .profile-bet-filter .bet-history-filter__all,
    .profile-bet-filter .bet-history-filter__item span {
        width: 100%;
        min-height: 30px !important;
        padding: 0 6px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
        line-height: 1.1;
    }

    .profile-bet-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .profile-bet-summary .bet-history-summary__item {
        min-height: 62px;
        padding: 10px !important;
    }

    .profile-bet-summary .bet-history-summary__item span {
        font-size: 9.5px !important;
    }

    .profile-bet-summary .bet-history-summary__item b {
        font-size: 14px !important;
    }

    .popup--wallet .popup__tabs,
    .wallet__tabs {
        gap: 5px !important;
        min-width: 0;
        overflow: visible;
    }

    .popup--wallet .popup__tab,
    .wallet__tab {
        min-height: 32px !important;
        padding: 0 8px !important;
        border-radius: 8px !important;
    }

    .popup--wallet .popup__tab span,
    .wallet__tab span {
        font-size: 10px !important;
        line-height: 1.1;
    }

    .popup--wallet .popup__tab .icon,
    .wallet__tab .icon {
        width: 13px !important;
        height: 13px !important;
        margin-right: 5px !important;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table {
        overflow: visible;
        border: 0 !important;
        background: transparent !important;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits table,
    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits tbody,
    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits tr,
    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits td,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws table,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tbody,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tr,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table table,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table tbody,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table tr,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table td {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits thead,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws thead,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table thead {
        display: none;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits tbody,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tbody,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table tbody {
        display: grid;
        gap: 8px;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits tr,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws tr,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table tr {
        padding: 10px;
        border: 1px solid rgba(95, 115, 165, .2);
        border-radius: 11px;
        background: rgba(32, 38, 56, .78);
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits td,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table td {
        display: grid;
        grid-template-columns: minmax(64px, .42fr) minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 5px 0;
        border: 0;
        white-space: normal;
        word-break: break-word;
        font-size: 12px;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits td:before,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td:before,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table td:before {
        content: attr(data-label);
        color: #9aa7ca;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.15;
        text-transform: uppercase;
    }

    .profile-panel[data-profile-tab-panel="deposits"] .profile-history-table--deposits td > *,
    .profile-panel[data-profile-tab-panel="withdraws"] .profile-history-table--withdraws td > *,
    .profile-panel[data-profile-tab-panel="bets"] .profile-bet-table td > * {
        justify-self: start;
        max-width: 100%;
    }

    .profile-history-status,
    .bet-history-table__status {
        max-width: 100%;
        min-height: 24px;
        padding: 0 8px;
        white-space: normal;
        text-align: center;
    }

    .profile-history-table__empty,
    .bet-history-table__empty {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 68px;
        padding: 14px !important;
        text-align: center;
    }

    .profile-history-table__empty:before,
    .bet-history-table__empty:before {
        display: none;
    }
}

@media (max-width: 675px) {
    .overlayed {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 46px;
    }

    .popup--wallet.active {
        width: min(430px, calc(100vw - 24px)) !important;
        max-height: calc(100vh - 56px);
        max-height: calc(100dvh - 56px);
        overflow: hidden;
        border-radius: 18px;
        box-sizing: border-box;
    }

    .popup--wallet .popup__title {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px;
        align-items: center;
        gap: 10px;
        padding: 14px 14px 18px;
    }

    .popup--wallet .popup__tabs {
        min-width: 0;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .popup--wallet .popup__tabs::-webkit-scrollbar {
        display: none;
    }

    .popup--wallet .popup__content {
        max-height: calc(100vh - 132px);
        max-height: calc(100dvh - 132px);
        overflow-y: auto;
        padding: 14px;
    }

    .popup--wallet .close,
    .popup--refill .close {
        width: 38px;
        min-width: 38px;
        height: 38px;
        flex: 0 0 38px;
        overflow: visible;
        justify-self: end;
        margin: 0;
    }

    .popup--wallet .close .icon,
    .popup--refill .close .icon {
        width: 14px;
        height: 14px;
        display: block;
        flex: 0 0 14px;
    }

    .popup--wallet .wallet__methods {
        height: 150px !important;
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 18px;
    }

    .popup--wallet .wallet__method,
    .popup--wallet .wallet--refill .wallet__methods .wallet__method,
    .popup--wallet .wallet--withdraw .wallet__methods .wallet__method {
        min-height: 58px;
        padding: 10px;
        border-radius: 13px;
        margin-bottom: 8px;
    }

    .popup--wallet .wallet__method img,
    .popup--wallet .wallet--refill .wallet__methods .wallet__method img,
    .popup--wallet .wallet--withdraw .wallet__methods .wallet__method img {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
        margin-right: 8px;
    }

    .popup--wallet .wallet__method span,
    .popup--wallet .wallet--refill .wallet__methods .wallet__method span,
    .popup--wallet .wallet--withdraw .wallet__methods .wallet__method span {
        font-size: 13px;
        line-height: 1.12;
    }

    .popup--wallet .wallet__method b {
        font-size: 10.5px;
        line-height: 1.12;
    }

    .popup--wallet .wallet__order {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 12px;
        padding-bottom: 0;
    }

    .popup--wallet .wallet__order .wallet__txt {
        gap: 4px;
        line-height: 20px;
    }

    .popup--wallet .wallet__order .btn {
        width: 100%;
        min-height: 46px;
        justify-content: center;
        border-radius: 13px;
    }

    .popup--wallet .wallet--withdraw .wallet__methods {
        height: auto !important;
        max-height: none !important;
        overflow: visible;
        padding: 10px;
    }

    .popup--wallet .wallet--withdraw .wallet__scroll {
        height: auto;
        display: block;
    }

    .popup--wallet .wallet--withdraw .wallet__method {
        min-height: 54px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        margin-bottom: 8px;
        text-align: left;
    }

    .popup--wallet .wallet--withdraw .wallet__method img {
        margin-right: 8px;
    }

    .popup--wallet .wallet--withdraw .wallet__method > div {
        align-items: flex-start;
    }

    .popup--wallet .wallet--withdraw .wallet__method span {
        font-size: 13px;
        line-height: 1.12;
    }

    .popup--wallet .wallet--withdraw .wallet__method b {
        display: block;
        max-width: 100%;
        color: #8d9cc5;
        font-size: 10.5px;
        line-height: 1.12;
    }

    .popup--wallet .wallet--withdraw .withdraw-bound-list {
        margin-top: 8px;
    }

    .popup--refill.active {
        width: min(430px, calc(100vw - 24px)) !important;
        max-height: calc(100vh - 56px) !important;
        max-height: calc(100dvh - 56px) !important;
        overflow: hidden !important;
        border-radius: 18px;
        box-sizing: border-box;
    }

    .popup--refill .popup__title {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px;
        align-items: center;
        gap: 10px;
        padding: 14px 14px 18px;
    }

    .popup--refill .popup__title span {
        font-size: 15px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .popup--refill .popup__content {
        max-height: calc(100vh - 108px);
        max-height: calc(100dvh - 108px);
        overflow-y: auto;
        padding: 14px;
    }

    .refill-loading {
        padding: 14px;
        gap: 10px;
    }

    .refill-loading b {
        font-size: 15px;
    }

    .refill-proof-row {
        min-height: 50px;
        padding: 9px 10px;
        border-radius: 12px;
    }

    .refill-proof-copy,
    .refill-proof-qr-button {
        height: 38px;
    }
}

@media (max-width: 675px) {
    .overlayed,
    .overlayed * {
        box-sizing: border-box;
    }

    .overlayed {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow-x: hidden !important;
    }

    .overlayed .popup {
        width: 100% !important;
        max-width: 430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .popup--refill.active {
        width: calc(100vw - 24px) !important;
        max-width: 430px !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
    }

    .popup .popup__title,
    .popup--wallet .popup__title,
    .popup--refill .popup__title {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: center !important;
        column-gap: 10px !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .popup .popup__tabs,
    .popup .popup__title > span,
    .popup .popup__title > div:not(.close) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .popup .popup__title > .close,
    .popup--wallet .popup__title > .close,
    .popup--refill .popup__title > .close {
        grid-column: 2 !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    .popup .popup__title > .close .icon {
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        min-height: 14px !important;
        display: block !important;
        margin: 0 !important;
    }
}

.wallet__history-status,
.profile-history-status,
.bet-history-table__status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    min-height: 28px;
    padding: 0 10px !important;
    border-radius: 7px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    white-space: nowrap !important;
}

.wallet__history-status.success,
.profile-history-status.success,
.bet-history-table__status.success {
    background: rgba(62, 214, 132, .13);
    color: #3ed684;
}

.wallet__history-status.warning,
.profile-history-status.warning {
    background: rgba(255, 191, 71, .13);
    color: #ffbf47;
}

.wallet__history-status.error,
.profile-history-status.error,
.bet-history-table__status.error {
    background: rgba(255, 107, 123, .13);
    color: #ff6b7b;
}

.wallet__history-status-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
}

.wallet__history-cancel {
    appearance: none;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
    color: #7f8aa8;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: color .18s ease;
}

.wallet__history-cancel:hover {
    color: #ff6b7b;
}

/* Profile avatar fallback */
.profile-avatar-fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #aebadb;
}

.profile-avatar-fallback.no-avatar {
    background: linear-gradient(180deg, #2a3650 0%, #1d2538 100%) !important;
}

.profile-avatar-fallback.has-avatar .icon {
    display: none;
}

.profile-avatar-fallback.no-avatar .icon {
    width: 48%;
    height: 48%;
    margin: 0;
    fill: currentColor;
    color: currentColor;
    opacity: .9;
}

.profile-info-card__avatar.profile-avatar-fallback.no-avatar .icon {
    width: 17px;
    height: 17px;
}

.profile-info-card__avatar-empty {
    color: #9aa7ca;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

/* Compact profile balance actions */
.profile-summary__balance-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    margin-top: 4px;
}

.profile-summary__balance-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 42px;
    min-width: 0;
    min-height: 42px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid rgba(125, 151, 210, .22);
    border-radius: 8px;
    color: #f6f8ff;
    background: rgba(21, 28, 44, .54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.profile-summary__balance-action:hover {
    transform: translateY(-1px);
    border-color: rgba(135, 169, 245, .38);
    color: #fff;
}

.profile-summary__balance-action span {
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

.profile-summary__balance-action .icon {
    display: block;
    align-self: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    fill: currentColor;
    transform: none;
}

.profile-summary__balance-action--deposit .icon {
    width: 18px;
    height: 18px;
}

.profile-summary__balance-action--withdraw .icon {
    width: 18px;
    height: 18px;
}

.profile-summary__balance-action--withdraw .icon path {
    fill: none !important;
}

.profile-summary__balance-action--deposit {
    border-color: rgba(90, 145, 255, .34);
    background: rgba(57, 122, 230, .22);
    color: #dfeaff;
}

.profile-summary__balance-action--withdraw {
    color: #b9c4df;
}

@media only screen and (max-width: 360px) {
    .profile-summary__balance-actions {
        grid-template-columns: 1fr;
    }
}

/* Softer profile stat cards */
.profile-summary__stats .profile-summary__stat {
    background:
        linear-gradient(180deg, rgba(34, 42, 63, .86) 0%, rgba(27, 34, 52, .94) 100%) !important;
    border-color: rgba(110, 130, 176, .16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.profile-summary__stats .profile-summary__stat:before {
    opacity: .22 !important;
    background: radial-gradient(circle, rgba(82, 101, 145, .24) 0, transparent 68%) !important;
}

.profile-summary__stats .profile-summary__stat:after {
    opacity: .35;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent) !important;
}

.profile-summary__stat-icon {
    background: linear-gradient(180deg, #52698f 0%, #3e5173 100%) !important;
    color: #e8f0ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 8px 14px rgba(5, 10, 22, .16) !important;
}

.profile-summary__stat--wins .profile-summary__stat-icon {
    background: linear-gradient(180deg, #52698f 0%, #3e5173 100%) !important;
    color: #e8f0ff;
}

.profile-summary__stat-icon--deposit svg,
.profile-summary__stat-icon--withdraw svg,
.profile-summary__stat-icon--wins svg {
    width: 21px;
    height: 21px;
}

.profile-summary__stat-icon--games svg {
    width: 25px;
    height: 25px;
}

.profile-summary__stat-icon .profile-summary__stat-fill {
    fill: currentColor;
    opacity: .2;
    stroke: none;
}

.profile-summary__stat-icon svg circle:not([fill="none"]) {
    stroke: none;
}

.profile-summary__stats .profile-summary__stat span {
    color: rgba(178, 188, 218, .72) !important;
}

.profile-summary__stats .profile-summary__stat b {
    color: #f8faff !important;
}

/* Compact header account controls */
.header__user {
    gap: 12px;
}

.header__user-balance {
    gap: 10px;
}

.header__user-b {
    margin-right: 4px !important;
}

.header__user-balance-add .btn {
    min-width: 126px !important;
    width: auto !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #3f7ee4 0%, #3471d9 100%) !important;
    box-shadow: 0 10px 20px rgba(32, 95, 208, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.header__user-balance-add .btn span {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    line-height: 1 !important;
}

.header-auth-button {
    min-width: 154px !important;
    width: auto !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #3f7ee4 0%, #3471d9 100%) !important;
    box-shadow: 0 10px 20px rgba(32, 95, 208, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.header-auth-button span {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    line-height: 1 !important;
    text-shadow: none !important;
}

.header__user-profile {
    width: 74px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin-left: 0 !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    background: #111827 !important;
    color: #9aa7ca !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.header__user-profile.dropdown {
    border-radius: 16px 16px 0 0 !important;
    background: rgba(22, 29, 45, .96) !important;
}

.header__user-profile:before {
    right: 13px !important;
    top: 18px !important;
    border-width: 5px !important;
    border-top-width: 6px !important;
    border-top-color: #8c99bb !important;
}

.header__user-profile.dropdown:before {
    top: 13px !important;
}

.header__user-profile > .icon {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

.header__user-dropdown {
    top: 40px !important;
}

.header-notifications {
    position: relative;
    flex: 0 0 auto;
}

.header-notifications__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    background: #111827 !important;
    color: #9aa7ca !important;
    cursor: pointer;
    outline: 0;
    appearance: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    transition: background .16s ease, color .16s ease;
}

.header-notifications__button:hover,
.header-notifications.is-open .header-notifications__button {
    background: rgba(22, 29, 45, .96) !important;
    color: #b8c6e8 !important;
}

.header-notifications__button .icon {
    width: 16px;
    height: 16px;
    margin: 0;
    fill: currentColor;
}

.header-notifications__badge {
    position: absolute;
    right: -4px;
    top: -4px;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border: 2px solid #171c2b;
    border-radius: 999px;
    background: #ff385c;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.header-notifications__badge.is-visible {
    display: inline-flex;
}

.header-notifications__menu {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 30;
    display: none;
    width: 320px;
    max-width: calc(100vw - 28px);
    overflow: hidden;
    border: 1px solid rgba(108, 132, 184, .18);
    border-radius: 14px;
    background: rgba(20, 26, 41, .98);
    box-shadow: 0 18px 42px rgba(4, 8, 18, .34);
}

.header-notifications.is-open .header-notifications__menu {
    display: block;
}

.header-notifications__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(108, 132, 184, .14);
}

.header-notifications__head b {
    color: #f6f8ff;
    font-size: 14px;
    font-weight: 800;
}

.header-notifications__list {
    display: grid;
    max-height: 360px;
    overflow-y: auto;
    padding: 6px;
}

.header-notifications__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease;
}

.header-notifications__item:hover {
    background: rgba(255, 255, 255, .045);
}

.header-notifications__item i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(74, 98, 148, .24);
    color: #b9c8ed;
}

.header-notifications__item i .icon {
    width: 15px;
    height: 15px;
    margin: 0;
    fill: currentColor;
}

.header-notifications__item > span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.header-notifications__item b {
    color: #f6f8ff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.header-notifications__item em,
.header-notifications__item small,
.header-notifications__empty {
    color: #99a6c7;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.35;
}

.header-notifications__item em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-notifications__item small {
    color: #6f7d9e;
    font-size: 11px;
}

.header-notifications__item--success i {
    background: rgba(62, 214, 132, .12);
    color: #76dca2;
}

.header-notifications__item--error i {
    background: rgba(255, 107, 123, .12);
    color: #ff8c9a;
}

.header-notifications__item--pending i,
.header-notifications__item--unread i {
    background: rgba(83, 133, 236, .16);
    color: #9bbcff;
}

.header-notifications__item--unread b:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 7px;
    border-radius: 50%;
    background: #ff385c;
    vertical-align: 1px;
}

.header-notifications__empty {
    padding: 22px 14px;
    text-align: center;
}

@media only screen and (max-width: 760px) {
    .header__user-balance-add .btn {
        min-width: 116px !important;
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
    }

    .header__user-profile {
        width: 68px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 14px !important;
    }

    .header-notifications__button {
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }

    .header-notifications__menu {
        right: -58px;
        width: 300px;
    }
}

@media only screen and (max-width: 520px) {
    .header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .header .wrapper {
        flex-wrap: nowrap !important;
    }

    .header__right {
        display: flex !important;
        align-items: center;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0;
    }

    .header__right .sidebar__logotype {
        flex: 0 0 98px !important;
        width: 98px !important;
        height: 16px !important;
    }

    .header__user {
        display: flex !important;
        align-items: center;
        justify-content: flex-start !important;
        flex: 1 1 auto;
        flex-wrap: nowrap !important;
        gap: 8px;
        margin-left: 0 !important;
        min-width: 0;
    }

    .header__user-balance {
        flex: 0 0 auto;
        min-width: 0;
        transform: translateX(24px);
    }

    .header__user-b {
        flex: 0 0 auto;
        max-width: none !important;
        margin-right: 0 !important;
        overflow: visible;
        white-space: nowrap;
    }

    .header__user-b span {
        flex: 0 0 auto;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap;
    }

    .header__user-b .icon {
        display: block;
        flex: 0 0 13px;
        width: 13px !important;
        height: 13px !important;
        margin-left: 4px !important;
    }

    .header-notifications {
        flex: 0 0 40px;
        margin-left: auto;
    }

    .header__user-profile {
        flex: 0 0 56px;
        width: 56px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 14px !important;
    }

    .header__user-profile:before {
        right: 10px !important;
    }

    .header__menu-toggle {
        flex: 0 0 40px !important;
        margin-left: 0 !important;
        width: 40px !important;
        height: 40px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: #111827 !important;
        color: #9aa7ca !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    }

    .header__menu-toggle.active,
    .header__menu-toggle:hover,
    .header__menu-toggle:focus {
        background: rgba(22, 29, 45, .96) !important;
        color: #b8c6e8 !important;
        border-color: transparent !important;
    }
}

@media only screen and (max-width: 380px) {
    .header__right {
        gap: 6px !important;
    }

    .header__right .sidebar__logotype {
        flex-basis: 86px !important;
        width: 86px !important;
        height: 16px !important;
    }

    .header__user {
        gap: 6px;
    }

    .header__user-b {
        max-width: none !important;
    }

    .header__user-b span {
        font-size: 11px !important;
    }

    .header__user-balance {
        transform: translateX(14px);
    }

    .header__user-profile {
        flex-basis: 54px;
        width: 54px !important;
    }
}

/* Floating support shortcut */
.floating-support-button {
    position: fixed !important;
    right: 22px;
    bottom: 22px;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(123, 164, 255, .34);
    border-radius: 50%;
    background: linear-gradient(180deg, #3f7fe8 0%, #346fd4 100%);
    box-shadow: 0 16px 34px rgba(24, 70, 154, .32), inset 0 1px 0 rgba(255, 255, 255, .24);
    color: #fff;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.floating-support-button:hover {
    transform: translateY(-2px);
    border-color: rgba(169, 195, 255, .52);
    box-shadow: 0 20px 38px rgba(24, 70, 154, .4), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.floating-support-button .icon {
    width: 25px;
    height: 25px;
    margin: 0;
    fill: currentColor;
}

.floating-support-button__badge.support-unread-badge {
    left: auto;
    right: -4px;
    top: -4px;
    transform: none;
    border-color: #202638;
}

@media only screen and (max-width: 760px) {
    .floating-support-button {
        right: 16px;
        bottom: 16px;
        width: 50px;
        height: 50px;
    }

    .floating-support-button .icon {
        width: 23px;
        height: 23px;
    }
}

/* Bonus balance dropdown */
.header__user-balance {
    position: relative;
}

.header-balance-toggle {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
}

.header-balance-toggle:after {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 0;
    height: 0;
    margin-left: 7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9dadd3;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .18));
    transition: transform .18s ease, border-top-color .18s ease;
}

.header__user-balance.is-open .header-balance-toggle:after,
.header-balance-toggle:hover:after {
    border-top-color: #c1cff0;
}

.header__user-balance.is-open .header-balance-toggle:after {
    transform: rotate(180deg);
}

.header-balance-toggle:focus-visible {
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgba(99, 147, 240, .42);
}

.balance-popover {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 35;
    width: 336px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    border: 1px solid rgba(74, 94, 143, .32);
    border-radius: 18px;
    background: rgba(17, 24, 39, .98);
    box-shadow: 0 22px 52px rgba(3, 7, 18, .48), inset 0 1px 0 rgba(255, 255, 255, .045);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) scale(.98);
    transform-origin: top right;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    will-change: opacity, transform;
    scrollbar-width: none;
}

.balance-popover::-webkit-scrollbar {
    display: none;
}

.header__user-balance.is-open .balance-popover,
.balance-popover.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.balance-popover.is-floating {
    position: fixed;
    right: auto;
    z-index: 10060;
}

.balance-popover.is-mobile-floating {
    box-sizing: border-box;
}

.balance-popover__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.balance-popover__title {
    color: #f7f9ff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.balance-popover__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 10px;
    background: rgba(12, 18, 32, .82);
    color: #aeb7d4;
    cursor: pointer;
    transition: background .16s ease, color .16s ease;
}

.balance-popover__close:hover {
    background: rgba(34, 45, 72, .9);
    color: #fff;
}

.balance-popover__close .icon {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.balance-popover__meta {
    color: #8e9bc3;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.balance-popover__amount {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 8px;
    color: #f7f9ff;
}

.balance-popover__amount b {
    overflow: hidden;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.balance-popover__amount span {
    color: #f7f9ff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.balance-popover__active {
    margin-top: 8px;
    color: #8e9bc3;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.balance-popover__active b {
    color: #dce5ff;
    font-size: 11px;
}

.balance-popover__switch {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 12px;
}

.balance-popover__switch-button {
    display: grid;
    gap: 5px;
    min-width: 0;
    min-height: 54px;
    padding: 10px;
    border: 1px solid rgba(105, 129, 180, .16);
    border-radius: 13px;
    background: rgba(22, 29, 47, .72);
    color: #aeb9db;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.balance-popover__switch-button:hover {
    border-color: rgba(128, 160, 226, .26);
    background: rgba(32, 42, 66, .86);
}

.balance-popover__switch-button.is-active {
    border-color: rgba(77, 135, 236, .48);
    background: rgba(48, 86, 153, .34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(32, 95, 208, .12);
}

.balance-popover__switch-button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.balance-popover__switch-button span {
    overflow: hidden;
    color: inherit;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.balance-popover__switch-button b {
    overflow: hidden;
    color: #f7f9ff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.balance-popover__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
}

.balance-popover__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    border: 1px solid rgba(95, 145, 238, .18);
    border-radius: 13px;
    background: linear-gradient(180deg, #3f7ee4 0%, #3471d9 100%);
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 10px 22px rgba(38, 103, 220, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
    transition: transform .16s ease, filter .16s ease, border-color .16s ease, background .16s ease;
}

.balance-popover__action:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.balance-popover__action span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(8, 16, 32, .45);
    color: #fff;
    font-size: 0;
    font-weight: 900;
    line-height: 0;
}

.balance-popover__action span:before,
.balance-popover__action span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.balance-popover__action span:after {
    display: none;
    width: 3px;
    height: 10px;
}

.balance-popover__action:first-child span:after {
    display: block;
}

.balance-popover__action b {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.balance-popover__action + .balance-popover__action {
    border-color: rgba(106, 129, 181, .22);
    background: rgba(22, 29, 47, .88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.balance-popover__action + .balance-popover__action:hover {
    border-color: rgba(128, 160, 226, .32);
    background: rgba(31, 41, 66, .92);
}

.balance-popover__action + .balance-popover__action span {
    background: rgba(62, 126, 228, .16);
    color: #9fbbf1;
}

.balance-popover__action + .balance-popover__action b {
    color: #c7d2ef;
}

.balance-popover__row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    margin: 12px 0 0;
    padding: 9px 12px;
    border: 1px solid rgba(105, 129, 180, .18);
    border-radius: 14px;
    background: rgba(39, 49, 76, .82);
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.balance-popover__row:hover {
    border-color: rgba(128, 160, 226, .24);
    background: rgba(48, 60, 91, .9);
    transform: translateY(-1px);
}

.balance-popover__row span {
    color: #9faad0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.balance-popover__row b {
    margin-left: auto;
    color: #f7f9ff;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
}

.balance-popover__row--bonus {
    background: rgba(45, 56, 86, .86);
}

.balance-popover__wager {
    display: none;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(105, 129, 180, .14);
    border-radius: 13px;
    background: rgba(17, 24, 39, .62);
}

.balance-popover__wager.is-visible {
    display: block;
}

.balance-popover__wager div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #9aa8cc;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.balance-popover__wager div b {
    color: #dce5ff;
    font-size: 11px;
}

.balance-popover__wager i,
.bonus-wager-panel__bar {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 7px;
    margin-top: 8px;
    border-radius: 99px;
    background: rgba(9, 14, 25, .86);
}

.balance-popover__wager i em,
.bonus-wager-panel__bar span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #3f7ee4 0%, #65a4ff 100%);
    box-shadow: 0 0 16px rgba(79, 145, 255, .35);
    transition: width .22s ease;
}

.balance-popover__wager small {
    display: block;
    margin-top: 7px;
    color: #8e9bc3;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.balance-popover__chevron {
    color: rgba(225, 231, 250, .58);
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.goldcoin-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.goldcoin-brand__coin {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255, 227, 121, .78);
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 28%, #fff4a7 0 12%, rgba(255, 255, 255, 0) 13%),
        radial-gradient(circle at 50% 50%, #ffcf45 0, #f5a927 48%, #b96411 100%);
    box-shadow:
        inset 0 2px 3px rgba(255, 255, 255, .48),
        inset 0 -3px 5px rgba(124, 61, 8, .46),
        0 6px 14px rgba(255, 171, 45, .22);
    color: #5a2800;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 241, 171, .7);
}

.goldcoin-brand__coin:before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(122, 61, 6, .38);
    border-radius: inherit;
}

.goldcoin-brand__coin > span {
    position: relative;
    z-index: 1;
}

.goldcoin-brand__text {
    overflow: hidden;
    color: inherit;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.balance-popover__row .goldcoin-brand {
    min-width: 0;
}

.balance-popover__row .goldcoin-brand__coin,
.balance-popover__row .goldcoin-brand__coin > span {
    color: #5a2800;
    font-size: 8px;
    font-weight: 900;
    text-transform: none;
}

.balance-popover__row .goldcoin-brand__text {
    color: #f2f4fb;
    font-size: 14px;
    text-transform: none;
}

.bonus-exchange-popup {
    max-width: 360px;
}

.bonus-exchange-popup .popup__title {
    padding: 14px 16px 18px;
}

.bonus-exchange-popup .popup__tab {
    padding: 10px 14px;
    border-width: 1px;
}

.bonus-exchange-popup .popup__tab--active {
    border-width: 1px;
}

.bonus-exchange-popup .popup__tab span {
    font-size: 13px;
}

.bonus-exchange-popup .popup__tab .goldcoin-brand__coin {
    width: 28px;
    height: 28px;
    font-size: 9px;
}

.bonus-exchange-popup .popup__tab .goldcoin-brand__coin,
.bonus-exchange-popup .popup__tab .goldcoin-brand__coin > span {
    color: #5a2800;
    font-weight: 900;
    text-transform: none;
}

.bonus-exchange-popup .popup__tab .goldcoin-brand__text {
    color: #fff;
    font-size: 14px;
    text-transform: none;
}

.bonus-exchange-popup .popup__tab--active .icon {
    width: 14px;
    height: 14px;
    margin-right: 7px;
}

.bonus-exchange-popup .close {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.bonus-exchange-popup .close .icon {
    width: 13px;
    height: 13px;
}

.bonus-exchange-popup .popup__content {
    padding: 14px 16px 16px;
}

.bonus-exchange {
    display: grid;
    gap: 10px;
    width: 100%;
}

.bonus-exchange__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bonus-exchange__summary {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.bonus-exchange__summary span,
.bonus-converter__field span {
    color: #a4afd2;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.bonus-exchange__summary b {
    overflow: hidden;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bonus-exchange__status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(105, 129, 180, .18);
    border-radius: 999px;
    background: rgba(28, 37, 59, .72);
    color: #aebbe0;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.bonus-wager-panel {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(105, 129, 180, .16);
    border-radius: 14px;
    background: rgba(17, 24, 39, .68);
}

.bonus-wager-panel__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #9aa8cc;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
}

.bonus-wager-panel__row b {
    overflow: hidden;
    color: #f7f9ff;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bonus-wager-panel__bar {
    margin-top: 2px;
}

.bonus-wager-panel__percent {
    color: #c7d2ef;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
}

.bonus-converter {
    display: grid;
    gap: 7px;
}

.bonus-converter__field {
    display: grid;
    gap: 6px;
    margin: 0;
}

.bonus-converter__field > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 6px 9px 6px 12px;
    border: 1px solid rgba(106, 129, 181, .18);
    border-radius: 12px;
    background: rgba(19, 26, 42, .74);
}

.bonus-converter__field input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f8faff;
    font-family: inherit;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.bonus-converter__field em {
    flex: 0 0 auto;
    min-width: 56px;
    padding: 7px 8px;
    border-radius: 9px;
    background: rgba(64, 82, 126, .46);
    color: #c7d2ef;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.bonus-converter__field--readonly > div {
    background: rgba(36, 46, 72, .68);
}

.bonus-converter__field--readonly input {
    color: #bfcaf0;
}

.bonus-converter__rate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 25px;
    padding: 0 10px;
    border: 1px solid rgba(106, 129, 181, .14);
    border-radius: 9px;
    background: rgba(28, 37, 59, .64);
    color: #c4cee9;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.bonus-converter__rate small {
    color: #8190ba;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.bonus-converter__rate span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bonus-exchange__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #909cc1;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.bonus-exchange__meta b {
    color: #d8def4;
}

.bonus-exchange__meta button {
    border: 1px solid rgba(115, 142, 198, .2);
    border-radius: 9px;
    background: rgba(27, 36, 56, .82);
    color: #c7d2ef;
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 7px 9px;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.bonus-exchange__meta button:hover {
    border-color: rgba(135, 166, 234, .34);
    background: rgba(50, 68, 106, .74);
    color: #fff;
}

.bonus-exchange__rules-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(115, 142, 198, .2);
    border-radius: 9px;
    background: rgba(27, 36, 56, .82);
    color: #c7d2ef;
    font-family: inherit;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.bonus-exchange__rules-button span {
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.bonus-exchange__rules-button:hover,
.bonus-exchange__rules-button.is-active {
    border-color: rgba(135, 166, 234, .34);
    background: rgba(50, 68, 106, .74);
    color: #fff;
}

.bonus-exchange__hint {
    display: none;
    margin-top: -2px;
    color: #ff6969;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.25;
}

.bonus-exchange__hint.is-visible {
    display: block;
}

.bonus-exchange__status {
    display: none;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.bonus-exchange__status.is-visible {
    display: block;
}

.bonus-exchange__status.is-error {
    border: 1px solid rgba(255, 107, 123, .22);
    background: rgba(255, 107, 123, .09);
    color: #ff9aa7;
}

.bonus-exchange__status.is-info {
    border: 1px solid rgba(124, 161, 236, .2);
    background: rgba(83, 133, 236, .09);
    color: #b8cbf6;
}

.bonus-exchange__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #3f7ee4 0%, #3471d9 100%);
    box-shadow: 0 12px 24px rgba(32, 95, 208, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
    color: #fff;
    font-family: inherit;
    cursor: pointer;
    transition: opacity .16s ease, transform .16s ease;
}

.bonus-exchange__button span {
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.bonus-exchange__button:hover {
    transform: translateY(-1px);
}

.bonus-exchange__button:disabled,
.bonus-exchange__button.is-disabled {
    cursor: not-allowed;
    opacity: .48;
    transform: none;
}

.bonus-rules-popup {
    max-width: 820px;
}

.bonus-rules-close {
    border: 0;
    background: rgba(22, 29, 47, .86);
    color: #a9b5d8;
    cursor: pointer;
    font-family: inherit;
}

.popup .bonus-rules-close {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 14px;
    transition: background .16s ease, color .16s ease;
}

.popup .bonus-rules-close:hover {
    background: rgba(50, 64, 99, .82);
    color: #fff;
}

.popup .bonus-rules-close .icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.bonus-rules {
    display: grid;
    gap: 16px;
    width: 100%;
}

.bonus-rules__head {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 1px solid rgba(97, 125, 183, .18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(28, 37, 59, .92), rgba(18, 25, 40, .92));
}

.bonus-rules__head b {
    color: #f8faff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.15;
}

.bonus-rules__head span {
    color: #9ba8ca;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.bonus-rules__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.bonus-rules__list div {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid rgba(106, 129, 181, .14);
    border-radius: 12px;
    background: rgba(19, 26, 42, .64);
}

.bonus-rules__list i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: rgba(62, 126, 228, .18);
    color: #9fbfff;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.bonus-rules__list span {
    color: #d5dcf1;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.bonus-rules__table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(106, 129, 181, .16);
    border-radius: 16px;
    background: rgba(15, 21, 35, .66);
}

.bonus-rules__table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.bonus-rules__table th,
.bonus-rules__table td {
    padding: 16px 18px;
    border-bottom: 1px solid rgba(106, 129, 181, .11);
    color: #d8def1;
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
}

.bonus-rules__table th {
    color: #8794bc;
    font-size: 12px;
    text-transform: uppercase;
}

.bonus-rules__table tr:last-child td {
    border-bottom: 0;
}

@media only screen and (max-width: 760px) {
    .balance-popover {
        width: min(340px, calc(100vw - 20px));
        max-width: calc(100vw - 20px);
        max-height: calc(100dvh - 20px);
        padding: 14px;
        transform-origin: top center;
    }

    .balance-popover.is-floating {
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-width: calc(100vw - 20px) !important;
        transform: translate3d(0, -10px, 0) scale(.98) !important;
    }

    .header__user-balance.is-open .balance-popover.is-floating,
    .balance-popover.is-mobile-floating.is-open {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .balance-popover__title {
        font-size: 20px;
    }

    .balance-popover__amount b {
        font-size: 27px;
    }

    .balance-popover__amount span {
        font-size: 21px;
    }

    .bonus-rules__list {
        grid-template-columns: 1fr;
    }

    .popup .bonus-rules-close {
        position: absolute;
        top: 14px;
        right: 14px;
        left: auto;
        width: 38px;
        min-width: 38px;
        max-width: 38px;
        height: 38px;
        min-height: 38px;
        max-height: 38px;
        border-radius: 12px;
    }
}

@media only screen and (max-width: 520px) {
    .balance-popover {
        width: min(350px, calc(100vw - 16px));
        max-width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        transform-origin: top center;
    }

    .balance-popover.is-floating {
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
    }
}

/* Casino ambient background: START. Remove this block to restore the old flat background. */
html,
body.theme--dark {
    background-color: #111827;
}

body.theme--dark {
    background:
        linear-gradient(180deg, #111827 0%, #171e31 42%, #101624 100%);
}

body.theme--dark:before,
body.theme--dark:after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

body.theme--dark:before {
    background:
        linear-gradient(118deg, transparent 0 18%, rgba(57, 126, 230, .16) 18%, rgba(57, 126, 230, .04) 32%, transparent 32% 100%),
        linear-gradient(244deg, transparent 0 9%, rgba(132, 82, 206, .15) 9%, rgba(132, 82, 206, .04) 28%, transparent 28% 100%),
        linear-gradient(160deg, transparent 0 45%, rgba(245, 178, 74, .055) 45%, rgba(245, 178, 74, .018) 56%, transparent 56% 100%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 68px),
        repeating-linear-gradient(45deg, rgba(63, 126, 228, .018) 0 1px, transparent 1px 92px);
    opacity: .92;
}

body.theme--dark:after {
    background:
        linear-gradient(90deg, rgba(3, 7, 18, .58) 0%, transparent 18%, transparent 82%, rgba(3, 7, 18, .48) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .018) 0%, transparent 24%, rgba(3, 7, 18, .36) 100%);
    box-shadow:
        inset 0 120px 160px rgba(6, 10, 22, .32),
        inset 0 -140px 180px rgba(2, 5, 13, .44);
}

body.theme--dark > #app,
body.theme--dark main,
body.theme--dark .footer {
    position: relative;
}

body.theme--dark > #app {
    z-index: 1;
    background: transparent;
}

body.theme--dark main,
body.theme--dark .footer {
    background: transparent !important;
}

body.theme--dark.game-screen--flat-bg {
    background: #111827 !important;
}

body.theme--dark.game-screen--flat-bg main,
body.theme--dark.game-screen--flat-bg #_ajax_content_ {
    background: transparent !important;
}

body.theme--dark.game-screen--flat-bg:before,
body.theme--dark.game-screen--flat-bg:after,
body.theme--dark:has(.x30):before,
body.theme--dark:has(.x30):after,
body.theme--dark:has(.dice):before,
body.theme--dark:has(.dice):after {
    display: none;
}

body.theme--dark.game-screen--flat-bg .x30__wheels:before,
body.theme--dark.game-screen--flat-bg .dice__drum:before {
    display: none !important;
    background: none !important;
}
/* Casino ambient background: END. */

/* Mini game premium cards: START. Remove this block to restore the old game cards. */
.home-games-layout .games {
    gap: 15px !important;
}

.home-games-layout .games__item {
    --game-card-accent: #4f8cff;
    --game-card-accent-2: #9a6cff;
    --game-card-glow: rgba(79, 140, 255, .48);
    --game-card-glow-2: rgba(154, 108, 255, .38);
    --game-card-hover: rgba(79, 140, 255, .26);
    --game-card-border: rgba(124, 160, 238, .36);
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(139, 163, 224, .14);
    border-radius: 18px;
    background-color: #121a2a;
    background-size: cover !important;
    background-position: center center !important;
    box-shadow:
        0 18px 38px rgba(3, 7, 18, .26),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    transform: translate3d(0, 0, 0);
    transform-origin: center;
    backface-visibility: hidden;
    filter: none;
    will-change: transform;
    transition:
        transform .62s cubic-bezier(.16, 1, .3, 1),
        border-color .62s cubic-bezier(.16, 1, .3, 1),
        box-shadow .62s cubic-bezier(.16, 1, .3, 1);
}

.home-games-layout .games__item.games__item--shoot,
.home-games-layout .games__item.games__item--x100,
.home-games-layout .games__item.games__item--x30,
.home-games-layout .games__item.games__item--dice,
.home-games-layout .games__item.games__item--mines,
.home-games-layout .games__item.games__item--crash,
.home-games-layout .games__item.games__item--coin,
.home-games-layout .games__item.games__item--keno,
.home-games-layout .games__item.games__item--slots {
    background-size: cover !important;
    background-position: center center !important;
}

.home-games-layout .games__item:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(5, 9, 18, .38) 0%, rgba(5, 9, 18, .08) 48%, rgba(5, 9, 18, .26) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .035) 0%, transparent 48%, rgba(0, 0, 0, .12) 100%);
    opacity: .68;
    filter: none;
    transform: translate3d(0, 0, 0);
    transition: opacity .62s cubic-bezier(.16, 1, .3, 1);
    pointer-events: none;
}

.home-games-layout .games__item:after {
    content: "";
    position: absolute;
    top: -80%;
    left: -72%;
    z-index: 3;
    width: 48%;
    height: 240%;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .08) 28%, rgba(255, 255, 255, .42) 50%, rgba(255, 255, 255, .08) 72%, transparent 100%);
    filter: blur(.4px);
    mix-blend-mode: screen;
    opacity: 0;
    transform: translate3d(-40%, -18%, 0) rotate(28deg);
    pointer-events: none;
}

.home-games-layout .games__item:hover {
    border-color: var(--game-card-border);
    box-shadow:
        0 18px 38px rgba(3, 7, 18, .24),
        0 0 18px var(--game-card-hover),
        inset 0 1px 0 rgba(255, 255, 255, .12);
    filter: none;
    transform: translate3d(0, -1px, 0);
}

.home-games-layout .games__item:hover:before {
    opacity: .68;
}

.home-games-layout .games__item:hover:after {
    animation: game-card-shine 2.4s cubic-bezier(.18, .82, .26, 1) forwards;
}

@keyframes game-card-shine {
    0% {
        opacity: 0;
        transform: translate3d(-40%, -18%, 0) rotate(28deg);
    }

    18% {
        opacity: .42;
    }

    82% {
        opacity: .32;
    }

    100% {
        opacity: 0;
        transform: translate3d(430%, 58%, 0) rotate(28deg);
    }
}

.home-games-layout .games__item-text {
    z-index: 4;
    max-width: 58%;
    padding: 2px 0;
    text-shadow: 0 10px 24px rgba(0, 0, 0, .36);
    transform: translate3d(0, 0, 0);
    transition: transform .62s cubic-bezier(.16, 1, .3, 1);
}

.home-games-layout .games__item:hover .games__item-text {
    transform: translate3d(0, -.5px, 0);
}

.home-games-layout .games__item-text span {
    color: #fff;
    font-size: 25px;
    line-height: .98;
    letter-spacing: .03em;
    text-shadow:
        0 3px 0 rgba(0, 0, 0, .16),
        0 10px 24px rgba(0, 0, 0, .42);
}

.home-games-layout .games__item-text p {
    display: inline-flex;
    align-items: baseline;
    width: max-content;
    max-width: 100%;
    margin-top: 9px;
    padding: 0;
    color: rgba(188, 202, 235, .82);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 7px 18px rgba(0, 0, 0, .45);
}

.home-games-layout .games__item-text p > span {
    margin-right: 5px;
    color: #fff;
    font-size: 22px;
    line-height: .9;
    letter-spacing: 0;
}

.home-games-layout .games__item--shoot {
    --game-card-accent: #52a8ff;
    --game-card-accent-2: #ff4b66;
    --game-card-glow: rgba(82, 168, 255, .48);
    --game-card-glow-2: rgba(255, 75, 102, .34);
    --game-card-hover: rgba(82, 168, 255, .25);
    --game-card-border: rgba(110, 181, 255, .4);
}

.home-games-layout .games__item--x100 {
    --game-card-accent: #8b6dff;
    --game-card-accent-2: #6ee68f;
    --game-card-glow: rgba(139, 109, 255, .46);
    --game-card-glow-2: rgba(110, 230, 143, .32);
    --game-card-hover: rgba(139, 109, 255, .25);
    --game-card-border: rgba(157, 134, 255, .4);
}

.home-games-layout .games__item--x30 {
    --game-card-accent: #3c89ff;
    --game-card-accent-2: #ff4cc5;
    --game-card-glow: rgba(60, 137, 255, .48);
    --game-card-glow-2: rgba(255, 76, 197, .34);
    --game-card-hover: rgba(60, 137, 255, .25);
    --game-card-border: rgba(100, 162, 255, .42);
}

.home-games-layout .games__item--dice {
    --game-card-accent: #6ca8ff;
    --game-card-accent-2: #e7f0ff;
    --game-card-glow: rgba(108, 168, 255, .46);
    --game-card-glow-2: rgba(231, 240, 255, .2);
    --game-card-hover: rgba(108, 168, 255, .24);
    --game-card-border: rgba(150, 194, 255, .4);
}

.home-games-layout .games__item--mines {
    --game-card-accent: #ff574f;
    --game-card-accent-2: #ffb64b;
    --game-card-glow: rgba(255, 87, 79, .42);
    --game-card-glow-2: rgba(255, 182, 75, .28);
    --game-card-hover: rgba(255, 87, 79, .22);
    --game-card-border: rgba(255, 126, 112, .36);
}

.home-games-layout .games__item--crash {
    --game-card-accent: #4c92ff;
    --game-card-accent-2: #7be8ff;
    --game-card-glow: rgba(76, 146, 255, .46);
    --game-card-glow-2: rgba(123, 232, 255, .28);
    --game-card-hover: rgba(76, 146, 255, .24);
    --game-card-border: rgba(115, 175, 255, .4);
}

.home-games-layout .games__item--coin {
    --game-card-accent: #4b8dff;
    --game-card-accent-2: #f5a92d;
    --game-card-glow: rgba(75, 141, 255, .44);
    --game-card-glow-2: rgba(245, 169, 45, .28);
    --game-card-hover: rgba(75, 141, 255, .23);
    --game-card-border: rgba(112, 171, 255, .38);
}

.home-games-layout .games__item--keno {
    --game-card-accent: #3f86ff;
    --game-card-accent-2: #5f62d9;
    --game-card-glow: rgba(63, 134, 255, .46);
    --game-card-glow-2: rgba(95, 98, 217, .34);
    --game-card-hover: rgba(63, 134, 255, .24);
    --game-card-border: rgba(102, 162, 255, .4);
}

.home-games-layout .games__item--slots {
    --game-card-accent: #9f5bff;
    --game-card-accent-2: #ff4db8;
    --game-card-glow: rgba(159, 91, 255, .46);
    --game-card-glow-2: rgba(255, 77, 184, .32);
    --game-card-hover: rgba(159, 91, 255, .25);
    --game-card-border: rgba(181, 128, 255, .4);
}

.home-games-layout .games__item--boomcity {
    --game-card-accent: #7084b7;
    --game-card-accent-2: #f5a92d;
    --game-card-glow: rgba(112, 132, 183, .34);
    --game-card-glow-2: rgba(245, 169, 45, .2);
    --game-card-hover: rgba(112, 132, 183, .18);
    --game-card-border: rgba(139, 163, 224, .3);
}

.home-games-layout .games__item--soon {
    filter: grayscale(.08) brightness(.9);
}

.home-games-layout .games__item-soon {
    z-index: 5;
    border: 1px solid rgba(128, 170, 255, .2);
    background: rgba(44, 104, 196, .74);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
    color: #d9e7ff;
}

@media only screen and (max-width: 725px) {
    .home-games-layout .games {
        gap: 12px !important;
    }

    .home-games-layout .games__item {
        border-radius: 16px;
    }

    .home-games-layout .games__item:after {
        border-radius: 999px;
    }

    .home-games-layout .games__item-text {
        max-width: 66%;
    }

    .home-games-layout .games__item-text span {
        font-size: 18px;
    }

    .home-games-layout .games__item-text p {
        margin-top: 7px;
        font-size: 10px;
    }

    .home-games-layout .games__item-text p > span {
        font-size: 17px;
    }
}

@media only screen and (max-width: 420px) {
    .home-games-layout .games__item-text span {
        font-size: 15px;
    }

    .home-games-layout .games__item-text p {
        font-size: 9px;
    }

    .home-games-layout .games__item-text p > span {
        font-size: 15px;
    }
}

@media (hover: none) {
    .home-games-layout .games__item:hover {
        box-shadow:
            0 18px 38px rgba(3, 7, 18, .26),
            inset 0 1px 0 rgba(255, 255, 255, .08);
        filter: none;
        transform: translate3d(0, 0, 0);
    }

    .home-games-layout .games__item:hover .games__item-text {
        transform: translate3d(0, 0, 0);
    }

    .home-games-layout .games__item:hover:after {
        animation: none;
        opacity: 0;
    }
}
/* Mini game premium cards: END. */

/* Compact right support panel */
body.support-panel-active > #app {
    filter: none;
    -webkit-filter: none;
}

.overlayed.overlayed--support {
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding: 88px 18px 18px !important;
    overflow: hidden !important;
    background: transparent !important;
    pointer-events: none;
}

.overlayed.overlayed--support .popup--support {
    display: none;
    visibility: hidden;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: 420px !important;
    height: min(680px, calc(100vh - 106px));
    min-height: 520px;
    margin: 0 0 0 auto !important;
    overflow: hidden;
    border: 1px solid rgba(76, 118, 202, .42);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 4%, rgba(72, 137, 255, .16), transparent 34%),
        linear-gradient(180deg, rgba(19, 27, 47, .98), rgba(10, 16, 30, .98));
    box-shadow: 0 26px 70px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .06);
    transform: translateX(34px);
    -webkit-transform: translateX(34px);
    animation: supportPanelIn .24s ease forwards;
    -webkit-animation: supportPanelIn .24s ease forwards;
    pointer-events: auto;
}

.overlayed.overlayed--support .popup--support.active {
    display: flex !important;
    visibility: visible !important;
    flex-direction: column;
}

.popup--support.support-panel-floating {
    position: fixed !important;
    top: 88px !important;
    right: 18px !important;
    z-index: 10020 !important;
    display: none;
    visibility: hidden;
    width: min(420px, calc(100vw - 36px)) !important;
    max-width: 420px !important;
    height: min(680px, calc(100vh - 106px));
    min-height: 520px;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(76, 118, 202, .42);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 4%, rgba(72, 137, 255, .16), transparent 34%),
        linear-gradient(180deg, rgba(19, 27, 47, .98), rgba(10, 16, 30, .98));
    box-shadow: 0 26px 70px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .06);
    transform: translateX(34px);
    -webkit-transform: translateX(34px);
    animation: supportPanelIn .24s ease forwards !important;
    -webkit-animation: supportPanelIn .24s ease forwards !important;
}

.popup--support.support-panel-floating.active {
    display: flex !important;
    visibility: visible !important;
    flex-direction: column;
}

.overlayed.overlayed--support.animation-closed .popup--support {
    animation: supportPanelOut .1s ease forwards !important;
    -webkit-animation: supportPanelOut .1s ease forwards !important;
}

@keyframes supportPanelIn {
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes supportPanelIn {
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes supportPanelOut {
    100% {
        opacity: 0;
        transform: translateX(30px);
    }
}

@-webkit-keyframes supportPanelOut {
    100% {
        opacity: 0;
        -webkit-transform: translateX(30px);
    }
}

.overlayed.overlayed--support .popup--support .popup__title {
    flex: 0 0 auto;
    padding: 18px 18px 12px;
    background: transparent;
}

.popup--support.support-panel-floating .popup__title {
    flex: 0 0 auto;
    padding: 18px 18px 12px;
    background: transparent;
}

.overlayed.overlayed--support .popup--support .popup__title:before {
    display: none;
}

.popup--support.support-panel-floating .popup__title:before {
    display: none;
}

.overlayed.overlayed--support .popup--support .popup__title span {
    color: #fff;
    font-size: 17px;
    line-height: 1.1;
}

.popup--support.support-panel-floating .popup__title span {
    color: #fff;
    font-size: 17px;
    line-height: 1.1;
}

.overlayed.overlayed--support .popup--support .close {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(13, 21, 39, .74);
    color: #9fb0db;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.popup--support.support-panel-floating .close {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(13, 21, 39, .74);
    color: #9fb0db;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.overlayed.overlayed--support .popup--support .close:hover {
    color: #fff;
    background: rgba(45, 75, 135, .58);
}

.popup--support.support-panel-floating .close:hover {
    color: #fff;
    background: rgba(45, 75, 135, .58);
}

.overlayed.overlayed--support .popup--support .popup__content.support-chat {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 16px 16px;
}

.popup--support.support-panel-floating .popup__content.support-chat {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 16px 16px;
}

.overlayed.overlayed--support .support-chat__top {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid rgba(88, 128, 208, .18);
    background: rgba(28, 39, 65, .86);
}

.popup--support.support-panel-floating .support-chat__top {
    flex: 0 0 auto;
    padding: 12px 14px;
    border: 1px solid rgba(88, 128, 208, .18);
    background: rgba(28, 39, 65, .86);
}

.overlayed.overlayed--support .support-chat__top b {
    font-size: 14px;
}

.popup--support.support-panel-floating .support-chat__top b {
    font-size: 14px;
}

.overlayed.overlayed--support .support-chat__top span {
    font-size: 12px;
}

.popup--support.support-panel-floating .support-chat__top span {
    font-size: 12px;
}

.overlayed.overlayed--support .support-chat__log {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding-right: 4px;
}

.popup--support.support-panel-floating .support-chat__log {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding-right: 4px;
}

.overlayed.overlayed--support .support-chat__empty {
    min-height: 100%;
}

.popup--support.support-panel-floating .support-chat__empty {
    min-height: 100%;
}

.overlayed.overlayed--support .support-chat__composer {
    flex: 0 0 auto;
}

.popup--support.support-panel-floating .support-chat__composer {
    flex: 0 0 auto;
}

@media (max-width: 675px) {
    .overlayed.overlayed--support {
        justify-content: flex-end !important;
        align-items: stretch !important;
        padding: 74px 10px 12px !important;
    }

    .overlayed.overlayed--support .popup--support,
    .overlayed.overlayed--support .popup--support.active {
        width: min(370px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        height: min(590px, calc(100dvh - 92px));
        min-height: 0;
        margin-left: auto !important;
        margin-right: 0 !important;
        border-radius: 20px;
    }

    .popup--support.support-panel-floating,
    .popup--support.support-panel-floating.active {
        top: 74px !important;
        right: 10px !important;
        width: min(370px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        height: min(590px, calc(100dvh - 92px));
        min-height: 0;
        margin: 0 !important;
        border-radius: 20px;
    }

    .overlayed.overlayed--support .popup--support .popup__title {
        display: flex !important;
        grid-template-columns: none !important;
        padding: 14px 14px 10px;
        overflow: visible !important;
    }

    .popup--support.support-panel-floating .popup__title {
        display: flex !important;
        grid-template-columns: none !important;
        padding: 14px 14px 10px;
        overflow: visible !important;
    }

    .overlayed.overlayed--support .popup--support .popup__title > .close {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    .popup--support.support-panel-floating .popup__title > .close {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    .overlayed.overlayed--support .popup--support .popup__content.support-chat {
        padding: 0 12px 12px;
        gap: 10px;
    }

    .popup--support.support-panel-floating .popup__content.support-chat {
        padding: 0 12px 12px;
        gap: 10px;
    }

    .overlayed.overlayed--support .support-chat__top {
        padding: 10px 12px;
    }

    .popup--support.support-panel-floating .support-chat__top {
        padding: 10px 12px;
    }

    .overlayed.overlayed--support .support-chat__composer {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .popup--support.support-panel-floating .support-chat__composer {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .overlayed.overlayed--support .support-chat__composer button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .popup--support.support-panel-floating .support-chat__composer button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Compact branded page loader */
.preloader {
    z-index: 99999 !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(49, 112, 236, .2), transparent 30%),
        radial-gradient(circle at 50% 58%, rgba(247, 181, 65, .12), transparent 25%),
        linear-gradient(180deg, #161d31 0%, #090f1d 100%) !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .28s ease, visibility .28s ease !important;
}

.preloader.preloader-remove {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
    z-index: -1 !important;
}

.preloader-remove .preloader__lift {
    opacity: 0;
    transform: scale(.96);
    transition: opacity .2s ease, transform .2s ease;
}

.preloader__lift {
    width: 128px !important;
    height: 128px !important;
    animation: none !important;
    -webkit-animation: none !important;
}

.preloader__lift-container {
    width: 128px !important;
    height: 128px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(35, 51, 87, .95), rgba(12, 20, 38, .96) 66%, rgba(7, 12, 24, .98) 100%);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, .36),
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 0 28px rgba(62, 128, 255, .12);
}

.preloader__lift-container:before,
.preloader__lift-container:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
}

.preloader__lift-container:before {
    border: 3px solid rgba(104, 138, 205, .18);
    border-top-color: #4c8fff;
    border-right-color: #f2b34b;
    animation: gxPageLoaderSpin .9s linear infinite;
    -webkit-animation: gxPageLoaderSpin .9s linear infinite;
    box-shadow: 0 0 24px rgba(64, 128, 255, .16);
}

.preloader__lift-container:after {
    inset: 13px;
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 18px rgba(71, 134, 255, .12);
}

.preloader__loader {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 72px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

.preloader__loader svg {
    width: 76px !important;
    height: auto !important;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .28));
}

.preloader__loader svg path {
    fill: #f2ad3d !important;
}

@keyframes gxPageLoaderSpin {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes gxPageLoaderSpin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@media (max-width: 675px) {
    .preloader__lift,
    .preloader__lift-container {
        width: 112px !important;
        height: 112px !important;
    }

    .preloader__loader svg {
        width: 66px !important;
    }
}

.popup--refill .refill-proof-heading {
    margin-top: 2px;
    padding-top: 14px;
    border-top: 1px dashed rgba(121, 148, 205, .42);
}

.popup--refill .borders {
    display: block;
    width: 100%;
    height: 1px;
    margin: 12px 0;
    border-top: 1px dashed rgba(121, 148, 205, .42);
    background: none;
    opacity: 1;
}

.faq__item-heading.d-flex {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 34px;
    gap: 12px;
    align-items: center;
}

.faq__item-heading:before,
.faq__item-heading:after {
    right: 18px;
}

.faq__item-heading span {
    display: block;
    min-width: 0;
    max-width: 100%;
    line-height: 1.12;
    overflow-wrap: break-word;
}

.faq__item-question {
    flex: 0 0 40px;
    margin-right: 0;
}

html.gx-platform-lowfx *,
html.gx-platform-lowfx *::before,
html.gx-platform-lowfx *::after {
    scroll-behavior: auto !important;
}

html.gx-platform-lowfx .winter__canvas,
html.gx-platform-lowfx .winter__snow,
html.gx-platform-lowfx .winter__snow--bottom,
html.gx-platform-lowfx .winter__snow--left,
html.gx-platform-lowfx .winter__snow--right,
html.gx-platform-lowfx .sidebar__img,
html.gx-platform-lowfx .bonus-wheel-popup__particles,
html.gx-platform-lowfx .games__item-bg-ellipse,
html.gx-platform-lowfx .games__item-bg-ellipse_snow {
    display: none !important;
}

html.gx-platform-lowfx .bonus-wheel-popup__particles *,
html.gx-platform-lowfx .bonus-main-promo__coin,
html.gx-platform-lowfx .bonus-promocode-promo__coin,
html.gx-platform-lowfx .bonus-promocode-promo__ticket,
html.gx-platform-lowfx .bonus-crypto-promo__coin,
html.gx-platform-lowfx .preloader__lift-container:before,
html.gx-platform-lowfx .preloader__lift-container:after,
html.gx-platform-lowfx .games__item *,
html.gx-platform-lowfx .games__item::before,
html.gx-platform-lowfx .games__item::after {
    -webkit-animation: none !important;
    animation: none !important;
}

html.gx-platform-lowfx .bonus-main-promo__coin,
html.gx-platform-lowfx .bonus-promocode-promo__coin,
html.gx-platform-lowfx .bonus-promocode-promo__ticket,
html.gx-platform-lowfx .bonus-crypto-promo__coin,
html.gx-platform-lowfx .bonus-gold-card__visual,
html.gx-platform-lowfx .bonus-account-promo__visual,
html.gx-platform-lowfx .preloader__loader svg,
html.gx-platform-lowfx .bonus__wheel-cursor,
html.gx-platform-lowfx .balance-type-modal__coin,
html.gx-platform-lowfx .promo-code-popup__decor {
    -webkit-filter: none !important;
    filter: none !important;
}

html.gx-platform-lowfx .bonus-gold-card__visual:before,
html.gx-platform-lowfx .bonus-account-promo__visual:before,
html.gx-platform-lowfx .bonus-main-promo__coin:before,
html.gx-platform-lowfx .bonus-main-promo__coin:after,
html.gx-platform-lowfx .bonus-promocode-promo__ticket:before,
html.gx-platform-lowfx .bonus-promocode-promo__ticket:after,
html.gx-platform-lowfx .games__item::before,
html.gx-platform-lowfx .games__item::after {
    -webkit-filter: none !important;
    filter: none !important;
    box-shadow: none !important;
}

html.gx-platform-lowfx .popup,
html.gx-platform-lowfx .wallet__method,
html.gx-platform-lowfx .bonus-account-promo,
html.gx-platform-lowfx .bonus-main-promo,
html.gx-platform-lowfx .bonus-promocode-promo,
html.gx-platform-lowfx .bonus-crypto-promo,
html.gx-platform-lowfx .bonus-exchange-popup,
html.gx-platform-lowfx .crypto-bonus-rules-popup,
html.gx-platform-lowfx .promo-code-popup,
html.gx-platform-lowfx .support-chat__panel {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28) !important;
}

html.gx-platform-lowfx .popup,
html.gx-platform-lowfx .overlayed.active,
html.gx-platform-lowfx .wallet__method,
html.gx-platform-lowfx .support-chat__composer,
html.gx-platform-lowfx .bonus-gold-card__lock {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

@media (max-width: 760px) {
    html.gx-platform-lowfx .bonus-offer-card.is-deposit,
    html.gx-platform-lowfx .bonus-offer-card.is-available,
    html.gx-platform-lowfx .header__dropdown,
    html.gx-platform-lowfx .footer__telegram {
        -webkit-animation: none !important;
        animation: none !important;
    }
}

/* Home game banner replacements */
.games__item.games__item--shoot {
    background: url("../img/home/crazyshoot.png") center center / cover no-repeat !important;
}

.games__item.games__item--x100 {
    background: url("../img/home/x100.png") center center / cover no-repeat !important;
}

.games__item.games__item--x30 {
    background: url("../img/home/x30.png") center center / cover no-repeat !important;
}

.games__item.games__item--dice {
    background: url("../img/home/dice.png") center center / cover no-repeat !important;
}

.games__item.games__item--mines {
    background: url("../img/home/mines.png") center center / cover no-repeat !important;
}

.games__item.games__item--crash {
    background: url("../img/home/crash.png") center center / cover no-repeat !important;
}

.games__item.games__item--coin {
    background: url("../img/home/coinflip.png") center center / cover no-repeat !important;
}

.games__item.games__item--keno {
    background: url("../img/home/keno.png") center center / cover no-repeat !important;
}

.games__item.games__item--boomcity {
    background: url("../img/home/boomcity.png") center center / cover no-repeat !important;
}

.games__item.games__item--boomcity .games__item-bg--dice-3,
.games__item.games__item--boomcity .games__item-bg--dice-2,
.games__item.games__item--boomcity .games__item-bg-confetti,
.games__item.games__item--boomcity .games__item-bg-ellipse {
    display: none !important;
}

/* Home game banner fit */
.home-games-layout .games__item {
    aspect-ratio: 1560 / 1008 !important;
    height: auto !important;
}

.home-games-layout .games__item.games__item--shoot,
.home-games-layout .games__item.games__item--x100,
.home-games-layout .games__item.games__item--x30,
.home-games-layout .games__item.games__item--dice,
.home-games-layout .games__item.games__item--mines,
.home-games-layout .games__item.games__item--crash,
.home-games-layout .games__item.games__item--coin,
.home-games-layout .games__item.games__item--keno,
.home-games-layout .games__item.games__item--boomcity {
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Home game banners full bleed */
.home-games-layout .games__item {
    border: 0 !important;
    background-color: transparent !important;
}

.home-games-layout .games__item.games__item--shoot,
.home-games-layout .games__item.games__item--x100,
.home-games-layout .games__item.games__item--x30,
.home-games-layout .games__item.games__item--dice,
.home-games-layout .games__item.games__item--mines,
.home-games-layout .games__item.games__item--crash,
.home-games-layout .games__item.games__item--coin,
.home-games-layout .games__item.games__item--keno,
.home-games-layout .games__item.games__item--boomcity {
    background-size: 106% 106% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Home welcome bonus banner */
.home-banner--welcome-bonus:after {
    display: block;
    background:
        linear-gradient(90deg, rgba(2, 8, 31, .88) 0%, rgba(2, 13, 45, .62) 30%, rgba(2, 18, 58, .16) 58%, rgba(2, 18, 58, .04) 100%),
        radial-gradient(circle at 18% 50%, rgba(52, 125, 255, .24), transparent 38%);
}

.home-banner--welcome-bonus .home-banner__image {
    object-position: center center;
    transform: scale(1.02);
}

.home-banner--welcome-bonus .home-banner__content {
    left: clamp(18px, 3.2vw, 46px);
    right: auto;
    top: clamp(36px, 3vw, 52px);
    bottom: auto;
    display: grid;
    gap: 10px;
    max-width: min(470px, 44%);
    transform: none;
}

.home-banner--welcome-bonus .home-banner__title {
    max-width: 100%;
    color: #fff;
    font-size: clamp(24px, 3vw, 46px);
    font-weight: 820;
    line-height: .98;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: 0 8px 24px rgba(0, 12, 45, .48), 0 0 18px rgba(63, 160, 255, .26);
}

.home-banner--welcome-bonus .home-banner__title span {
    display: block;
    color: #7dd7ff;
    text-shadow: 0 0 22px rgba(77, 188, 255, .55);
}

.home-banner--welcome-bonus .home-banner__subtitle {
    max-width: 340px;
    margin-top: 0;
    color: rgba(231, 244, 255, .86);
    font-size: clamp(14px, 1.25vw, 18px);
    font-weight: 700;
    line-height: 1.25;
}

.home-banner--welcome-bonus .home-banner__button {
    width: fit-content;
    min-height: 42px;
    margin-top: 4px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #3d8cff 0%, #1366e6 100%);
    box-shadow: 0 14px 30px rgba(0, 75, 210, .36), inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 13px;
    font-weight: 800;
}

.home-banner--crypto-main,
.home-banner--wheel-mini {
    background: #160916;
}

.home-banner--crypto-main:after {
    display: block;
    background:
        linear-gradient(180deg, rgba(10, 7, 20, .46) 0%, rgba(22, 7, 31, .2) 48%, rgba(70, 0, 45, .18) 100%),
        radial-gradient(circle at 18% 18%, rgba(255, 78, 180, .2), transparent 34%),
        linear-gradient(90deg, rgba(7, 7, 19, .82) 0%, rgba(17, 6, 29, .42) 48%, rgba(35, 5, 32, .08) 100%);
}

.home-banner--crypto-main .home-banner__image {
    object-position: center center;
    transform: none;
    filter: saturate(.98) brightness(.96);
}

.home-banner--crypto-main .home-banner__content,
.home-banner--wheel-mini .home-banner__content {
    left: clamp(18px, 3.2vw, 46px);
    right: auto;
    top: clamp(36px, 3vw, 52px);
    bottom: auto;
    display: grid;
    gap: 10px;
    max-width: min(470px, 44%);
    transform: none;
}

.home-banner--crypto-main .home-banner__title,
.home-banner--wheel-mini .home-banner__title {
    color: #fff;
    font-size: clamp(24px, 3vw, 46px);
    font-weight: 820;
    line-height: .98;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: 0 10px 26px rgba(0, 0, 0, .48), 0 0 24px rgba(255, 44, 161, .38);
}

.home-banner--crypto-main .home-banner__subtitle,
.home-banner--wheel-mini .home-banner__subtitle {
    max-width: 340px;
    margin-top: 0;
    color: rgba(255, 235, 248, .84);
    font-size: clamp(14px, 1.25vw, 18px);
    font-weight: 700;
    line-height: 1.25;
}

.home-banner--crypto-main .home-banner__button,
.home-banner--wheel-mini .home-banner__button {
    width: fit-content;
    min-height: 42px;
    margin-top: 4px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    color: #1a0713;
    background: linear-gradient(135deg, #fff 0%, #ffe1f3 100%);
    box-shadow: 0 14px 28px rgba(255, 21, 141, .22), inset 0 1px 0 rgba(255, 255, 255, .6);
    font-size: 13px;
    font-weight: 850;
    text-transform: none;
}

.home-banner--wheel-mini:after {
    display: block;
    background:
        radial-gradient(circle at 78% 58%, rgba(40, 116, 255, .28), transparent 40%),
        radial-gradient(circle at 20% 18%, rgba(154, 39, 255, .34), transparent 36%),
        linear-gradient(90deg, rgba(15, 3, 42, .9) 0%, rgba(25, 8, 70, .64) 48%, rgba(8, 25, 78, .2) 100%);
}

.home-banner--wheel-mini .home-banner__image {
    object-position: center center;
    transform: scale(1.04);
    filter: saturate(.95) brightness(.72);
}

.home-banner--wheel-mini .home-banner__content {
    z-index: 4;
    max-width: 54%;
}

.home-banner--wheel-mini .home-banner__title {
    font-size: clamp(22px, 2vw, 34px);
}

.home-banner--wheel-mini .home-banner__subtitle {
    max-width: 220px;
    font-size: 13px;
}

.home-banner--wheel-mini .home-banner__button {
    min-height: 34px;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 12px;
}

.home-banner__wheel-visual {
    position: absolute;
    right: -26px;
    bottom: -58px;
    z-index: 3;
    width: 72%;
    aspect-ratio: 1;
    pointer-events: none;
}

.home-banner__wheel-preview {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 16px 34px rgba(0, 0, 0, .38)) drop-shadow(0 0 24px rgba(41, 132, 255, .36));
    animation: home-wheel-mini-spin 22s linear infinite;
    transform-origin: 50% 50%;
}

.home-banner__wheel-arrow {
    position: absolute;
    left: 50%;
    top: -7%;
    width: 27%;
    height: auto;
    transform: translateX(-50%);
    filter: drop-shadow(0 0 16px rgba(154, 255, 35, .58));
}

@keyframes home-wheel-mini-spin {
    to {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1125px) {
    .home-banners--mobile .home-banner--welcome-bonus .home-banner__content,
    .home-banners--mobile .home-banner--crypto-main .home-banner__content {
        left: 16px;
        right: 14px;
        bottom: 50%;
        top: auto;
        max-width: 58%;
        gap: 6px;
        transform: translateY(50%);
    }

    .home-banners--mobile .home-banner--welcome-bonus .home-banner__title,
    .home-banners--mobile .home-banner--crypto-main .home-banner__title {
        max-width: 100%;
        font-size: clamp(17px, 5.2vw, 29px);
        line-height: 1.02;
    }

    .home-banners--mobile .home-banner--welcome-bonus .home-banner__subtitle,
    .home-banners--mobile .home-banner--crypto-main .home-banner__subtitle {
        display: block;
        max-width: 100%;
        margin-top: 0;
        font-size: 11px;
    }

    .home-banners--mobile .home-banner--welcome-bonus .home-banner__button,
    .home-banners--mobile .home-banner--crypto-main .home-banner__button {
        display: inline-flex;
        min-height: 30px;
        margin-top: 2px;
        padding: 0 12px;
        border-radius: 9px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 520px) {
    .home-banners--mobile .home-banner--welcome-bonus .home-banner__content,
    .home-banners--mobile .home-banner--crypto-main .home-banner__content {
        max-width: 62%;
    }

    .home-banners--mobile .home-banner--welcome-bonus .home-banner__subtitle,
    .home-banners--mobile .home-banner--crypto-main .home-banner__subtitle {
        display: block;
    }

    .home-banners--mobile .home-banner--welcome-bonus .home-banner__button,
    .home-banners--mobile .home-banner--crypto-main .home-banner__button {
        display: none;
    }
}

/* Home promo/game separation: START. Remove this block to return the home page to the previous flat layout. */
.home-promo-grid {
    margin-bottom: clamp(18px, 1.7vw, 26px);
}

.home-games-section {
    position: relative;
    isolation: isolate;
    margin-top: 0;
    padding: clamp(14px, 1.2vw, 20px);
    border: 1px solid rgba(116, 143, 200, .12);
    border-radius: 24px;
    background:
        radial-gradient(circle at 15% 0%, rgba(64, 132, 255, .08), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(236, 72, 153, .06), transparent 30%),
        linear-gradient(180deg, rgba(15, 23, 42, .64), rgba(8, 13, 25, .28));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 18px 50px rgba(0, 0, 0, .14);
}

.home-games-section:before {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(107, 154, 255, .42), rgba(255, 71, 178, .24), transparent);
    pointer-events: none;
}

.home-games-section__head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 13px;
}

.home-games-section__head h2 {
    margin: 0;
    color: rgba(244, 248, 255, .92);
    font-size: clamp(18px, 1.35vw, 23px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: 0;
}

.home-games-section__head:after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(120, 151, 218, .34), transparent);
}

.home-games-section .games {
    gap: clamp(12px, 1vw, 15px) !important;
}

.home-games-section .games__item {
    border: 1px solid rgba(132, 160, 222, .12) !important;
    filter: saturate(.88) brightness(.92) contrast(.98);
    box-shadow:
        0 14px 30px rgba(3, 7, 18, .28),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.home-games-section .games__item:before {
    background:
        linear-gradient(90deg, rgba(5, 10, 22, .48) 0%, rgba(5, 10, 22, .13) 48%, rgba(5, 10, 22, .36) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .025) 0%, transparent 46%, rgba(0, 0, 0, .2) 100%);
    opacity: .72;
}

.home-games-section .games__item:hover {
    border-color: rgba(127, 171, 255, .24) !important;
    filter: saturate(.98) brightness(.98) contrast(1);
    box-shadow:
        0 18px 38px rgba(3, 7, 18, .3),
        0 0 18px rgba(72, 125, 255, .13),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.home-games-section .games__item-text span {
    text-shadow:
        0 2px 0 rgba(0, 0, 0, .12),
        0 12px 26px rgba(0, 0, 0, .5);
}

@media only screen and (max-width: 1125px) {
    .home-games-section {
        margin-top: 14px;
        padding: 12px;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 520px) {
    .home-games-section {
        padding: 10px;
        border-radius: 18px;
    }

    .home-games-section__head {
        margin-bottom: 10px;
    }

    .home-games-section__head h2 {
        font-size: 17px;
    }
}
/* Home promo/game separation: END. */

/* Home banner alignment fixes: START. */
.home-banners--desktop-main .home-banner--welcome-bonus .home-banner__content,
.home-banners--desktop-main .home-banner--crypto-main .home-banner__content {
    top: clamp(36px, 3vw, 52px);
    bottom: auto;
    left: clamp(18px, 3.2vw, 46px);
    right: auto;
    width: min(470px, 44%);
    max-width: min(470px, 44%);
    align-content: start;
}

.home-banners--desktop-main .home-banner--welcome-bonus .home-banner__button,
.home-banners--desktop-main .home-banner--crypto-main .home-banner__button {
    display: none;
}

.home-banners--desktop-side .home-banner--wheel-mini .home-banner__content {
    top: clamp(34px, 3vw, 46px);
    bottom: auto;
    left: clamp(18px, 2.4vw, 34px);
    right: auto;
    width: min(205px, 42%);
    max-width: min(205px, 42%);
    gap: 10px;
    align-content: start;
}

.home-banners--desktop-side .home-banner--wheel-mini .home-banner__title {
    font-size: clamp(26px, 2.3vw, 38px);
    line-height: .96;
}

.home-banners--desktop-side .home-banner--wheel-mini .home-banner__subtitle {
    max-width: 170px;
    font-size: clamp(13px, .95vw, 15px);
    line-height: 1.18;
}

.home-banners--desktop-side .home-banner--wheel-mini .home-banner__button {
    display: none;
}

.home-banners--desktop-side .home-banner__wheel-visual {
    right: -42px;
    bottom: -62px;
    width: 72%;
}

.home-banners--desktop-side .home-banner__wheel-arrow {
    top: -24%;
    width: 24%;
}

.home-banners--desktop-main .home-banner--welcome-bonus .home-banner__title,
.home-banners--desktop-main .home-banner--crypto-main .home-banner__title,
.home-banners--desktop-side .home-banner--wheel-mini .home-banner__title {
    font-weight: 700;
    letter-spacing: 0;
}

.home-banners--desktop-main .home-banner--welcome-bonus .home-banner__subtitle,
.home-banners--desktop-main .home-banner--crypto-main .home-banner__subtitle,
.home-banners--desktop-side .home-banner--wheel-mini .home-banner__subtitle {
    font-weight: 560;
}

.home-banners--desktop-main .home-banner--welcome-bonus .home-banner__content,
.home-banners--desktop-main .home-banner--crypto-main .home-banner__content {
    gap: 12px;
}

/* Home banner alignment fixes: END. */

/* GoldenX performance pass */
.games__item.games__item--shoot {
    background: url("../img/home/crazyshoot.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/crazyshoot-new.webp") type("image/webp"), url("../img/home/crazyshoot.png") type("image/png")) !important;
}

.games__item.games__item--x100 {
    background: url("../img/home/x100.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/x100-new.webp") type("image/webp"), url("../img/home/x100.png") type("image/png")) !important;
}

.games__item.games__item--x30 {
    background: url("../img/home/x30.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/x30-new.webp") type("image/webp"), url("../img/home/x30.png") type("image/png")) !important;
}

.games__item.games__item--dice {
    background: url("../img/home/dice.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/dice-new.webp") type("image/webp"), url("../img/home/dice.png") type("image/png")) !important;
}

.games__item.games__item--mines {
    background: url("../img/home/mines.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/mines-new.webp") type("image/webp"), url("../img/home/mines.png") type("image/png")) !important;
}

.games__item.games__item--crash {
    background: url("../img/home/crash.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/crash-new.webp") type("image/webp"), url("../img/home/crash.png") type("image/png")) !important;
}

.games__item.games__item--coin {
    background: url("../img/home/coinflip.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/coinflip-new.webp") type("image/webp"), url("../img/home/coinflip.png") type("image/png")) !important;
}

.games__item.games__item--keno {
    background: url("../img/home/keno.png") center center / cover no-repeat !important;
    background-image: image-set(url("../img/home/keno-new.webp") type("image/webp"), url("../img/home/keno.png") type("image/png")) !important;
}

.games__item.games__item--boomcity {
    background-image: image-set(url("../img/home/boomcity-new.webp") type("image/webp"), url("../img/home/boomcity.png") type("image/png")) !important;
}

.site-footer,
.home-games-section,
.home-promo-grid,
.wallet__history {
    content-visibility: auto;
}

.site-footer {
    contain-intrinsic-size: 1px 520px;
}

.home-games-section {
    contain-intrinsic-size: 1px 760px;
}

.home-promo-grid {
    contain-intrinsic-size: 1px 430px;
}

.wallet__history {
    contain-intrinsic-size: 1px 420px;
}

html.gx-page-hidden *,
html.gx-platform-lowfx *,
html.gx-platform-lowfx *::before,
html.gx-platform-lowfx *::after {
    animation-play-state: paused !important;
}

html.gx-platform-lowfx .home-banner__wheel-preview,
html.gx-platform-lowfx .home-banner__wheel-arrow,
html.gx-platform-lowfx .home-banners__dot,
html.gx-platform-lowfx .games__item:after,
html.gx-platform-lowfx .flare:before,
html.gx-platform-lowfx .promo-code-submit:before {
    animation: none !important;
    transition: none !important;
}

html.gx-platform-lowfx .home-games-section .games__item,
html.gx-platform-lowfx .home-banner,
html.gx-platform-lowfx .popup,
html.gx-platform-lowfx .support-chat__panel {
    filter: none !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
    }

    .home-banner__wheel-preview,
    .games__item:after,
    .flare:before {
        animation: none !important;
    }
}