@font-face {
  font-family: Circe;
  src: url(assets/fonts/Circe-Regular-bjLXSoIf.eot);
  src: local("Circe"), local("Circe-Regular"),
    url(assets/fonts/Circe-Regular-bjLXSoIf.eot?#iefix)
      format("embedded-opentype"),
    url(assets/fonts/Circe-Regular-LwZ11hqR.woff) format("woff"),
    url(assets/fonts/Circe-Regular-Dz1i-umt.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Circe;
  src: url(assets/fonts/Circe-Bold-9hutY4F7.eot);
  src: local("Circe Bold"), local("Circe-Bold"),
    url(assets/fonts/Circe-Bold-9hutY4F7.eot?#iefix) format("embedded-opentype"),
    url(assets/fonts/Circe-Bold-CFeGCd4k.woff) format("woff"),
    url(assets/fonts/Circe-Bold-BNORJuBd.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: MADE Waffle Soft ExtraBold;
  font-style: normal;
  font-weight: 400;
  src: local("MADE Waffle Soft ExtraBold"),
    url(assets/fonts/MADE%20Waffle%20Soft%20PERSONAL%20USE-BGqRqK_6.woff)
      format("woff");
}

@font-face {
  font-family: SHARKBOY-and-lavagirl;
  src: url(assets/fonts/SHARKBOY-and-lavagirl.ttf-w6VwmBgZ.woff) format("woff"),
    url(assets/fonts/SHARKBOY-and-lavagirl.ttf-DfycHkle.eot),
    url(assets/fonts/SHARKBOY-and-lavagirl.ttf-DfycHkle.eot?#iefix)
      format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}

:root {
  --background: 246, 247, 251;
  --bg-main: 255, 255, 255;
  --bg-white-primary: 255, 255, 255;
  --bg-secondary: 247, 248, 252;
  --bg-secondary-hover: 230, 232, 240;
  --bg-light: 235, 238, 248;
  --bg-light-hover: 222, 226, 240;
  --bg-badge: 244, 247, 252;
  --bg-classic-fire: 244, 246, 251;
  --bg-classic-fire-badge: 215, 221, 236;
  --bg-classic-fire-text: 59, 64, 70;
  --bg-logout: 220, 225, 241;
  --text-main: 43, 43, 43;
  --text-primary: 31, 106, 237;
  --text-secondary: 85, 89, 100;
  --text-secondary-light: 86, 90, 101;
  --text-logout: 185, 195, 210;
  --shadow-main: 0px 7px 29px 0px rgb(222 226 241 / 33%);
  --border-main: 221, 227, 233;
  --border-secondary: 217, 222, 240;
  --border-light: 231, 236, 241;
  --border-secondary-hover: 219, 225, 231;
  --border-wheel: 233, 240, 250;
  --border-avatar: 244, 245, 249;
}

html.dark:root {
  --background: 28, 33, 51;
  --bg-main: 33, 39, 59;
  --bg-secondary: 39, 46, 69;
  --bg-secondary-hover: var(--bg-secondary);
  --bg-light: 26, 31, 49;
  --bg-light-hover: 40, 46, 68;
  --bg-badge: 22, 27, 43;
  --bg-classic-fire: 44, 50, 71;
  --bg-classic-fire-badge: 76, 81, 103;
  --bg-classic-fire-text: 148, 157, 197;
  --bg-logout: 35, 41, 62;
  --text-main: 196, 204, 224;
  --text-primary: 43, 142, 222;
  --text-secondary: 196, 204, 224;
  --text-secondary-light: 255, 255, 255;
  --text-logout: 122, 134, 174;
  --shadow-main: unset;
  --border-main: 57, 62, 81;
  --border-secondary: 47, 52, 74;
  --border-light: 47, 52, 74;
  --border-secondary-hover: 87, 96, 128;
  --border-wheel: 44, 50, 73;
  --border-avatar: 44, 50, 71;
}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
* {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Circe, "sans-serif", system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue,
    sans-serif;
}

a {
  text-decoration: none;
}

html {
  background-color: rgba(var(--background), 1);
  color: rgba(var(--text-main), 1);
}

body {
  overflow-y: scroll;
}

ul,
li {
  list-style: none;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background-color: rgba(var(--background), 1);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(var(--bg-secondary-hover), 1);
}
#app {
  padding: 20px;
  max-width: 1920px;
  margin: 0 auto;
}
#app .container-fluid {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1350px) {
  #app .container-fluid {
    flex-wrap: wrap;
  }
}
#app .container-fluid .content {
  width: calc(100% - 385px);
}
@media (max-width: 1600px) {
  #app .container-fluid .content {
    width: calc(100% - 325px);
  }
}
@media (max-width: 1350px) {
  #app .container-fluid .content,
  #app .container-fluid .rightbar {
    width: 100%;
  }
}
.header[data-v-47829072] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media (max-width: 900px) {
  .header[data-v-47829072] {
    flex-wrap: wrap;
  }
}
.header .leftbar[data-v-47829072] {
  width: 450px;
}
@media (max-width: 1600px) {
  .header .leftbar[data-v-47829072] {
    width: 350px;
  }
}
@media (max-width: 900px) {
  .header .leftbar[data-v-47829072],
  .header .main[data-v-47829072] {
    width: 100%;
  }
}
.header .main[data-v-47829072] {
  width: calc(100% - 465px);
}
@media (max-width: 1600px) {
  .header .main[data-v-47829072] {
    width: calc(100% - 365px);
  }
}
@media (max-width: 900px) {
  .header .leftbar[data-v-47829072],
  .header .main[data-v-47829072] {
    width: 100%;
  }
}
.header a.logotype[data-v-47829072] {
  height: 45px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header a.logotype .icon[data-v-47829072] {
  position: relative;
}
.header a.logotype span[data-v-47829072] {
  font-family: SHARKBOY-and-lavagirl;
  font-size: 35px;
  color: rgba(var(--text-primary), 1);
  text-align: center;
  position: relative;
}
@media (max-width: 400px) {
  .header a.logotype span[data-v-47829072] {
    display: none;
  }
}
.header a.logotype img[data-v-47829072] {
  width: 59px;
  object-fit: contain;
  margin-right: 15px;
}
@media (max-width: 400px) {
  .header a.logotype img[data-v-47829072] {
    margin-right: 0;
  }
}
.header a.logotype .icon img.shapka[data-v-47829072] {
  position: absolute;
  width: 44px;
  height: 43px;
  right: 0;
  top: -12px;
}
.header a.logotype span[data-v-47829072] {
  font-family: SHARKBOY-and-lavagirl;
  font-size: 35px;
  color: rgba(var(--text-primary), 1);
  text-align: center;
  position: relative;
}
@media (max-width: 400px) {
  .header a.logotype span[data-v-47829072] {
    display: none;
  }
}
.header .showMenu[data-v-47829072] {
  background-color: rgba(var(--bg-main), 1);
  box-shadow: var(--shadow-main);
  border-radius: 10px;
  position: fixed;
  top: 15px;
  right: 20px;
  width: 48px;
  height: 48px;
  z-index: 2;
  align-items: center;
  justify-content: center;
  display: none;
  color: rgba(var(--text-secondary), 1);
}
@media (max-width: 1350px) {
  .header .showMenu[data-v-47829072] {
    display: flex;
  }
}
.header .showMenu svg[data-v-47829072] {
  height: 19px;
}
.wallet[data-v-a261d2a5] {
  background-color: rgba(var(--bg-main), 1);
  box-shadow: var(--shadow-main);
  border-radius: 10px;
  padding: 15px 20px;
  height: 90px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 450px) {
  .wallet[data-v-a261d2a5] {
    height: unset;
    min-height: 90px;
  }
}
.wallet .no-items[data-v-a261d2a5] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--bg-main), 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.auth[data-v-21646828] {
  display: flex;
  align-items: center;
  justify-content: end;
}
.auth a[data-v-21646828] {
  width: 115px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  background-color: #178be3;
}
.auth a.login[data-v-21646828] {
  margin-right: 15px;
}
@media (max-width: 400px) {
  .auth a.login[data-v-21646828] {
    margin-right: 5px;
  }
}
.auth a.register[data-v-21646828] {
  width: 160px;
  background-color: #8522c1;
}
@media (max-width: 400px) {
  .auth a.register[data-v-21646828] {
    width: 60px;
  }
}
.auth a svg[data-v-21646828] {
  height: 20px;
  width: 25px;
  margin-right: 10px;
}
@media (max-width: 400px) {
  .auth a.register svg[data-v-21646828] {
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  .auth a.register span[data-v-21646828] {
    display: none;
  }
}
.header .main .flex[data-v-47829072] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  margin-bottom: 15px;
}
@media (max-width: 900px) {
  .header .main .flex[data-v-47829072] {
    height: unset;
  }
}
.games[data-v-f9207f78] {
  background-color: rgba(var(--bg-main), 1);
  border-radius: 10px;
  height: 90px;
  display: flex;
  box-shadow: var(--shadow-main);
}
@media (max-width: 900px) {
  .games[data-v-f9207f78] {
    flex-wrap: wrap;
    height: unset;
    justify-content: center;
  }
}
.badges[data-v-34c7ab4c] {
  display: flex;
}
@media (max-width: 1350px) {
  .header .main .flex .desktop[data-v-47829072] {
    display: none;
  }
}
.nav a[data-v-f1d17aea] {
  margin-right: 35px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(var(--text-main), 1);
}
.badges a[data-v-34c7ab4c],
.badges span[data-v-34c7ab4c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
}
.badges a.tg[data-v-34c7ab4c],
.badges span.tg[data-v-34c7ab4c] {
  background-color: #218cf9;
}
.badges a svg[data-v-34c7ab4c],
.badges span svg[data-v-34c7ab4c] {
  height: 15px;
}
.badges span[data-v-34c7ab4c] {
  border: 1px solid rgba(var(--border-main, 1));
}

.badges span svg[data-v-34c7ab4c] {
  color: #b7c2d0;
}
.badges a[data-v-34c7ab4c]:last-child,
.badges span[data-v-34c7ab4c]:last-child {
  margin-right: 0;
}
.badges a.lang svg[data-v-34c7ab4c],
.badges span.lang svg[data-v-34c7ab4c] {
  display: block;
  width: 20px;
  height: 15px;
  overflow: hidden;
  border-radius: 500px;
}
.games .game[data-v-f9207f78] {
  width: 12.5%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 42px;
  color: rgba(var(--text-secondary), 1);
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 900px) {
  .games .game[data-v-f9207f78] {
    margin: 10px 0;
    width: calc(25% - 5px);
  }
}
@media (max-width: 900px) and (max-width: 350px) {
  .games .game[data-v-f9207f78] {
    width: calc(50% - 5px);
  }
}
.games .game.router-link-active[data-v-f9207f78] {
  background-color: rgba(var(--bg-secondary), 1);
  border-radius: 6px;
}
.games .game .badge[data-v-f9207f78] {
  width: 48px;
  height: 48px;
  position: absolute;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #8e6cf0, #6582fb);
  box-shadow: 0 7px 13px #7977f640;
  transition: 0.25s ease;
  color: #fff;
  font-size: 20px;
}
.games .game.gray .badge[data-v-f9207f78] {
  background-image: linear-gradient(0deg, #9da3b1, #767a8f);
  box-shadow: 0 7px 13px #9e9cae40;
}
.games.no-shadow .game .badge[data-v-f9207f78] {
  box-shadow: unset;
}
.games .game .badge img[data-v-f9207f78],
.games .game .badge svg[data-v-f9207f78] {
  transition: 0.3s ease;
}
.games .game .badge img[data-v-f9207f78] {
  max-width: 25px;
  max-height: 25px;
}
.games .game span[data-v-f9207f78] {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 15px;
  text-align: center;
}
.games .game .description[data-v-f9207f78] {
  color: rgba(var(--text-logout), 1);
}
.games .game.yellow .badge[data-v-f9207f78] {
  background-image: linear-gradient(0deg, #f0cc6c, #e5a643);
  box-shadow: 0 7px 13px #eab85740;
}
.games .game.purple .badge[data-v-f9207f78] {
  background-image: linear-gradient(0deg, #e26cf0, #ae43e5);
  box-shadow: 0 7px 13px #da68f240;
}
.games .game.blue .badge[data-v-f9207f78] {
  background-image: linear-gradient(0deg, #6ca1f0, #65cffb);
  box-shadow: 0 7px 13px #778cf640;
}
.games .game.red .badge[data-v-f9207f78] {
  background-image: linear-gradient(0deg, #f0856c, #e55a43);
  box-shadow: 0 7px 13px #ea675540;
}
#app .container-fluid .rightbar {
  width: 370px;
}
@media (max-width: 1600px) {
  #app .container-fluid .rightbar {
    width: 310px;
  }
}
@media (max-width: 1350px) {
  #app .container-fluid .content,
  #app .container-fluid .rightbar {
    width: 100%;
  }
}
.chat[data-v-13a12521] {
  background-color: rgba(var(--bg-main), 1);
  border-radius: 10px;
  padding: 20px;
  box-shadow: var(--shadow-main);
  transition: height 0.25s ease;
  overflow: hidden;
}
@media (max-width: 1350px) {
  .chat[data-v-13a12521] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 300px;
    bottom: 20px;
    z-index: 2;
  }
}
@media (max-width: 1350px) and (max-width: 900px) {
  .chat[data-v-13a12521] {
    right: 0;
    top: 60px;
    bottom: 0;
    z-index: 10;
  }
}
.chat.hidden[data-v-13a12521] {
  height: 52px;
}
@media (max-width: 1350px) {
  .chat.hidden[data-v-13a12521] {
    width: 70px;
    top: unset;
    right: 20px;
    bottom: 20px;
    height: 80px;
    padding: 10px;
  }
}
@media (max-width: 1350px) and (max-width: 900px) {
  .chat.hidden[data-v-13a12521] {
    left: unset;
  }
}
.footer[data-v-89f10340] {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: rgba(var(--bg-main), 0.5);
  border-radius: 10px;
  padding: 20px;
  box-shadow: var(--shadow-main);
  overflow: hidden;
}
.chat .header[data-v-13a12521] {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(var(--border-light, 1));
}
.chat.hidden .header[data-v-13a12521] {
  border-color: transparent;
}
@media (max-width: 1350px) {
  .chat.hidden .header[data-v-13a12521] {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.chat .header .title[data-v-13a12521] {
  width: 100px;
  font-weight: bolder;
  font-size: 14px;
  text-transform: uppercase;
}
@media (max-width: 1350px) {
  .chat .header .title[data-v-13a12521] {
    display: none;
  }
}
.chat .header .hide[data-v-13a12521] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(var(--border-secondary-hover, 1));
  border-radius: 50%;
  justify-content: center;
}
.chat .header .hide svg[data-v-13a12521] {
  height: 15px;
  color: #b7c2d0;
}
.chat .header .online[data-v-13a12521] {
  display: flex;
  align-items: center;
  justify-content: end;
  font-weight: 600;
  color: #4ec03d;
  width: 100px;
  opacity: 1;
  transition: 0.25s ease;
}
@media (max-width: 1350px) {
  .chat .header .online[data-v-13a12521] {
    width: calc(100% - 30px);
  }
}
@media (max-width: 1350px) {
  .chat.hidden .header .online[data-v-13a12521] {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }
}
svg[data-v-b938d906] {
  height: 18px;
  margin-right: 5px;
}
.footer .icons[data-v-89f10340] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer #anj-04061d08-38ff-4389-bde4-4e8f844024ba[data-v-89f10340] {
  margin-left: 15px;
}
.footer .icons a[data-v-89f10340],
.footer .icons iframe[data-v-89f10340] {
  margin-left: 15px;
}
.footer .anjouan-icon a[data-v-89f10340],
.footer .anjouan-icon img[data-v-89f10340] {
  width: 48px;
  height: 48px;
}
.footer .anjouan-icon img[data-v-89f10340] {
  object-fit: cover;
}
.footer .links[data-v-89f10340] {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer .links a[data-v-89f10340] {
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
  color: rgba(var(--text-main), 1);
  white-space: nowrap;
}
.footer .company span[data-v-89f10340] {
  color: #b1b7cd;
  font-size: 12px;
  line-height: 8px;
}
.footer .company span a[data-v-89f10340] {
  color: rgba(var(--text-main));
}
.banners[data-v-44278ac0] {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1350px) {
  .hide-mobile[data-v-705ef439] {
    display: none;
  }
}
.banners .big-giveaway[data-v-44278ac0] {
  width: 100%;
  background-color: #1f6aed;
  background-image: url(assets/teams-small-CsQ6vyCC.png);
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  height: 90px;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
}
.banners .big-giveaway .info[data-v-44278ac0] {
  width: calc(100% - 100px);
}
.banners .big-giveaway .badge[data-v-44278ac0] {
  width: 100px;
  height: 50px;
  background-color: rgba(var(--bg-white-primary), 1);
  border-radius: 10px;
  color: #45433f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  white-space: nowrap;
}
.banners .big-giveaway .info .title[data-v-44278ac0] {
  color: #fffc;
  font-size: 15px;
}
.banners .big-giveaway .info .amount[data-v-44278ac0] {
  font-size: 23px;
  font-weight: 700;
}
.banners .big-giveaway .badge .description[data-v-44278ac0] {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: -5px;
}
.banners .big-giveaway .badge .date[data-v-44278ac0] {
  font-size: 20px;
  font-weight: 700;
}
.banner[data-v-eb596464] {
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 200px;
  height: 170px;
  overflow: hidden;
  background-size: cover;
  padding: 25px 45px;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  position: relative;
}
@media (max-width: 1050px) {
  .banner[data-v-eb596464] {
    height: unset;
    background-color: #21273b;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 120px;
  }
}
@media (max-width: 1050px) and (max-width: 600px) {
  .banner[data-v-eb596464] {
    grid-template-columns: 1fr;
  }
}
.splide[data-v-3b859920] {
  margin-bottom: 15px;
}
.banner img[data-v-eb596464] {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 1050px) {
  .banner img[data-v-eb596464] {
    position: absolute;
    bottom: unset;
    height: 100px;
    z-index: 1;
  }
}
.banner .info[data-v-eb596464] {
  color: #fff;
  font-size: 17px;
  text-shadow: 3px 3px 15px black;
}
@media (max-width: 1050px) {
  .banner .timer[data-v-eb596464],
  .banner .info[data-v-eb596464] {
    z-index: 1;
  }
}
@media (max-width: 1050px) and (max-width: 600px) {
  .banner .info[data-v-eb596464] {
    margin-bottom: 15px;
  }
}
@media (max-width: 1050px) {
  .banner .timer[data-v-eb596464],
  .banner .info[data-v-eb596464] {
    z-index: 1;
  }
}
.banner .info .title[data-v-eb596464] {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 25px;
}
.banner .info .description[data-v-eb596464] {
  line-height: 18px;
  color: #fff;
  text-shadow: 3px 3px 15px black;
}
.banner .timer .time[data-v-eb596464] {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  margin-bottom: -5px;
}
.banner .timer .time .section[data-v-eb596464] {
  width: 25%;
  display: flex;
  padding: 5px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffffb3;
  font-size: 11px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
}
.banner .timer .time .section span[data-v-eb596464] {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: -7px;
  color: #fff;
}

.banner .timer .time .section[data-v-eb596464]:last-child {
  border-right: none;
}
.banner .timer a[data-v-eb596464] {
  background: linear-gradient(180deg, #5bacff, #218cf9);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  height: 40px;
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  position: relative;
}
.slots[data-v-3b859920] {
  box-shadow: var(--shadow-main);
  background-color: rgba(var(--bg-main), 1);
  border-radius: 10px;
  padding: 25px;
}
@media (max-width: 750px) {
  .slots[data-v-3b859920] {
    padding: 0;
    box-shadow: unset;
    background-color: unset;
  }
}
.head[data-v-b9b352f4] {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  background-color: rgba(var(--background), 1);
  padding: 10px;
}
@media (max-width: 750px) {
  .head[data-v-b9b352f4] {
    flex-wrap: wrap;
    padding: 0;
  }
}
.head .categories[data-v-b9b352f4] {
  width: calc(100% - 425px);
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (max-width: 750px) {
  .head .categories[data-v-b9b352f4] {
    order: 2;
    width: 100%;
    background-color: rgba(var(--bg-light), 1);
    border-radius: 10px;
    padding: 10px;
  }
}
.head .categories a[data-v-b9b352f4] {
  border-radius: 8px;
  height: 40px;
  padding: 0 15px;
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 15px;
  margin-right: 10px;
  color: rgba(var(--text-main), 1);
  align-items: center;
  background-color: #00000000;
  width: auto;
  transition: none;
  margin-bottom: 0 !important;
}
.head .categories a.active[data-v-b9b352f4] {
  background: #218cf9;
  box-shadow: 0 4px 15px #218cf933;
  color: #fff;
  pointer-events: none;
}
.head .search[data-v-b9b352f4] {
  display: flex;
  align-items: center;
  width: 220px;
  justify-content: space-between;
  height: 40px;
  border-radius: 10px;
  padding: 0 20px;
  background-color: rgba(var(--bg-main), 1);
}

.head .search svg[data-v-b9b352f4] {
  color: #218cf9;
}
.head .search input[data-v-b9b352f4] {
  height: 50px;
  width: calc(100% - 35px);
  font-size: 15px;
  background-color: transparent;
  color: rgba(var(--text-secondary), 1);
}
.head a[data-v-b9b352f4] {
  height: 40px;
  border-radius: 10px;
  padding: 0 20px;
  background-color: rgba(var(--bg-main), 1);
  width: 180px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--text-main), 1);
  transition: 0.25s ease;
}
@media (max-width: 750px) {
  .head .search[data-v-b9b352f4],
  .head a[data-v-b9b352f4] {
    width: calc(50% - 5px);
    height: 50px;
    margin-bottom: 10px;
  }
}
.head a svg[data-v-b9b352f4] {
  height: 20px;
  margin-left: 5px;
}
.slots .title[data-v-3b859920] {
  font-weight: 700;
  font-size: 16px;
  color: rgba(var(--text-main), 1);
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.slots .title img[data-v-3b859920] {
  margin-right: 10px;
  height: 23px;
}
.slots .games[data-v-3b859920] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin-bottom: 15px;
}
@media (max-width: 1600px) {
  .slots .games[data-v-3b859920] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1600px) and (max-width: 1400px) {
  .slots .games[data-v-3b859920] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1600px) and (max-width: 1400px) and (max-width: 1000px) {
  .slots .games[data-v-3b859920] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1600px) and (max-width: 1400px) and (max-width: 1000px) and (max-width: 750px) {
  .slots .games[data-v-3b859920] {
    grid-template-columns: repeat(2, 1fr);
  }
}
a.moregames[data-v-3b859920] {
  margin: 0 auto;
  display: flex;
  width: 150px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  background-image: linear-gradient(0deg, #6ca1f0, #65cffb);
  box-shadow: 0 7px 13px #778cf640;
  color: #fff;
  transition: 0.25s ease;
}
@media (max-width: 750px) {
  a.moregames[data-v-3b859920] {
    width: 100%;
    border-radius: 10px;
  }
}
a.moregames svg[data-v-3b859920] {
  margin-right: 5px;
}
.slots .games a[data-v-3b859920] {
  overflow: hidden;
  position: relative;
  background-color: rgba(var(--bg-main), 1);
  box-shadow: 0 0.25rem 2rem #00000017;
  border-radius: 10px;
  transition: 0.25s ease;
}
.slots .games a img[data-v-3b859920] {
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
  min-height: 100px;
  max-height: 160px;
}
.slots .games a img.background[data-v-3b859920] {
  z-index: 1;
  position: relative;
}
.slots .games a .info[data-v-3b859920] {
  opacity: 0;
  transition: 0.25s ease;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #0000001a;
  z-index: 1;
}
.slots .games a .info .provider[data-v-3b859920] {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  left: 15px;
  top: 15px;
}
.slots .games a .info button[data-v-3b859920] {
  background: #ffab03;
  box-shadow: 0 8px 15px #1e1e1e80;
  border-radius: 8px;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  width: 100px;
  height: 40px;
  font-size: 16px;
  top: 0;
  margin: auto;
  font-weight: 600;
  color: #fff;
}
.slots .games a .info .name[data-v-3b859920] {
  font-weight: 700;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  color: #fff;
  padding: 0 15px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.slots .games a[data-v-3b859920]:hover {
  transform: scale(1.05);
}
.slots .games a .info[data-v-3b859920]:hover {
  opacity: 1;
}
.nav a[data-v-f1d17aea]:hover {
  color: rgba(var(--text-main), 0.6);
}
.badges a:hover svg[data-v-34c7ab4c],
.badges span:hover svg[data-v-34c7ab4c] {
  opacity: 0.6;
}
.badges span[data-v-34c7ab4c]:hover {
  cursor: pointer;
  background-color: rgba(var(--border-main, 1));
}
.auth a[data-v-21646828]:hover {
  opacity: 0.8;
  cursor: pointer;
}
.games .game:hover .badge[data-v-f9207f78] {
  top: -15px;
}
.games .game[data-v-f9207f78]:hover {
  cursor: pointer;
}
.games .game:hover .badge img[data-v-f9207f78] {
  transform: rotateY(180deg);
}
.chat .header .hide[data-v-13a12521]:hover {
  opacity: 0.7;
  cursor: pointer;
}
.head .categories a[data-v-b9b352f4]:hover {
  opacity: 0.7;
  cursor: pointer;
}
a.moregames[data-v-3b859920]:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: scale(1.1);
}
.head a[data-v-b9b352f4]:hover {
  cursor: pointer;
}
.header .showMenu[data-v-47829072]:hover {
  opacity: 0.7;
  cursor: pointer;
}
.games .game .amount[data-v-f9207f78] {
  color: #ed8e1f;
}
.footer .links a[data-v-89f10340]:hover {
  color: #b1b7cd;
}
.seo[data-v-703179e2] {
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgba(var(--bg-main), 1);
  color: rgba(var(--text-secondary), 1);
  box-shadow: var(--shadow-main);
  padding: 15px 25px;
  margin-top: 15px;
}
.seo h1 {
  font-weight: bolder;
  font-size: 38px;
  margin-bottom: 20px;
}
.seo h2,
h3,
h4,
h5,
p,
ul {
  margin-bottom: 14px;
}
.seo p {
  font-size: 15px;
}
.seo ul {
  margin-left: 6%;
}
.seo li {
  list-style: disc;
  margin-bottom: 10px;
}