@font-face {
  font-family: "Abraham";
  src: url("../../fonts/abraham/Abraham.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}

body {
  margin: 0;
  font-family: "Abraham", sans-serif;
  line-height: 1;
  color: #ffffff;
  overflow-y: hidden;
}

[v-cloak] {
  display: none !important;
}

/* Inserção de background com base na rota atual */
body.route-cassino,
body.route-cassinosearch,
body.route-financeiro-deposito,
body.route-financeiro-saque {
  background: url("../../images/cassino-bg.png") no-repeat center/cover;
  background-attachment: fixed;
}

body.route-apostar,
body.route-apostarsearch,
body.route-detalhesJogo,
body.route-detalhesJogoAoVivo {
  background: url("../../images/esportes-bg.png") no-repeat center/cover;
  background-attachment: fixed;
}

body.route-user,
body.route-userdata,
body.route-userpix,
body.route-userfinancial,
body.route-userbets,
body.route-userticketDetails {
  background: url("../../images/perfil-bg.png") no-repeat center/cover;
  background-attachment: fixed;
}

.my-cassino-or-sports-screen-arcade-lan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content-scroll {
  height: 100vh;
  overflow-y: auto;
}

body.route-cassino .my-cassino-or-sports-screen-arcade-lan .content-scroll {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 96px - 157px);
}

.content-scroll::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

::-webkit-scrollbar-track {
  border-left: 4px solid transparent;
  border-radius: 0;

  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%),
    linear-gradient(
        180deg,
        #fcfcc7 0%,
        #a29778 35.58%,
        #ffffca 73.08%,
        #9d9274 100%
      )
      border-box;
  background-clip: padding-box, border-box;
}

::-webkit-scrollbar-thumb {
  border-left: 4px solid transparent;
  border-radius: 0;

  background: linear-gradient(180deg, #ff0000 0%, #5f141a 63.94%, #c52936 100%),
    linear-gradient(
        180deg,
        #fcfcc7 0%,
        #a29778 35.58%,
        #ffffca 73.08%,
        #9d9274 100%
      )
      border-box;
  background-clip: padding-box, border-box;
}

.my-line-height-1-2 {
  line-height: 1.2 !important;
}

.my-font-size-18 {
  font-size: 18px !important;
}

.my-font-size-20 {
  font-size: 20px !important;
}

.my-font-size-24 {
  font-size: 24px !important;
}

.my-font-size-28 {
  font-size: 28px !important;
}

.my-font-size-30 {
  font-size: 30px !important;
}

.my-font-size-32 {
  font-size: 32px !important;
}

.my-font-size-36 {
  font-size: 36px !important;
}

.my-font-size-40 {
  font-size: 40px !important;
}

.my-font-size-44 {
  font-size: 44px !important;
}

.my-font-size-48 {
  font-size: 48px !important;
}

.my-opacity-80 {
  opacity: 0.8 !important;
}

.my-opacity-60 {
  opacity: 0.6 !important;
}

.my-opacity-40 {
  opacity: 0.4 !important;
}

@media (max-width: 1440px) {
  body.route-cassino .my-cassino-or-sports-screen-arcade-lan .content-scroll {
    height: calc(100vh - 72px - 124px);
  }
}
