body {
  background-color: #004b1b;
  background-image: url('./Vsulwhvv0.1.11/FxvwrpWLfrqvv0.1.11/Edfnjurxqgv0.1.11.png');
  background-size: 100% 100%;
  overflow: hidden;
}

:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  pointer-events: none;
}

* {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.main-tab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

input.selected,
div.selected,
img.selected,
button.selected {
  filter: drop-shadow(0px 0px 0.5vw #fffc42) drop-shadow(0px 0px 0.5vw #ffc942);
}

.logo-container {
  width: 25vw;
}

.logo {
  width: 100%;
}

.play-btn {
  border-radius: 2vw;
  border: none;
  width: 18vw;
  height: 5vw;
  background: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vh 0.7vh 2vh;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/edvhW4aWJ737054888v0.1.11.png');
}

.play-btn-title {
  font-size: 2.6vw;
  --target-font-size: 2.6vw;
  font-weight: 600;
  color: #ab6531;
}

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

.switch-tab-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 10vw;
}

.switch-tab-btn {
  background: none;
  border: none;
  border-radius: 50%;
  width: 6vw;
  position: relative;
}

.switch-tab-btn-icon {
  width: 100%;
}

.switch-tab-btn-interactive-counter-container {
  border-radius: 50%;
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  bottom: 0.5vw;
  right: -0.5vw;
  animation: scaleUpDown 0.3s infinite alternate;
  background: #ef457c;
  background: -moz-linear-gradient(45deg, #ef457c 0%, #f886ab 100%);
  background: -webkit-linear-gradient(45deg, #ef457c 0%, #f886ab 100%);
  background: linear-gradient(45deg, #ef457c 0%, #f886ab 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes scaleUpDown {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.switch-tab-btn-interactive-counter {
  color: #fff;
  font-size: 2vw;
}

.switch-tab-title-container {
  width: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.switch-tab-title {
  color: #f0e0a8;
  font-size: 1vw;
  --target-font-size: 1vw;
  text-align: center;
}

.open-profile-tab-btn,
.open-settings-tab-btn {
  position: absolute;
  top: 4vw;
  background: none;
  border: none;
  border-radius: 50%;
  width: 6vw;
}

.open-profile-tab-btn {
  left: 4vw;
}

.open-settings-tab-btn {
  right: 4vw;
}

.open-profile-tab-btn-icon,
.open-settings-tab-btn-icon {
  width: 100%;
}

.cash-info-container {
  width: 5vw;
  display: flex;
  align-items: center;
  justify-content: right;
  position: absolute;
  top: 3vw;
  right: 3vw;
}

.cash-info-value::before,
.cash-info-value {
  color: #fff3a0;
  font-size: 1.8vw;
}

.cash-info-value::before {
  content: '$';
  color: #ffcc00;
  margin-right: 1vw;
}

.arrow-back-btn {
  position: absolute;
  bottom: 2vw;
  right: 2vw;
  border-radius: 50%;
  border: none;
  background: none;
}

.profile-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.profile-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 90vh;
}

.profile-header-container {
  width: 30vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2vh;
}

.profile-header {
  color: #fff3a0;
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
}

.profile-subtab-switch-container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4vw;
  margin-bottom: 2vh;
}

.start-game_switch-mode-btn,
.categories-btn,
.start-game_play-btn,
.tutorial-btn,
.profile-subtab-switch-btn {
  background: none;
  border: none;
  width: 16vw;
  height: 5vw;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/JurxsW4aWJ1858867522v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.start-game_switch-mode-title,
.tutorial-btn-title,
.start-game_play-btn-title,
.categories-btn-title,
.profile-subtab-switch-btn-title {
  color: #60628e;
  font-size: 2vw;
  --target-font-size: 2vw;
  text-transform: uppercase;
  /* margin: 0 2vw; */
}

.tutorial-btn,
.start-game_play-btn,
.categories-btn-title_active,
.start-game_switch-mode-btn_active,
.profile-subtab-switch-btn_active {
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/JurxsW4aW154735546v0.1.11.png');
}

.tutorial-btn-title,
.categories-btn-title_active>.categories-btn-title,
.categories-btn-title_active>.categories-btn-title-container>.categories-btn-title,
.start-game_switch-mode-btn_active>.start-game_switch-mode-title,
.profile-subtab-switch-btn_active>.profile-subtab-switch-btn-title {
  color: #a44916;
}

.profile-statuses-list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  height: 100%;
}

.profile-status-item {
  display: flex;
  align-items: center;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/VwdwxvWEdfnWEZW1v0.1.11.png');
  background-size: 100% 100%;
  width: 25vw;
  height: 3.5vw;
  background-position-y: 0.3vw;
  position: relative;
}

.profile-status-loading {
  background-color: #707070;
  width: 60%;
  height: 85%;
  scale: 0.8;
}

.profile-status-cover-container {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-status-type-icon-container {
  width: 4vw;
  height: 4vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/VwdwxvWUhzdugWEdfnWEZv0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-status-type-icon {
  width: 1.7vw;
}

.profile-status-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10vw;
}

.profile-status-title {
  color: #fff;
  font-size: 1.7vw;
  --target-font-size: 1.7vw;
}

.profile-status-bounty-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/VwdwxvWFrvwWEdfnWEZv0.1.11.png');
  background-size: 100% 100%;
  width: 7vw;
  height: 3.5vw;
}

.profile-statuses-list>.profile-status-item:not(:last-child):not(:nth-child(7))>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::after,
.profile-status-bounty-title::before,
.profile-status-bounty-title {
  font-size: 1.4vw;
  font-weight: 800;
}

.profile-status-bounty-title::before {
  content: '$';
}

.profile-statuses-list>.profile-status-item:not(:last-child):not(:nth-child(7))>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::after {
  content: 'K';
}

.profile-status-item_completed {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/JurxsW62W4aW2142765846v0.1.11.png');
}

.profile-status-item_completed>.profile-status-loading {
  background-color: #5bba38;
}

.profile-status-item_completed>.profile-status-cover-container>.profile-status-type-icon-container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/VwdwxvWYlhzv0.1.11.png');
  animation: scaleUpDown 0.3s infinite alternate;
}

.profile-status-item_obtained>.profile-status-cover-container>.profile-status-type-icon-container {
  animation: none;
}

.profile-status-item_completed>.profile-status-cover-container>.profile-status-title-container>.profile-status-title {
  color: #fff3a0;
}

.profile-status-item_completed>.profile-status-cover-container>.profile-status-bounty-title-container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/JurxsW4aW2134222544v0.1.11.png');
}

.profile-status-item>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title,
.profile-status-item>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::before,
.profile-status-item>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::after {
  color: #383838;
}

.profile-status-item_completed>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title,
.profile-status-item_completed>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::before,
.profile-status-item_completed>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::after {
  color: #a75323;
}

.profile-stats-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 2vw;
}

.profile-stats-list_first-line,
.profile-stats-list_second-line {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2vw;
}

.profile-stats-list_first-line {
  margin-top: 2vw;
}

.profile-stats-list-item-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15vw;
  height: 11vw;
  border-radius: 1vw;
  background: #fed35d;
  background: -moz-linear-gradient(top, #fed35d 0%, #fed35d 30%, #e59109 100%);
  background: -webkit-linear-gradient(top,
      #fed35d 0%,
      #fed35d 30%,
      #e59109 100%);
  background: linear-gradient(to bottom, #fed35d 0%, #fed35d 30%, #e59109 100%);
  -webkit-box-shadow: 0px 5px 10px 0px #000000;
  box-shadow: 0px 5px 10px 0px #000000;
}

.profile-stats-list-item {
  width: 14vw;
  height: 10vw;
  border-radius: 1vw;
  background: #fff1b2;
  background: -moz-linear-gradient(left, #fff1b2 0%, #fff1b2 50%, #ffdd53 100%);
  background: -webkit-linear-gradient(left,
      #fff1b2 0%,
      #fff1b2 50%,
      #ffdd53 100%);
  background: linear-gradient(to right, #fff1b2 0%, #fff1b2 50%, #ffdd53 100%);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

.profile-stats-list-item-title-container {
  width: 80%;
  height: 3.5vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-stats-list-item-title {
  color: #a44916;
  font-size: 1vw;
  --target-font-size: 1vw;
  font-weight: 600;
}

.profile-stats-list-item-progress-level-mask {
  width: 100%;
  height: 95%;
  position: absolute;
  scale: 0.95;
  border-radius: 1vw;
  background: #2d5b08;
  background: -moz-linear-gradient(top, #2d5b08 0%, #326e09 50%, #3b810a 100%);
  background: -webkit-linear-gradient(top,
      #2d5b08 0%,
      #326e09 50%,
      #3b810a 100%);
  background: linear-gradient(to bottom, #2d5b08 0%, #326e09 50%, #3b810a 100%);
}

.profile-stats-list-item-progress-container {
  width: 80%;
  height: 3vw;
  background: #a55925;
  background: -moz-linear-gradient(top, #a55925 0%, #c07027 50%, #d27e29 100%);
  background: -webkit-linear-gradient(top,
      #a55925 0%,
      #c07027 50%,
      #d27e29 100%);
  background: linear-gradient(to bottom, #a55925 0%, #c07027 50%, #d27e29 100%);
  -webkit-box-shadow: inset 0px 5px 10px -5px #000000;
  box-shadow: inset 0px 5px 10px -5px #000000;
  border-top: 2px solid #a75323;
  border-bottom: 2px solid #fed35d;
  border-radius: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.profile_bounty-preview-container {
  background-image: url('./Vsulwhvv0.1.11/GldorjbYlhzv0.1.11.png');
  background-size: 100% 100%;
  width: 6vw;
  height: 6vw;
  position: absolute;
  top: -9.5vw;
  padding: 2vw;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
}

.profile_bounty-preview {
  width: 70%;
}

.profile-status-item:nth-child(1)>.profile_bounty-preview-container>.profile_bounty-preview,
.profile-status-item:nth-child(4)>.profile_bounty-preview-container>.profile_bounty-preview,
.profile-status-item:nth-child(7)>.profile_bounty-preview-container>.profile_bounty-preview {
  width: 90%;
}

.profile-status-item:nth-child(2)>.profile_bounty-preview-container>.profile_bounty-preview {
  width: 65%;
}

.profile-status-item:hover .profile_bounty-preview-container {
  display: flex;
}

.profile-stats-list-item-progress-title::after,
.profile-stats-list-item-progress-title {
  color: #fff3a0;
  font-size: 1.8vw;
  z-index: 1;
}

.profile-stats-list-item-progress-title::after {
  content: '%';
}

.arrow-back-btn-icon {
  width: 5.5vw;
}

.end-popup-tab,
.exit-popup-tab,
.tutorial-popup-tab,
.daily-bonuses-tab,
.choose-avatar-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}

.daily-bonuses-tab-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

.choose-avatar_container {
  width: 38vw;
  height: 30vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/JurxsW48W4aW369162226v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  row-gap: 2vw;
}

.choose-avatar_close-icon {
  position: absolute;
  width: 5.5vw;
  top: -7%;
  right: -7%;
}

.end-popup_title-container,
.exit-popup_title-container,
.tutorial-popup_title-container,
.choose-avatar_title-container {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.end-popup_title,
.exit-popup_title,
.tutorial-popup_title,
.choose-avatar_title {
  color: #fff1ab;
  font-size: 2.6vw;
  --target-font-size: 2.6vw;
}

.choose-avatar_avatar-picker-container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1vw;
}

.choose-avatar_avatar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15vw;
  height: 15vw;
}

.choose-avatar_avatar-icon {
  width: 95%;
  filter: drop-shadow(0.6vw 0.6vw 0 rgba(0, 0, 0, 0.5));
}

.choose-avatar_switch-btn {
  width: 5vw;
  filter: drop-shadow(0.6vw 0.6vw 0 rgba(0, 0, 0, 0.5));
}

.skins-tab {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.skins-nav-list {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2vw;
  list-style-type: none;
  margin-top: 8vh;
  margin-bottom: 6vh;
}

.categories-btn {
  width: 11vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.categories-btn-title-container {
  width: 80%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5%;
  margin-top: 5%;
}

.skins-pick-area {
  min-height: 60vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10vh;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 79vw;
  overflow-y: scroll;
  column-gap: 5vw;
  row-gap: 2vw;
}

.skin-element {
  width: 16vw;
  height: 7.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.collection-skin-timer {
  position: absolute;
  bottom: -35%;
  color: #ffffff;
  font-size: 1.5vw;
}

.skin-back-element {
  width: 10vw;
  height: 13vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.skin-background-element {
  width: 18vw;
  height: 10.1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  outline-style: solid;
  outline-width: 0.5vw;
  box-shadow: 0 0.5vw 1vw 0.8vw rgba(0, 0, 0, 0.4);
  outline-color: #dcc032;
  margin-top: 1vw;
  position: relative;
}

.skin-element_locked-icon {
  display: none;
  width: 3vw;
}

.skin-element_locked {
  filter: brightness(0.7);
}

.skin-element_locked>.checkbox-pick-icon {
  display: none;
}

.skin-element_locked>.skin-element_locked-icon {
  display: block;
}

.checkbox-pick-icon {
  width: 5vw;
  transform: translateY(15%);
}

.background-element {
  background: #FCEDAD;
  background: -moz-linear-gradient(top, #FCEDAD 0%, #f1b335 50%, #D0860A 100%);
  background: -webkit-linear-gradient(top, #FCEDAD 0%, #f1b335 50%, #D0860A 100%);
  background: linear-gradient(to bottom, #FCEDAD 0%, #f1b335 50%, #D0860A 100%);
  border-radius: 1vw;
  width: 16vw;
  height: 9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#pick-area-2 {
  width: 96vw;
  column-gap: 4vw;
}

.background-element>.checkbox-pick-icon {
  position: absolute;
  width: 4vw;
}

.background-element>.skin-element_locked-icon {
  position: absolute;
  width: 2.5vw;
}

.background-element_skin-1 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb01v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
  border-radius: 0.8vw;
}

.background-element_skin-2 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb02v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-3 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb03v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-4 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb04v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-5 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb05v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-6 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Edfnjurxqgb06v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-7 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Background_07.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.background-element_skin-8 {
  background-image: url('./Vsulwhvv0.1.11/Edfnjurxqgvv0.1.11/Uhohdvhv0.1.11/Background_08.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 95%;
  height: 90%;
}

.skin-back-element {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5vw;
  height: 10vw;
}

.skin-back-element>.checkbox-pick-icon {
  width: 3.5vw;
}

#pick-area-3 {
  width: 53.5vw;
  column-gap: 4vw;
}

.skin-back-element_skin-1 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/FdugbEdfnb01v0.1.11.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-2 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/Card_Back_02.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-3 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/Card_Back_03.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-4 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/FdugbEdfnb04v0.1.11.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-5 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/Card_Back_05.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-6 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/FdugbEdfnb06v0.1.11.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-7 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/Card_Back_07.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-8 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/FdugbEdfnb08v0.1.11.png');
  background-size: 100% 100%;
}

.skin-back-element_skin-9 {
  background-image: url('./Vsulwhvv0.1.11/FdugEdfnvv0.1.11/FdugbEdfnb09v0.1.11.png');
  background-size: 100% 100%;
}


.settings-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.settings_settings-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.settings_header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20vw;
  margin-bottom: 1vw;
}

.settings_header {
  color: #fff1ab;
  font-size: 2.6vw;
  --target-font-size: 2.6vw;
}

.settings_tunes-switch-container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWdqhigezayv0.1.11/JurxsW48W4aWJ1096314688v0.1.11.png');
  background-size: 100% 100%;
  width: 40vw;
  height: 13vw;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

.settings_tune-switch-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  text-wrap: nowrap;
}

.settings_tune-title-container {
  display: flex;
  align-items: center;
  width: 20vw;
}

.settings_tune-title {
  color: #fff1ab;
  font-size: 2.7vw;
  --target-font-size: 2.7vw;
}

.settings_checkbox {
  width: 3.5vw;
}

.start-game_sliders-container,
.settings_sliders-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40vw;
  column-gap: 2vw;
}

.start-game_slider-block-container,
.settings_slider-block-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 45%;
  max-width: 45%;
}

.start-game_slider-header-container,
.settings_slider-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-height: 100%;
  height: 3vw;
}

.start-game_slider-header,
.settings_slider-header {
  color: #fff1ab;
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
  text-wrap: nowrap;
}

.start-game_slider-container_dark,
.settings_slider-container_dark {
  width: 100%;
  height: 7vw;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/UhfwdqjohW10W4aW287632850v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1vw 0;
  -webkit-box-shadow: 0px 0.2vw 0.7vw 0px #00000074;
  box-shadow: 0px 0.2vw 0.7vw 0px #00000074;
}

.start-game_slider-container_dark.inactive {
  filter: grayscale(100%) brightness(75%) opacity(60%);
}

.start-game_slider-container_light,
.settings_slider-container_light {
  width: 90%;
  height: 80%;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/UhfwdqjohW11W4aW1546609023v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.start-game_slider-container,
.settings_slider-container {
  width: 90%;
  height: 85%;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/UhfwdqjohW12W4aWJ986428251v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.start-game_switch-btn,
.settings_switch-btn {
  width: 1.6vw;
  margin: 0 1vw;
}

.start-game_slider-title-container,
.settings_slider-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.start-game_uptitle,
.settings_game-speed {
  color: #fff1ab;
  font-size: 3vw;
}

.settings_difficult {
  color: #fff1ab;
  font-size: 2vw;
  --target-font-size: 2vw;
}

.settings_choose-language-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.settings_choose-language-icon {
  width: 2.8vw;
  margin-bottom: 0.2vw;
}

.settings_choose-language-title {
  color: #fff1ab;
  font-size: 1.4vw;
}

.tutorial-btn {
  position: absolute;
  bottom: 3vw;
  left: 3vw;
}

.version-container {
  position: absolute;
  left: 4vw;
  bottom: 0.5vw;
}

.version-title {
  color: #fff1ab;
  font-size: 1.5vw;
}

.achievements-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.achievements_tab-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30vw;
  margin-bottom: 1vw;
}

.achievements_tab-header {
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
  color: #fff1ab;
}

.achievements_stats-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 32vw;
  padding: 2vw 2vw;
  height: 70%;
  column-gap: 2vw;
  row-gap: 3vw;
  overflow: hidden;
  overflow-y: scroll;
}

.achievements_stats-container::-webkit-scrollbar {
  width: 0;
}

.achievements_stats-list-item-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15vw;
  height: 8vw;
  border-radius: 1vw;
  background: #fed35d;
  background: -moz-linear-gradient(top, #fed35d 0%, #fed35d 30%, #e59109 100%);
  background: -webkit-linear-gradient(top,
      #fed35d 0%,
      #fed35d 30%,
      #e59109 100%);
  background: linear-gradient(to bottom, #fed35d 0%, #fed35d 30%, #e59109 100%);
  -webkit-box-shadow: 0px 5px 10px 0px #000000;
  box-shadow: 0px 5px 10px 0px #000000;
  position: relative;
  overflow: hidden;
}

.achievements_stats-list-item-tab.completed {
  background: #b2b2b2;
  background: -moz-linear-gradient(left,
      #afafaf 0%,
      #909090 50%,
      #737373 100%);
  background: -webkit-linear-gradient(left,
      #afafaf 0%,
      #909090 50%,
      #737373 100%);
  background: linear-gradient(to right,
      #afafaf 0%,
      #909090 50%,
      #737373 100%);
}

.shine {

  &::before,
  &::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
  }

  &:before {
    background: rgb(255, 255, 255);
    width: 5vw;
    left: 0;
    /* filter: blur(30px); */
    animation: shine-alt1 2s ease-in-out infinite;
  }

  animation: bounce 1s ease-in-out infinite;
}

@keyframes bounce {
  0% {
    scale: 1;
  }

  50% {
    scale: 0.95;
  }

  100% {
    scale: 1;
  }
}

@keyframes shine-alt1 {
  0% {
    opacity: 0.5;
    transform: translateX(-200%) skewX(-15deg);
    transition-property: opacity, transform;
  }

  100% {
    opacity: 0.6;
    transform: translateX(800%) skewX(-15deg);
    transition-property: opacity, transform;
  }
}

.achievements_stats-list-item {
  width: 14vw;
  height: 7vw;
  border-radius: 1vw;
  background: #fff1b2;
  background: -moz-linear-gradient(left, #fff1b2 0%, #fff1b2 50%, #ffdd53 100%);
  background: -webkit-linear-gradient(left,
      #fff1b2 0%,
      #fff1b2 50%,
      #ffdd53 100%);
  background: linear-gradient(to right, #fff1b2 0%, #fff1b2 50%, #ffdd53 100%);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

.completed>.achievements_stats-list-item {
  background: #d6d6d6;
  background: -moz-linear-gradient(left,
      #d6d6d6 0%,
      #bfbfbf 50%,
      #929292 100%);
  background: -webkit-linear-gradient(left,
      #d6d6d6 0%,
      #bfbfbf 50%,
      #929292 100%);
  background: linear-gradient(to right,
      #d6d6d6 0%,
      #bfbfbf 50%,
      #929292 100%);
}

.achievements_header-container {
  display: flex;
  align-items: center;
  width: 85%;
}

.achievements_stats-list-item-title-container {
  width: 85%;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5vw;
}

.achievements_stats-list-item-title {
  color: #a44916;
  font-size: 1vw;
  --target-font-size: 1vw;
  font-weight: 600;
  text-transform: uppercase;
}

.completed>.achievements_stats-list-item>.achievements_header-container>.achievements_stats-list-item-title-container>.achievements_stats-list-item-title {
  color: #5b5b5b;
}

.completed>.achievements_stats-list-item>.achievements_header-container>.achievements_header-icon {
  filter: grayscale(100%);
}

.achievements_stats-list-item-progress-level-mask {
  width: 100%;
  height: 95%;
  position: absolute;
  scale: 0.95 0.95;
  transform-origin: left;
  translate: 2.5%;
  border-radius: 1vw;
  background: #2d5b08;
  background: -moz-linear-gradient(top, #2d5b08 0%, #326e09 50%, #3b810a 100%);
  background: -webkit-linear-gradient(top,
      #2d5b08 0%,
      #326e09 50%,
      #3b810a 100%);
  background: linear-gradient(to bottom, #2d5b08 0%, #326e09 50%, #3b810a 100%);
}

.achievements_stats-list-item-progress-container {
  width: 85%;
  height: 3vw;
  background: #a55925;
  background: -moz-linear-gradient(top, #a55925 0%, #c07027 50%, #d27e29 100%);
  background: -webkit-linear-gradient(top,
      #a55925 0%,
      #c07027 50%,
      #d27e29 100%);
  background: linear-gradient(to bottom, #a55925 0%, #c07027 50%, #d27e29 100%);
  -webkit-box-shadow: inset 0px 5px 10px -5px #000000;
  box-shadow: inset 0px 5px 10px -5px #000000;
  border-top: 2px solid #a75323;
  border-bottom: 2px solid #fed35d;
  border-radius: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.achievements_stats-list-item-progress-title {
  color: #fff3a0;
  font-size: 1.8vw;
  z-index: 1;
}

.achievements_header-icon {
  width: 1.7vw;
}

.bonuses-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.bonuses_header-container {
  width: 30vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1vw;
}

.bonuses_header {
  color: #fff3a0;
  font-size: 2.3vw;
  --target-font-size: 2.3vw;
}

.bonuses_bonuses-container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/JurxsW48W4aW128278538v0.1.11.png');
  background-size: 100% 100%;
  width: 45vw;
  height: 12.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5vw;
}

.bonuses_bonus-container {
  position: relative;
  background-size: 100% 100%;
  width: 8vw;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 0.5vw;
}

.bonuses_bonuses-container>.checked,
.bonuses_bonuses-container>.opened {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/1v0.1.11.png');
}

.bonuses_bonuses-container>.locked {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/UdvzWsWytgvW4aWJ1394483402v0.1.11.png');
}

.bonuses_combine-bonus-icon-container {
  width: 6vw;
  height: 6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -10%;
}

.bonuses_add-activate-container {
  border-bottom-left-radius: 0.5vw;
  border-bottom-right-radius: 0.5vw;
  width: 78%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bonuses_add-icon,
.bonuses_add-icon_locked,
.bonuses_check-add-icon {
  width: 2vw;
}

.bonuses_timer {
  font-size: 0.8vw;
  font-weight: 800;
  color: #a55925;
}

.bonuses_time-limit {
  font-size: 0.9vw;
  font-weight: 800;
  color: #60628e;
  margin-left: 1.5vw;
}

.custom-white-circle {
  width: 5vw;
  height: 5vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/HoolsvhW3W4aWJ1976248195v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-color-circle {
  width: 80%;
  height: 80%;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.custom-color-circle_pink {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/HoolsvhW4W4aWJ570393785v0.1.11.png');
}

.custom-color-circle_purple {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/HoolsvhW4W4aWJ693673681v0.1.11.png');
}

.custom-color-circle_green {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/HoolsvhW4W4aWJ836687562v0.1.11.png');
}

.custom-color-circle_yellow {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWredjhrv0.1.11/HoolsvhW4W4aW1653323111v0.1.11.png');
}

.custom-component-icon {
  width: 2.7vw;
}

.bonuses_bonus-container:nth-child(3)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
  width: 4.2vw;
}

.bonuses_bonus-container:nth-child(4)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
  width: 3.2vw;
}

.bonuses_bonus-container:nth-child(5)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
  width: 3.7vw;
}

.custom-component-title-container {
  width: 120%;
  height: 2vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transform: translateY(-25%);
  text-align: center;
}

.custom-component-title {
  color: #fff3a0;
  font-size: 1.2vw;
  font-weight: 800;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.414);
}

.bonuses_bonus-container:nth-child(3)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-title-container>.custom-component-title {
  font-size: 0.8vw;
}

.bonuses_bonus-container:nth-child(4)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-title-container>.custom-component-title {
  font-size: 0.9vw;
}

.bonuses_check-add-icon,
.bonuses_add-icon,
.bonuses_add-icon_locked,
.bonuses_timer,
.bonuses_time-limit {
  display: none;
}

.bonuses_bonuses-container>.checked>.bonuses_add-activate-container>.bonuses_check-add-icon,
.bonuses_bonuses-container>.checked>.bonuses_add-activate-container>.bonuses_timer {
  display: block;
}

.bonuses_bonuses-container>.opened>.bonuses_add-activate-container>.bonuses_add-icon {
  display: block;
}

.bonuses_bonuses-container>.locked>.bonuses_add-activate-container>.bonuses_add-icon_locked,
.bonuses_bonuses-container>.locked>.bonuses_add-activate-container>.bonuses_time-limit {
  display: block;
}

.bonuses_bonuses-container>.checked>.bonuses_add-activate-container,
.bonuses_bonuses-container>.opened>.bonuses_add-activate-container {
  background-color: #fffd9e;
}

.bonuses_bonuses-container>.locked>.bonuses_add-activate-container {
  background-color: #dfe2f9;
}

.bonuses_locked-mask {
  position: absolute;
  width: 90%;
  height: 90%;
  background-color: #00000041;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 0.5vw;
}

.bonuses_check-icon {
  width: 5vw;
  filter: drop-shadow(0.3vw 0.3vw 0.1vw rgba(0, 0, 0, 0.4));
}

.bonuses_locked-icon {
  width: 2.5vw;
}

.locked>.bonuses_locked-mask>.bonuses_locked-icon {
  display: block;
}

.completed>.bonuses_locked-mask>.bonuses_locked-icon {
  display: none;
}

.locked>.bonuses_locked-mask>.bonuses_check-icon,
.opened>.bonuses_locked-mask>.bonuses_check-icon {
  display: none;
}

.completed>.bonuses_locked-mask>.bonuses_check-icon {
  display: block;
}

.bonuses_bonuses-container>.checked>.bonuses_locked-mask,
.bonuses_bonuses-container>.opened>.bonuses_locked-mask {
  display: none;
}

.start-game-tab {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.start-game_start-game-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 0.5vh;
}

.start-game_header-container {
  width: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1vh;
}

.start-game_header {
  color: #fff3a0;
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
}

.start-game_mode-btns-container {
  width: 29.5vw;
  height: 6vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWFgekybsW_hiqijhv0.1.11/JurxsW62W4aW2142765846v0.1.11.png');
  background-size: 100% 100%;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1vw;
}

.start-game_switch-mode-btn {
  transform: translateY(-5%);
  width: 13vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2vw;
}

.start-game_sliders-container {
  width: 28vw;
}

.start-game_slider-container_dark {
  height: 5vw;
}

.start-game_uptitle {
  font-size: 2vw;
  --target-font-size: 2vw;
}

.start-game_sliders-container {
  column-gap: 1.5vw;
}

.start-game_bet-range-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35vw;
  margin-bottom: 2vh;
}

.start-game_bet-range-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}

.start-game_bet-title-container {
  width: 20vw;
  display: flex;
  align-items: center;
}

.start-game_bet-title {
  color: #fff3a0;
  font-size: 1.7vw;
  --target-font-size: 1.7vw;
  font-weight: 800;
}

.start-game_bet-value {
  color: #fff3a0;
  font-size: 3.4vw;
  font-weight: 600;
}

.start-game_range-container {
  -webkit-appearance: none;
  appearance: none;
  width: 90%;
  height: 4vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWYtgqisW_srregWgv0.1.11/JurxsW117v0.1.11.png');
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.start-game_range-container.inactive {
  filter: grayscale(100%) opacity(60%);
  ;
}

.start-game_range-container::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6vw;
  height: 4vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWYtgqisW_srregWgv0.1.11/Kdqgohuv0.1.11.png');
  background-size: 100% 100%;
  cursor: pointer;
}

.start-game_range-container::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6vw;
  height: 4vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWYtgqisW_srregWgv0.1.11/Kdqgohuv0.1.11.png');
  background-size: 100% 100%;
  cursor: pointer;
}

/* Можно двигать через js меняя left в % от 0 до 100 с привязкой к курсору */
.start-game_range-item {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 6vw;
}

.start-game_play-btn {
  padding: 0 2vw;
}

.start-game_play-btn-title {
  color: #a44916;
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
}

.start-game_watch-add-btn {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWYtgqisW_srregWgv0.1.11/JurxsW105W4aW2122095409v0.1.11.png');
  background-size: 100% 100%;
  background-position-y: 0.2vw;
  background-repeat: no-repeat;
  width: 10vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 6vw;
  right: 2vw;
}

.start-game_watch-add-btn-icon {
  width: 3.5vw;
}

.start-game_watch-add-btn-title {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 800;
}

.daily-bonuses_container {
  width: 45vw;
  height: 37vw;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/JurxsW48W4aW369162226v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  row-gap: 2vw;
  text-align: center;
  margin-top: 4vw;
}

.daily-bonuses_header-logo-container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/Odehov0.1.11.png');
  background-size: 100% 100%;
  width: 15vw;
  height: 5vw;
  transform: translateY(-40%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vw 8.5vw;
}

.daily-bonuses_header-title {
  color: #fff1b2;
  font-size: 2.3vw;
  --target-font-size: 2.3vw;
  text-transform: uppercase;
}

.daily-bonuses_bounties-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 80%;
  column-gap: 1.5vw;
  margin-top: -8vw;
}

.bounty-card-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/UdvzWsWytgvW4aWJ1248971501v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 11vw;
  height: 14vw;
  row-gap: 0.3vw;
  position: relative;
}

.bounty-card-container:focus {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/UdvzWsWytgvW4aWJ2082729353v0.1.11.png');
  background-size: 105% 98%;
  background-position-x: center;
  background-position-y: -0.5vw;
}

.bounty-card-container>.bonuses_locked-mask {
  transform: translateY(-7%);
  height: 85%;
}

.daily-bonuses_bounties-container>.opened>.bonuses_locked-mask {
  display: none;
}

.bounty-card-header {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: -2vw;
}

.add-bounty-value,
.bounty-card-header-number,
.bounty-card-header-title {
  text-transform: uppercase;
  color: #a44916;
  font-size: 1.6vw;
  --target-font-size: 1.6vw;
}

.bounty-card-header-number {
  padding-left: 5%;
}

.bounty-card-icon {
  width: 6.5vw;
}

.add-bounty-container {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.add-bounty-icon {
  width: 2.5vw;
}

.daily-bonuses_close-icon {
  position: absolute;
  width: 5.5vw;
  top: -5%;
  right: -5%;
}

.daily-bonuses_multiple-bounty-container {
  width: 27vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.daily-bonuses_multiple-bounty-icon {
  width: 5vw;
}

.daily-bonuses_multiple-bounty-title-container {
  width: 22vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* transform: translateY(30%); */
}

.daily-bonuses_multiple-bounty-title {
  color: #fff3a0;
  text-transform: uppercase;
  font-size: 2vw;
  --target-font-size: 2vw;
}

.end-popup_container,
.exit-popup_container,
.tutorial-popup_container {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/JurxsW48W4aW369162226v0.1.11.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.tutorial-popup_container {
  width: 32vw;
  height: 17vw;
  padding: 3vw 0;
}

.exit-popup_container {
  width: 32vw;
  height: 17vw;
  padding: 3vw 0;
}

.end-popup_container {
  width: 32vw;
  height: 25vw;
  padding: 4vw 0;
}

.tutorial-popup_title-container {
  width: 60%;
  margin-bottom: 1.5vw;
}

.exit-popup_title-container {
  width: 90%;
}

.tutorial-popup_title {
  font-size: 3.2vw;
  --target-font-size: 3.2vw;
}

.exit-popup_subtitle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  text-align: center;
}

.exit-popup_title-subtitle {
  color: #fff1b2;
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

.agree-disagree-panel {
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tutorial-popup-btn {
  background: none;
  border: none;
  width: 13vw;
  height: 5vw;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/JurxsW4aW154735546v0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 2vw;
}

.tutorial-popup-btn-title {
  color: #a44916;
  font-size: 2vw;
  --target-font-size: 2vw;
  text-transform: uppercase;
}

.win-popup>.end-popup_title-container:not(:nth-child(1)) {
  display: none;
}

.lose-popup>.end-popup_title-container:not(:nth-child(2)) {
  display: none;
}

.draw-popup>.end-popup_title-container:not(:nth-child(3)) {
  display: none;
}

.end-popup_bet-line,
.end-popup_reward-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}

.end-popup_bet-title-container,
.end-popup_reward-title-container {
  width: 50%;
  display: flex;
  align-items: center;
}

.end-popup_bet-title,
.end-popup_reward-title {
  color: #fff1b2;
  font-size: 2vw;
  --target-font-size: 2vw;
}

.end-popup_bet-value,
.end-popup_reward-value {
  color: #fff1b2;
  font-size: 2vw;
}

.tutorial-popup-btn>.add-bounty-icon {
  width: 3vw;
  transform: translateY(-5%);
}

.draw-with-ads_btn {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.draw-without-ads {
  justify-content: center;
}

.draw-without-ads>.draw-with-ads_btn {
  display: none;
}

.draw-without-ads>.tutorial-popup-btn {
  width: 23vw;
}

.exit-popup_title-container {
  width: 90%;
}


.popup {
  display: none;
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  left: 0;
  top: 0;
  overflow: hidden;
}

.popup-background-fading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.5)
}

.popup-content {
  background-image: url('./Vsulwhvv0.1.11/GhvnwrsWJWujgqaJWvwvudvsdrzWredjv0.1.11/JurxsW48W4aW369162226v0.1.11.png');
  background-size: 100% 100%;
  width: 44vw;
  padding: 1vw;
  position: relative;
}

.popup-content>.choose-avatar_close-icon {
  top: -3%;
  right: -5%;
}

.languages>.popup-content {
  width: 50vh;
  max-width: 90%;
}

.languages-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1vh;
}

.language-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  padding: 0.5vh;
  margin-bottom: 1vh;
  padding-left: 1vh;
}

.language-container:hover {
  background-color: #00bcbf81;
  border-radius: 1vh;
}

.language {
  display: flex;
  align-items: center;
}

.language-icon {
  width: 4vh;
}

.language-title {
  color: #fff6c6;

  font-size: 2.5vh;
  --target-font-size: 2.5vh;
  padding-left: 1vw;
}

#popup-fade-close {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00000044;
}

.popup-header {
  height: 8vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.close-popup {
  width: 3vw;
  position: absolute;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 10;
}

.popup-header>h3 {
  color: #fff6c6;
  font-size: 2.4vw;
  --target-font-size: 2.4vw;
  margin: 1vw auto;
}

.language-container>.settings_checkbox {
  width: 3vw;
}

/* #region reward-receiver */

.reward-receiver {
  background-color: #14A40F99;
  overflow: hidden;
}

.reward-receiver-shine {
  position: absolute;
  background-image: url('./Vsulwhvv0.1.11/iaburwdwhbolqhv0.1.11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 90vw;
  height: 90vw;
}

.reward-receiver-particle {
  position: absolute;
  background-image: url('./Vsulwhvv0.1.11/fx_star_yellow.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7vw;
  height: 7vw;
}

.reward-receiver.active>.reward-receiver-shine {
  animation: rotate-constant 5s linear infinite;
}

.reward-receiver-container {
  font-weight: 900;
  font-size: 5vw;
  --target-font-size: 5vw;
  color: #ffffff;
  z-index: 1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgb(0, 0, 0);
}

.reward-receiver-reward {
  width: 15vw;
  height: 15vw;
  object-fit: contain;
  filter: drop-shadow(0vw 0vw 0.2vw #00000080);
}

@keyframes rotate-constant {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* #endregion reward-receiver */

/* #region playground */

.playground-tab {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: "Oswald", sans-serif;

  background-size: 100% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  /* background: #579E37;
  background: -moz-radial-gradient(center, #579E37 0%, #316224 100%);
  background: -webkit-radial-gradient(center, #579E37 0%, #316224 100%);
  background: radial-gradient(ellipse at center, #579E37 0%, #316224 100%); */
}

.playground-container {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.arrow-back-btn-link {
  position: absolute;
  top: 2vw;
  right: 2vw;
}

.arrow-back-btn-icon {
  width: 4.5vw;
}

#card-release-wrapper {
  position: absolute;
  top: 50%;
  right: -30%;
  scale: 0.7;
}

.enemies-panel {
  flex: 1;
  display: flex;
  justify-content: center;
  column-gap: 15vw;
}

.enemy-portrait.ally {
  filter: drop-shadow(0px 0px 0.5vw #89ff49) drop-shadow(0px 0px 0.5vw #0b9a00);
}

.enemy-portrait.enemy {
  filter: drop-shadow(0px 0px 0.5vw #ff4949) drop-shadow(0px 0px 0.5vw #9a0000);
}

.enemy-container {
  margin: 2vw;
  margin-top: 2.5vw;
  width: 10vw;
  height: 12vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}

.enemy-name-container {
  height: 15%;
}

.state-container {
  position: absolute;
  bottom: -10%;
}

.enemy-state-container {
  position: absolute;
  top: -10%;
}

.state-container {
  height: 15%;
}

.name-container {
  width: 9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5vw;
}

.name {
  color: #fff;
  font-weight: bold;
  font-size: 1.5vw;
  --target-font-size: 1.5vw
}

.state {
  font-size: 1.3vw;
  --target-font-size: 1.3vw;
  color: #ffffffba;
}

.portrait {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6vw;
  height: 6vw;
  background: #FFFFFF;
  background: -moz-linear-gradient(-45deg, #FFFFFF 0%, #BEFFFD 50%, #C5C5C5 100%);
  background: -webkit-linear-gradient(-45deg, #FFFFFF 0%, #BEFFFD 50%, #C5C5C5 100%);
  background: linear-gradient(135deg, #FFFFFF 0%, #BEFFFD 50%, #C5C5C5 100%);
  border-radius: 50%;
  border: 1px solid #000;
  position: relative;
}

.portrait>.portrait-icon {
  width: 5.3vw;
  /* position: absolute; */
  /* top: 0%; */
  /* left: 0%; */
}

.enemy-cards-container {
  position: absolute;
  /* top: 120%; */
  bottom: 0;
  display: flex;
  justify-content: center;
  rotate: 180deg;
  scale: 0.8;
  --cards-margin: -3vw;
  --cards-width: 6vw;
}

.card-element {
  box-shadow: 0.1vw 0.1vw 0.25vw 0 rgba(0, 0, 0, 0.38);
  -webkit-box-shadow: 0.1vw 0.1vw 0.25vw 0 rgba(0, 0, 0, 0.38);
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease, transform 0.6s ease, scale 0.2s ease, transform-origin 0.2s ease;
  border-radius: 0.5vw;
}

.card-element.selected {
  filter: none;
  outline: solid 0.25vw rgb(255, 63, 63);
}

.card-element.focused {
  box-shadow: 1vw 1vw 0.25vw 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1vw 1vw 0.25vw 0 rgba(0, 0, 0, 0.25);
  scale: 1.2;
}

.enemy-cards-container>.card-element {
  margin: 0 -3vw;
}

.playground {
  margin-top: 2vw;
  width: 50vw;
  height: 30vh;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.playground-overlap-zone {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 30%;
  pointer-events: none;
}

.playground-zone {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5vw;
  margin-bottom: 5vw;
}

.playground-pare-element {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  scale: 0.8;
}

.pass-btn {
  border-radius: 2vw;
  border: none;
  width: 11vw;
  height: 4vw;
  background: no-repeat;
  background-size: 100% 100%;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 0 2vh 0.7vh 2vh;
  background-image: url('./Vsulwhvv0.1.11/Pxwxdov0.1.11/edvhW4aWJ737054888v0.1.11.png');
  transform: translateY(-85%);
  text-wrap: nowrap;
}

.pass-btn-title {
  font-size: 2.3vw;
  --target-font-size: 2.3vw;
  font-weight: 600;
  color: #ab6531;
  padding: 1.6vh 0;
}

.player-panel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.player {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5vw;
}

.player-cards-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25vw;
  transform: translateY(-30%);
  --cards-margin: -2vw;
  --cards-width: 6vw;
}

.player-cards-container>.card-element {
  margin: 0 -2vw;
}

.mock {
  width: 10vw;
  opacity: 0;
}

.cards-deck-container {
  position: absolute;
  width: 6vw;
  height: 8vw;
  bottom: 3vw;
  left: 9vw;
  rotate: 15deg;
  scale: 0.9;
}

.cards-deck>.card-element:not(:first-child) {
  margin-top: -8.03vw;
  box-shadow: none;
}

.cards-deck>.card-element:first-child {
  transform: rotate(90deg) translate(0%, -40%);
}

.cards-counter {
  color: #ffffffe3;
  font-size: 2.5vw;
  font-weight: 800;
  position: absolute;
  top: 20%;
  left: 20%;
  text-shadow: 0 0 4px #000000;
}

.playground-pare-element,
.card-element {
  width: 6vw;
  height: 8vw;
  min-width: 6vw;
  /* scale: 0.9; */
}

.control-btns-panel {
  position: absolute;
  bottom: 20%;
}

/* #endregion playground */

/* #region tutorial */
.tutorial-flow {
  background-color: #00000055;
}

.tutorial-wrapper {
  /* background-color: #ff654455; */
  width: 100%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tutorial-flow-deck-container {}

.tutorial-flow-info-text-container {
  width: 60%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #00000055; */
  text-align: center;
}

.tutorial-flow-info-text {
  font-size: 2.5vw;
  --target-font-size: 2.5vw;
  color: #fff
}

/* #region tutorial-01 */

#tutorial-01 {}

#tutorial-01>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 3vw;
  --target-font-size: 3vw;
}

#tutorial-01>.tutorial-flow-info-text-container {
  width: 60%;
  height: 80%;
}

/* #endregion */

/* #region tutorial-02 */

#tutorial-02 {}

#tutorial-02>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-02>.tutorial-flow-info-text-container {
  width: 20%;
  height: 80%;
  padding: 0vw 4vw;
}

.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 20%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* #endregion */

/* #region tutorial-03 */

#tutorial-03 {
  flex-direction: column;
  justify-content: space-around;
}

#tutorial-03>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-03>.tutorial-flow-info-text-container {
  width: 40%;
  height: 20%;
}

#tutorial-03>.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 40%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* #endregion */

/* #region tutorial-04 */

#tutorial-04 {}

#tutorial-04>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.7vw;
  --target-font-size: 1.7vw;
}

#tutorial-04>.tutorial-flow-info-text-container {
  width: 40%;
  height: 80%;
}

/* #endregion */

/* #region tutorial-05 */

#tutorial-05 {
  flex-direction: column;
  justify-content: space-around;
}

#tutorial-05>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-05>.tutorial-flow-info-text-container {
  width: 40%;
  height: 20%;
  max-height: 20%;
  transform: translateY(10vh);
}

#tutorial-05>.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 40%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tutorial-continue-button {
  margin-bottom: 14%;
  z-index: 1;
}

/* #endregion */

/* #region tutorial-06 */

#tutorial-06 {
  flex-direction: column;
  justify-content: space-around;
}

#tutorial-06>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 2vw;
  --target-font-size: 2vw;
}

#tutorial-06>.tutorial-flow-info-text-container {
  width: 40%;
  height: 20%;
}

/* #endregion */

/* #region tutorial-07 */

#tutorial-07 {
  flex-direction: column;
  justify-content: space-around;
  transform: translateY(5vw);
}

#tutorial-07>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-07>.tutorial-flow-info-text-container {
  width: 40%;
  height: 30%;
  max-height: 30%;
}

#tutorial-07>.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 60%;
  height: 50%;
  display: flex;
  justify-content: space-around;
  align-items: end;
  transform: translateY(-5vw);
}

.tutorial-flow-card-container {
  /* background-color: #55ff5555; */
  width: 6vw;
  height: 8vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tutorial-flow-card-container.suitable::after {
  content: "";
  background-image: url('./Vsulwhvv0.1.11/FxvwrpWLfrqvv0.1.11/Check_Green.png');
  background-size: 100% 100%;
  width: 5vw;
  height: 5vw;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

.tutorial-flow-card-container.non-suitable::after {
  content: "";
  background-image: url('./Vsulwhvv0.1.11/FxvwrpWLfrqvv0.1.11/Close_Red.png');
  background-size: 100% 100%;
  width: 5vw;
  height: 5vw;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

/* #endregion */

/* #region tutorial-08 */

#tutorial-08>.tutorial-flow-deck-container {
  width: 40%;
}

#tutorial-07>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

/* #endregion */

/* #region tutorial-09 */

#tutorial-09 {
  flex-direction: column;
  justify-content: space-around;
}

#tutorial-09>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-09>.tutorial-flow-info-text-container {
  width: 60%;
  height: 20%;
  max-height: 20%;
}

#tutorial-09>.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 40%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: end;
}

/* #endregion */

/* #region tutorial-10 */

#tutorial-10>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 2vw;
  --target-font-size: 2vw;
}

#tutorial-10>.tutorial-flow-info-text-container {
  width: 40%;
  padding-top: 10%;
}

/* #endregion */

/* #region tutorial-12 */

#tutorial-12 {
  flex-direction: column;
  justify-content: space-around;
}

#tutorial-12>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
  font-size: 1.5vw;
  --target-font-size: 1.5vw;
}

#tutorial-12>.tutorial-flow-info-text-container {
  width: 40%;
  height: 20%;
  max-height: 20%;
  transform: translateY(5vw);
}

#tutorial-12>.tutorial-flow-deck-container {
  /* background-color: #55ff5555; */
  width: 40%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .tutorial-continue-button.tutorial-12 {
  margin-bottom: 14%;
} */

.card-transfare-hint-static,
.card-transfare-hint {
  width: 6vw;
  height: 8vw;
  background-color: #ffffff11;
  border-radius: 1vw;
  border: solid .4vw #ffffffaa;
  filter: drop-shadow(0 0 0.2vw #72c7ff) drop-shadow(0 0 1vw #72c7ff);

  display: flex;
  justify-content: center;
  align-items: center;
}

.card-transfare-hint {
  animation: bounce 1s ease-in-out infinite;
}

.card-transfare-hint::after,
.card-transfare-hint-static::after {
  content: "";
  background-image: url('./Vsulwhvv0.1.11/FxvwrpWLfrqvv0.1.11/Reverse.png');
  background-size: 100% 100%;
  width: 4vw;
  height: 4vw;
  animation: delayed-spin 1s ease infinite;
}

@keyframes delayed-spin {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 180deg;
  }
}

/* #endregion */


.text-appearance {
  animation: appearance 0.5s cubic-bezier(0, 0, 0.2, 1) 1;
}

@keyframes appearance {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    transform: translateY(-5%);
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

/* #endregion tutorial */


.hidden-all {
  display: none;
}

@media only screen and (orientation: portrait) {
  .cards-deck>.card-element:first-child {
    transform: rotate(90deg) translate(0%, -30%);
  }
  .skins-navigation {
    margin-top: 3vh;
  }

  /* #region playground */

  .control-btns-panel {
    bottom: 10%;
  }

  .arrow-back-btn-link {
    top: 4vw;
    right: 4vw;
  }

  .arrow-back-btn-icon {
    width: 11.5vw;
  }

  .enemies-panel {
    column-gap: 4vw;
  }

  .enemy-cards-container {
    scale: 0.7;
    --cards-margin: -9vw;
    --cards-width: 18vw;
  }

  .enemy-container {
    margin-top: 10vw;
    width: 20vw;
    height: 30vw;
  }

  .name-container {
    width: 20vw;
  }

  .name {
    font-size: 3.5vw;
    --target-font-size: 3.5vw;
  }

  .portrait {
    width: 15vw;
    height: 15vw;
  }

  .portrait>.portrait-icon {
    width: 13.2vw;
  }

  .enemy-cards-container>.card-element {
    margin: 0 -9vw;
  }

  .playground-zone {
    column-gap: 5vw;
    row-gap: 15vw;
    width: 70vw;
    height: 60%;
    flex-wrap: wrap;
  }

  .pass-btn {
    border-radius: 6vw;
    width: 35vw;
    height: 13vw;
    transform: translateY(0%);
  }

  .pass-btn-title {
    font-size: 6.3vw;
    --target-font-size: 6.3vw;
    transform: translateY(5%);
  }

  .player {
    position: absolute;
    left: 0%;
    bottom: 28%;
  }

  .cards-deck-container {
    width: 18vw;
    height: 24vw;
    bottom: 50%;
    left: -15%;
    scale: 1;
  }

  .cards-deck>.card-element:not(:first-child) {
    margin-top: -24.15vw;
  }

  .cards-counter {
    color: #ffffffe3;
    font-size: 7.5vw;
    top: 20%;
    left: 10%;
  }

  .player-cards-container {
    width: 100vw;
    --cards-margin: -6.5vw;
    --cards-width: 18vw;
  }

  .player-cards-container>.card-element {
    margin: 0px -6.5vw;
  }

  .card-element {
    width: 18vw;
    height: 24vw;
    min-width: 15vw;
  }

  .mock {
    display: none;
  }

  /* #endregion playground */

  .background-mask {
    background-size: 13vh;
  }

  .switch-tab-btn {
    width: 14vw;
  }

  .open-profile-tab-btn,
  .open-settings-tab-btn {
    width: 14vw;
    top: 6vw;
  }

  .open-profile-tab-btn {
    left: 6vw;
  }

  .open-settings-tab-btn {
    right: 6vw;
  }

  .switch-tab-btn-interactive-counter-container {
    width: 5.5vw;
    height: 5.5vw;
  }

  .logo-container {
    width: 95vw;
  }

  .play-btn {
    width: 35vw;
    height: 10vw;
    padding: 0 3vw;
  }

  .play-btn-title {
    font-size: 5.6vw;
    --target-font-size: 5.6vw;
    font-weight: 700;
  }

  .switch-tabs-btns-container {
    justify-content: space-between;
    width: 100%;
  }

  .switch-tab-btn-container {
    width: 30%;
  }

  .switch-tab-title-container {
    width: 100%;
    height: 2vh;
  }

  .switch-tab-title {
    font-size: 3.5vw;
    --target-font-size: 3.5vw;
  }

  .play-btn-container {
    /* transform: translateY(20vw); */
  }

  .profile-container {
    height: 50vh;
  }

  .profile-header {
    font-size: 5.5vw;
    --target-font-size: 5.5vw;
  }

  .profile-subtab-switch-container {
    column-gap: 8vw;
  }

  .profile-subtab-switch-btn {
    width: 35vw;
    height: 12vw;
  }

  .profile-subtab-switch-btn-title {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  .profile-status-item {
    width: 95vw;
    height: 7.5vw;
  }

  .profile-status-type-icon-container {
    width: 8.5vw;
    height: 8.5vw;
  }

  .profile-status-type-icon {
    width: 3.5vw;
  }

  .profile-status-title-container {
    width: 40vw;
  }

  .profile-status-title {
    font-size: 4.4vw;
    --target-font-size: 4.4vw;
  }

  .profile-status-bounty-title-container {
    width: 15vw;
    height: 7.5vw;
  }

  .profile-statuses-list>.profile-status-item:not(:last-child):not(:nth-child(7))>.profile-status-cover-container>.profile-status-bounty-title-container>.profile-status-bounty-title::after,
  .profile-status-bounty-title::before,
  .profile-status-bounty-title {
    font-size: 2.7vw;
  }

  .cash-info-container {
    width: 10vw;
    top: 6vw;
    right: 6vw;
  }

  .cash-info-value::before,
  .cash-info-value {
    font-size: 3.5vw;
  }

  .arrow-back-btn {
    bottom: 4vw;
    right: 4vw;
  }

  .arrow-back-btn-icon {
    width: 10.5vw;
  }

  .profile-header-container {
    margin-bottom: 1vh;
    transform: translateY(-2vh);
  }

  .profile-stats-list_first-line,
  .profile-stats-list_second-line {
    column-gap: 6vw;
  }

  .profile-stats-list {
    row-gap: 6vw;
  }

  .profile-stats-list-item-tab {
    width: 40vw;
    height: 22vw;
  }

  .profile-stats-list-item {
    width: 38vw;
    height: 19vw;
  }

  .profile-stats-list-item-title {
    font-size: 2vw;
    --target-font-size: 2vw;
  }

  .profile-stats-list-item-progress-container {
    height: 5vw;
    border-radius: 2vw;
  }

  .profile-stats-list-item-progress-title::after,
  .profile-stats-list-item-progress-title {
    font-size: 2.8vw;
  }

  .profile-stats-list-item-progress-level-mask {
    border-radius: 2vw;
  }

  .choose-avatar_container {
    scale: 2;
  }

  .choose-avatar_close-icon {
    top: -5%;
    right: -5%;
  }

  .tutorial-btn {
    width: 30vw;
    height: 10vw;
    bottom: 6vw;
    left: 5vw;
  }

  .tutorial-btn-title {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  .version-container {
    left: 8vw;
    bottom: 1vw;
  }

  .version-title {
    color: #fff1ab;
    font-size: 3vw;
  }

  .settings_header-container {
    width: 55vw;
    margin-bottom: 4vw;
  }

  .settings_header {
    font-size: 5.6vw;
    --target-font-size: 5.6vw;
  }

  .settings_tunes-switch-container {
    width: 95vw;
    height: 27vw;
    padding: 2vw 0;
  }

  .settings_tune-title-container {
    width: 40vw;
  }

  .settings_tune-title {
    font-size: 5.2vw;
    --target-font-size: 5.2vw;
  }

  .settings_checkbox {
    width: 7.5vw;
  }

  .settings_sliders-container {
    width: 95vw;
    column-gap: 6vw;
  }

  .settings_slider-header {
    font-size: 5vw;
    --target-font-size: 5vw;
  }

  .start-game_slider-header-container, .settings_slider-header-container {
    height: 6vw;
  }

  .settings_slider-container_dark {
    height: 14vw;
    margin: 2vw 0;
  }

  .settings_switch-btn {
    width: 3.6vw;
  }

  .settings_game-speed {
    font-size: 6.5vw;
  }

  .settings_difficult {
    font-size: 5vw;
    --target-font-size: 5vw;
  }

  .settings_choose-language-icon {
    width: 6.2vw;
    margin-bottom: 1vw;
  }

  .settings_choose-language-title {
    font-size: 3.4vw;
  }

  .achievements-tab {
    justify-content: flex-start;
  }

  .achievements_tab-header-container {
    width: 50vw;
    margin-top: 4vh;
  }

  .achievements_tab-header {
    margin-top: 2vh;
    font-size: 5.5vw;
    --target-font-size: 5.5vw;
    margin-bottom: 10vh;
  }

  .achievements_stats-container {
    width: 84vw;
    height: 59%;
    padding: 0 2vw;
    padding-bottom: 3vw;
    column-gap: 4vw;
    row-gap: 6vw;
  }

  .achievements_stats-list-item-tab {
    width: 40vw;
    height: 20vw;
    border-radius: 2vw;
  }

  .achievements_stats-list-item {
    width: 38vw;
    height: 18vw;
    border-radius: 2vw;
  }

  .achievements_header-icon {
    width: 3.7vw;
  }

  .achievements_stats-list-item-title-container {
    height: 5vw;
  }

  .achievements_stats-list-item-title {
    font-size: 2.5vw;
    --target-font-size: 2.5vw;
  }

  .achievements_stats-list-item-progress-container {
    height: 5vw;
    border-radius: 2vw;
  }

  .achievements_stats-list-item-progress-level-mask {
    border-radius: 2vw;
  }

  .achievements_stats-list-item-progress-title {
    font-size: 3.2vw;
  }

  .bonuses_header {
    font-size: 5.3vw;
    --target-font-size: 5.3vw;
  }

  .bonuses_bonuses-container {
    width: 99vw;
    height: 23.5vw;
    column-gap: 1vw;
  }

  .bonuses_bonus-container {
    width: 18vw;
    height: 20vw;
    row-gap: 2vw;
  }

  .bonuses_combine-bonus-icon-container {
    width: 10vw;
    height: 10vw;
  }

  .custom-white-circle {
    width: 10vw;
    height: 10vw;
  }

  .bonuses_add-icon,
  .bonuses_add-icon_locked,
  .bonuses_check-add-icon {
    width: 5vw;
  }

  .bonuses_timer {
    font-size: 1.8vw;
  }

  .bonuses_time-limit {
    font-size: 1.7vw;
    margin-left: 3.5vw;
  }

  .bonuses_locked-mask {
    transform: translateY(-3%);
    border-radius: 1vw;
  }

  .bonuses_check-icon {
    width: 9vw;
  }

  .bonuses_locked-icon {
    width: 4.5vw;
  }

  .custom-component-icon {
    width: 5.4vw;
    margin-top: -1vw;
  }

  .custom-component-title-container {
    height: 3vw;
    transform: translateY(-10%);
  }

  .custom-component-title {
    font-size: 2vw;
  }

  .bonuses_bonus-container:nth-child(3)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
    width: 8.2vw;
  }

  .bonuses_bonus-container:nth-child(4)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
    width: 6.2vw;
  }

  .bonuses_bonus-container:nth-child(5)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-icon {
    width: 7.7vw;
  }

  .bonuses_bonus-container:nth-child(3)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-title-container>.custom-component-title {
    font-size: 1.2vw;
  }

  .bonuses_bonus-container:nth-child(4)>.bonuses_combine-bonus-icon-container>.custom-white-circle>.custom-color-circle>.custom-component-title-container>.custom-component-title {
    font-size: 1.4vw;
  }

  .start-game_start-game-container {
    row-gap: 1.5vh;
  }

  .start-game_header {
    font-size: 5.5vw;
    --target-font-size: 5.5vw;
  }

  .start-game_mode-btns-container {
    width: 97vw;
    height: 20vw;
    column-gap: 3vw;
  }

  .start-game_switch-mode-btn {
    transform: translateY(-15%);
    width: 44vw;
    height: 13vw;
    padding: 0 4vw;
  }

  .start-game_switch-mode-btn>.start-game_switch-mode-title {
    font-size: 4vw;
    --target-font-size: 4vw;
    text-wrap: nowrap;
  }

  .start-game_sliders-container {
    width: 97vw;
    column-gap: 3.5vw;
  }

  .start-game_slider-header {
    font-size: 5vw;
    --target-font-size: 5vw;
  }

  .start-game_slider-container_dark {
    height: 12vw;
  }

  .start-game_switch-btn,
  .settings_switch-btn {
    width: 3vw;
    margin: 0 1.5vw;
  }

  .start-game_uptitle {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  .start-game_bet-range-container {
    width: 70vw;
    margin-bottom: 1vh;
  }

  .start-game_bet-title {
    font-size: 3.7vw;
    --target-font-size: 3.7vw;
  }

  .start-game_bet-value {
    font-size: 6.5vw;
  }

  .start-game_range-container {
    height: 8vw;
  }

  .start-game_range-item {
    width: 13vw;
  }

  .start-game_range-container::-webkit-slider-thumb {
    width: 13vw;
    height: 8vw;
  }

  .start-game_range-container::-moz-range-thumb {
    width: 13vw;
    height: 8vw;
  }

  .start-game_play-btn {
    width: 40vw;
    height: 11vw;
    padding: 0 4vw;
  }

  .start-game_play-btn-title {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  .start-game_slider-container_light {
    width: 95%;
    height: 85%;
  }

  .start-game_watch-add-btn {
    background-position-y: 0.5vw;
    width: 17vw;
    height: 9vw;
    top: 11vw;
    right: 5vw;
  }

  .start-game_watch-add-btn-icon {
    width: 5.5vw;
  }

  .start-game_watch-add-btn-title {
    font-size: 2.8vw;
  }

  .skins-nav-list {
    column-gap: 6vw;
    margin-top: 5vh;
    margin-bottom: 3vh;
  }

  .categories-btn {
    width: 19vw;
    height: 7vw;
  }

  .categories-btn-title {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  .skin-element {
    width: 40vw;
    height: 18.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .skins-pick-area {
    margin-bottom: 10vh;
    scrollbar-width: none;
    column-gap: 7vw;
    row-gap: 5vw;
    min-height: 30vh;
    width: 87vw;
  }

  .checkbox-pick-icon {
    width: 11vw;
  }

  .skin-element_locked-icon {
    width: 8vw;
  }

  .background-element {
    border-radius: 1vw;
    width: 42vw;
    height: 25vw;
  }

  #pick-area-2 {
    width: 89vw;
    column-gap: 5vw;
  }

  .background-element>.checkbox-pick-icon {
    width: 8vw;
  }

  .background-element>.skin-element_locked-icon {
    width: 5.5vw;
  }

  .skin-back-element {
    width: 19.5vw;
    height: 26vw;
  }

  .skin-back-element>.checkbox-pick-icon {
    width: 7.5vw;
  }

  .skin-back-element>.skin-element_locked-icon {
    width: 7vw;
  }

  #pick-area-3 {
    width: 77vw;
    column-gap: 9vw;
  }

  .daily-bonuses_container {
    width: 92vw;
    height: 75vw;
  }

  .daily-bonuses_multiple-bounty-icon {
    width: 12vw;
  }

  .daily-bonuses_multiple-bounty-title-container {
    width: 50vw;
  }

  .daily-bonuses_multiple-bounty-title {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  .daily-bonuses_multiple-bounty-container {
    width: 62vw;
  }

  .daily-bonuses_close-icon {
    width: 12.5vw;
  }

  .daily-bonuses_header-logo-container {
    width: 40vw;
    height: 20vw;
    padding: 5vw 14.5vw;
  }

  .daily-bonuses_header-title {
    color: #fff1b2;
    font-size: 5.3vw;
    --target-font-size: 5.3vw;
    text-transform: uppercase;
  }

  .daily-bonuses_bounties-container {
    column-gap: 1.5vw;
    margin-top: -16vw;
  }

  .bounty-card-container {
    width: 22vw;
    height: 28vw;
    row-gap: 0.6vw;
  }

  .bounty-card-icon {
    width: 13.5vw;
  }

  .add-bounty-value,
  .bounty-card-header-number,
  .bounty-card-header-title {
    font-size: 3.6vw;
    --target-font-size: 3.6vw;
  }

  .add-bounty-icon {
    width: 5.5vw;
  }

  .bounty-card-header {
    margin-top: -3vw;
  }

  .end-popup_container,
  .exit-popup_container,
  .tutorial-popup_container {
    width: 88vw;
    height: 50vw;
    padding: 12vw 0;
  }

  .end-popup_container {
    height: 60vw;
  }

  .tutorial-popup_title {
    font-size: 8.2vw;
    --target-font-size: 8.2vw;
  }

  .tutorial-popup-btn {
    width: 34vw;
    height: 12vw;
  }

  .tutorial-popup-btn-title {
    font-size: 6vw;
    --target-font-size: 6vw;
  }

  .end-popup_title,
  .exit-popup_title {
    font-size: 7vw;
    --target-font-size: 7vw;
  }

  .exit-popup_title-subtitle {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  .tutorial-popup-btn>.add-bounty-icon {
    width: 9vw;
    transform: translateY(-5%);
  }

  .end-popup_bet-title,
  .end-popup_reward-title {
    font-size: 5vw;
    --target-font-size: 5vw;
  }

  .end-popup_bet-value,
  .end-popup_reward-value {
    font-size: 5vw;
  }

  .draw-without-ads>.tutorial-popup-btn {
    width: 60vw;
  }

  .popup-content {
    width: 90vw;
    border-radius: 2.5vw;
  }


  .popup-header {
    margin-top: 2vh;
    height: 5vh;
  }

  .close-popup {
    width: 4vh;
    right: 1vw;
    top: 1vw;
  }

  .popup-header>h3 {
    font-size: 8vw;
    --target-font-size: 8vw;
  }

  .popup-content>.choose-avatar_close-icon {
    width: 14.5vw;
    top: -3%;
    right: -5%;
  }

  .language-container>.settings_checkbox {
    width: 8vw;
  }

  .languages-list {
    margin-bottom: 2vh;
  }

  /* <reward-receiver> */

  .reward-receiver-shine {
    width: 150vw;
    height: 150vw;
  }

  .reward-receiver-container {
    font-size: 5vw;
  }

  .reward-receiver-reward {
    width: 25vw;
    height: 25vw;
  }

  /* </reward-receiver> */

  .playground-pare-element {
    width: 18vw;
    height: 24vw;
  }

  /* <tutorial-wrapper> */
  .tutorial-wrapper {
    height: 50%;
  }

  #tutorial-01>.tutorial-flow-info-text-container {
    width: 80%;
  }

  #tutorial-01>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 6vw;
    --target-font-size: 6vw;
  }

  .tutorial-flow-deck-container {
    width: 40%;
  }

  #tutorial-02>.tutorial-flow-info-text-container {
    width: 45%;
  }

  #tutorial-02>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 3.8vw;
    --target-font-size: 3.8vw;
  }

  #tutorial-03>.tutorial-flow-info-text-container {
    width: 90%;
    height: 15%;
    transform: translateY(15vw);
  }

  #tutorial-03>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  #tutorial-04>.tutorial-flow-info-text-container {
    width: 80%;
    height: 35%;
    transform: translateY(-20vw);
  }

  #tutorial-04>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  #tutorial-05 {
    height: 50%;
  }

  #tutorial-05>.tutorial-flow-info-text-container {
    width: 85%;
    transform: translateY(0);
  }

  #tutorial-05>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  /* .tutorial-continue-button.tutorial-05 {
    margin-bottom: 30%;
  } */


  #tutorial-06>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4.5vw;
    --target-font-size: 4.5vw;
  }

  #tutorial-06>.tutorial-flow-info-text-container {
    width: 90%;
    height: 20%;
    transform: translateY(-15vh);
  }

  #tutorial-07 {
    transform: translateY(0);
  }

  #tutorial-07>.tutorial-flow-info-text-container,
  #tutorial-09>.tutorial-flow-info-text-container {
    width: 90%;
    height: 30%;
    max-height: 30%;
    transform: translateY(0);
  }

  #tutorial-07>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 3.5vw;
    --target-font-size: 3.5vw;
  }

  #tutorial-07>.tutorial-flow-deck-container,
  #tutorial-09>.tutorial-flow-deck-container {
    width: 100%;
    transform: translateY(0);
  }

  #tutorial-09>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  #tutorial-09>.tutorial-flow-deck-container {
    width: 110%;
    scale: 0.9;
  }

  .tutorial-flow-card-container {
    width: 18vw;
    height: 24vw;
  }

  .tutorial-flow-card-container.non-suitable::after,
  .tutorial-flow-card-container.suitable::after {
    width: 15vw;
    height: 10vw;
  }

  #tutorial-08>.tutorial-flow-deck-container {
    width: 80%;
  }

  #tutorial-07>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  #tutorial-08 {
    height: 50%;
  }

  #tutorial-08>.tutorial-flow-info-text-container {
    width: 80%;
    align-items: flex-start;
  }

  #tutorial-08>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  #tutorial-09p2 {
    height: 55%;
  }

  #tutorial-10 {
    height: 50%;
  }

  #tutorial-10>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 4vw;
    --target-font-size: 4vw;
  }

  #tutorial-10>.tutorial-flow-info-text-container {
    width: 80%;
  }

  #tutorial-11>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 6vw;
    --target-font-size: 6vw;
  }

  #tutorial-12>.tutorial-flow-info-text-container {
    width: 80%;
    transform: translateY(0);
  }

  #tutorial-12>.tutorial-flow-info-text-container>.tutorial-flow-info-text {
    font-size: 3vw;
    --target-font-size: 3vw;
  }

  .card-transfare-hint {
    width: 18vw;
    height: 24vw;
    border-radius: 2vw;
    border: 1vw solid #ffffffaa;
    transform: translate(-1vw, 8vw);
  }

  .card-transfare-hint-static {
    width: 18vw;
    height: 24vw;
    border-radius: 2vw;
    border: 1vw solid #ffffffaa;
  }

  .card-transfare-hint::after,
  .card-transfare-hint-static::after {
    width: 11vw;
    height: 11vw;
  }

  /* </tutorial-wrapper> */
}

@media (min-aspect-ratio: 11/6) {

  .logo-container,
  .play-btn-container,
  .switch-tabs-btns-container,
  .open-profile-tab-btn,
  .open-settings-tab-btn,
  .arrow-back-btn,
  .cash-info-container {
    scale: 0.8;
  }

  .profile-container {
    scale: 0.8;
    transform: translateY(-10%);
  }

  .tutorial-continue-button{
    margin-bottom: 14%;
    scale: 0.85;
  }

  .choose-avatar_container {
    scale: 0.8;
  }

  .tutorial-btn,
  .version-container,
  .settings_settings-container {
    scale: 0.8;
  }

  .skins-navigation {
    scale: 0.8;
  }

  .start-game_watch-add-btn {
    width: 8vw;
    height: 4vw;
  }

  .start-game_watch-add-btn-icon {
    width: 2.5vw;
  }

  .start-game_watch-add-btn-title {
    font-size: 1.4vw;
  }

  .start-game_start-game-container {
    scale: 0.8;
  }

  .daily-bonuses-tab {
    scale: 0.6;
  }

  .daily-bonuses-tab-container {
    scale: 0.8;
    height: 120vh;
  }

  .playground-container {
    scale: 0.85;
    min-height: 115vh;
    transform: translateY(-9%);
  }

  .playground {
    height: 35vh;
  }

  .cards-deck-container {
    scale: 0.9;
  }
}

@media (min-aspect-ratio: 15/6.5) {
  .playground-container {
    scale: 0.75;
    min-height: 135vh;
    transform: translateY(-18%);
  }

  .cards-deck-container {
    scale: 0.8;
  }

  .end-popup_container,
  .exit-popup_container,
  .tutorial-popup_container {
    scale: 0.8;
  }

  .tutorial-continue-button{
    margin-bottom: 11%;
    scale: 0.75;
  }
}

@media (min-aspect-ratio: 15/5) {
  .playground-container {
    scale: 0.65;
    min-height: 155vh;
    transform: translateY(-28%);
  }

  .cards-deck-container {
    scale: 0.7;
  }

  .tutorial-continue-button{
    margin-bottom: 8.5%;
    scale: 0.65;
  }
}

@media (min-aspect-ratio: 16/6) {
  .start-game_start-game-container {
    scale: 0.6;
    height: 150vh;
  }

  .daily-bonuses-tab-container {
    scale: 0.6;
    height: 140vh;
  }
}

@media (min-aspect-ratio: 17/6) {
  .profile-container {
    scale: 0.6;
    transform: translateY(-20%);
  }

  .choose-avatar_container {
    scale: 0.6;
  }

  .settings_settings-container {
    position: absolute;
    height: 130vh;
  }

  .tutorial-btn,
  .version-container,
  .settings_settings-container {
    scale: 0.6;
  }

  .achievements_stats-container {
    width: 28vw;
    row-gap: 2vw;
  }

  .achievements_stats-list-item-tab {
    width: 13vw;
    height: 7vw;
  }

  .achievements_stats-list-item {
    width: 12vw;
    height: 6vw;
  }

  .achievements_header-icon {
    width: 1.4vw;
  }

  .achievements_stats-list-item-progress-container {
    width: 85%;
    height: 2.5vw;
  }

  .skins-pick-area {
    width: 78vw;
    column-gap: 2vw;
  }

  .skin-element {
    width: 14vw;
    height: 6.5vw;
  }

  .background-element {
    width: 12.5vw;
    height: 7.5vw;
  }

  #pick-area-2 {
    width: 75vw;
    column-gap: 3vw;
  }

  .skin-back-element {
    width: 6vw;
    height: 8vw;
  }

  #pick-area-3 {
    width: 42vw;
    column-gap: 3vw;
  }

  .checkbox-pick-icon {
    width: 4vw;
  }

  .skin-element_locked-icon {
    width: 2.5vw;
  }

  .play-btn-container,
  .switch-tabs-btns-container,
  .open-profile-tab-btn,
  .open-settings-tab-btn,
  .arrow-back-btn,
  .cash-info-container {
    scale: 0.6;
  }

  .bonuses_bonuses-container {
    scale: 0.8;
  }
}

@media (min-aspect-ratio: 15/4.5) {
  .profile-container {
    scale: 0.5;
    transform: translateY(-20%);
  }

  .playground-container {
    scale: 0.56;
    min-height: 175vh;
    transform: translateY(-38%);
  }

  .cards-deck-container {
    scale: 0.6;
  }
}