:root {
  --theme-color-1: #000000;
  --theme-color-2: #510303;
  --theme-color-font: #ffffff;
  --theme-font-color-1: #ac9275;
  --theme-font-color-2: #aca275;
  --primary-color-1: #593f00;
  --primary-color-2: #966b02;
  --primary-font-color: #ffffff;
  --secondary-color-1: #aa6868;
  --secondary-color-2: #aa6868;
  --secondary-font-color: #ffffff;
  --background-pc: url(./assets/bg/bg-main.png);
  --background-mobile: url(https://self-imagex.image-etc.co/KHOTHENG88/setting-theme-image/1756870308386355582VYO4mLQP6F/BGLG3.png);
}

.card {
  background: transparent;
}

.wrap-sidebar.full-sidebar.active {
  transform: translateX(0px);
}

.menu-footer{
  display: none;
}

#sub-menu-toggle {
  opacity: 0;
  transform: translateX(300px); 
  transition: all 0.3s ease-in-out;
}

#sub-menu-toggle.active{
  opacity: 1;
  transform: translateX(0px);
}

.carousel-inner[data-v-a368708b] {
  padding: 1em;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
.carousel-control-prev[data-v-a368708b],
.carousel-control-next[data-v-a368708b] {
  
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.card .img-wrapper[data-v-a368708b] {
  max-width: 100%;
  height: 13em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card img {
  max-height: 100%;
}

#money-panel,#event-panel{
  opacity: 1;
  transition: 0.3s;
  position:relative;
  transform: translateX(0px);
}

#money-panel.active,#event-panel.active{
  opacity: 0;
  position:relative;
  transform: translateX(-200px);
  transition: all 0.3s;
}

.icon-play{
  width: 50px !important;
}

.w-game-panel {
  width: 94%;
}

.input-theme-2{
  background-color: #520000af;
}

@media (min-width: 993px) {
  .top-lg-\[60px\]{
    top: 0px;
  }
}

@media (max-width:992px) {
  .wrap-sidebar.full-sidebar.active {
    position: fixed;
    transform: translateX(-300px);
  }

  .menu-footer{
    display: grid;
  }

  .w-game-panel {
    width: 90%;
  }

  .top-lg-\[60px\]{
    top: 60px;
  }

}

@media (min-width: 768px) {
  .carousel-item[data-v-a368708b] {
    margin-right: 0;
    flex: 0 0 16.66666%;
    display: block;
  }
  .carousel-inner[data-v-a368708b] {
    display: flex;
  }
  .w-game-panel {
    width: 94%;
  }
}

@media (max-width: 767px) {
  .card .img-wrapper[data-v-a368708b] {
    height: 17em;
    flex: 0 0 50%;
  }
  .carousel-item[data-v-a368708b] {
    margin-right: 0;
    flex: 0 0 50%;
    display: block;
  }
  .carousel-inner[data-v-a368708b] {
    display: flex;
  }
  .w-game-panel {
    width: 94%;
  }
}

@media (max-width: 600px) {
  .w-game-panel {
    width: 80%;
  }
}