.title.svelte-ssrqy9 {
  color:#fff;
  font-size:28px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  margin:4px 0
}
@media(max-width:768px) {
  .title.svelte-ssrqy9 {
    font-size:14px;
    margin-top:16px
  }
}
.sidebar.svelte-jy4j1t {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  overflow-y:auto;
  background:transparent;
  z-index:10
}
@media(max-width:769px) {
  .sidebar.svelte-jy4j1t {
    gap:0
  }
}
.sidebar.svelte-jy4j1t a{
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 20px;
}

.card-mobile-wrapper.svelte-jy4j1t {
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
@media(min-width:769px) {
  .card-mobile-wrapper.svelte-jy4j1t {
    display:none
  }
}
.card-mobile.svelte-jy4j1t {
  flex:1 1 0;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border-radius:20px
}
.card-wrapper.svelte-jy4j1t {
  border-radius:20px;
  transition:all .3s ease;
  width:300px;
  height:400px;
  padding:24px;
  overflow:hidden;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  /*box-shadow: 0 0 30px 0 #FD0000 inset, 0 0 20px 0 #FD0000;*/
  border:2px solid #fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:11
}
@media(max-width:768px) {
  .card-wrapper.svelte-jy4j1t {
    display:none
  }
}
.purple-glow.svelte-jy4j1t {
  background:url(../../_app/img/banner1.png) center / cover no-repeat
}
.card-wrapper.svelte-jy4j1t:hover {
  transform:translateY(-2px)
}
.card-inner.svelte-jy4j1t {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-items:center;
  position:relative
}
.card-inner.svelte-jy4j1t>:where(.svelte-jy4j1t) {
  position:relative;
  z-index:1
}
.card-title.svelte-jy4j1t {
  color:#fff;
  font-size:22px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.domain-box.svelte-jy4j1t {
  width:100%;
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center
}
.domain-img.svelte-jy4j1t {
  width:132px;
  height:40px
}
.domain-button.svelte-jy4j1t {
  margin-top:8px;
  width:100%;
  display:flex;
  height:42px;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  border:2px solid #fff;
  background: #1f0303;
  box-shadow: 0 0 30px 0 #AE0000 inset, 0 0 20px 0 #AE0000;
}
.telegram-background.svelte-jy4j1t {
  position:absolute;
  top:0;
  left:0;
  background:url(../../_app/img/banner2.png) center / cover no-repeat;
  width:100%;
  height:400px
}
.telegram-icon.svelte-jy4j1t {
  width:100px;
  height:100px;
  margin-top:8px;
  margin-bottom:8px
}
.card-desc.svelte-jy4j1t {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  text-align:center
}
.card-desc.svelte-jy4j1t>span:where(.svelte-jy4j1t) {
  color: #fd0000;
  text-align:center;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.gift-icon.svelte-jy4j1t {
  width:140px;
  height:100px;
  margin-top:8px;
  margin-bottom:8px
}
.text-orange.svelte-jy4j1t {
  color:#ea580c;
  font-weight:600
}
.text-cyan.svelte-jy4j1t {
  color:#0891b2;
  font-weight:600
}
.text-yellow.svelte-jy4j1t {
  color:#ca8a04;
  font-weight:600
}
.sidebar.svelte-1avnbi8 {
  background-color:transparent;
  color:#e2e8f0;
  flex-shrink:0;
  overflow-y:auto;
  padding:10px 0px;
  display:flex;
  flex-direction:column;
  gap:10px
}
.section-title.svelte-1avnbi8 {
  width:100%;
  padding:12px 0;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  border-bottom:2px solid #fff;
  background:#1b031f66
}
.league-tabs.svelte-1avnbi8 {
  padding:0 50px 8px 8px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  margin-bottom:20px
}
.league-tab.svelte-1avnbi8 {
  display:flex;
  padding:4px 8px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  color:#fff9;
  text-align:center;
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:160%
}
.league-tab.svelte-1avnbi8:hover {
  border-radius:999px;
  border:1px solid #fff
}
.league-tab.active.svelte-1avnbi8 {
  border-radius:999px;
  border:1px solid #fff;
  color:#fff
}
.division-tabs.svelte-1avnbi8 {
  padding:6px 8px;
  display:flex;
  flex-wrap:wrap;
  gap:4px
}
.division-tab.svelte-1avnbi8 {
  background:transparent;
  border:1px solid #1e293b;
  color:#94a3b8;
  font-size:10px;
  cursor:pointer;
  padding:2px 6px;
  border-radius:4px;
  transition:all .2s
}
.division-tab.svelte-1avnbi8:hover {
  color:#f1f5f9;
  border-color:#475569
}
.division-tab.active.svelte-1avnbi8 {
  color:#fff;
  border-color:#fff;
  font-weight:600
}
.no-data.svelte-1avnbi8 {
  text-align:center;
  padding:20px;
  color:#94a3b8;
  font-size:12px
}
.ranking-header-wrapper.svelte-1avnbi8 {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  width:100%
}
.ranking-header.svelte-1avnbi8 {
  display:flex;
  background:#ff44f64d;
  width:100%;
  color:#fff;
  text-align:center;
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:160%
}
.ranking-body.svelte-1avnbi8 {
  flex:1;
  overflow-y:auto;
  overflow-x:visible;
  width:100%
}
.ranking-row.svelte-1avnbi8 {
  width:100%;
  display:flex;
  font-size:11px;
  text-align:center;
  color:#e2e8f0
}
.team-logo.svelte-1avnbi8 {
  width:14px;
  height:14px;
  object-fit:contain;
  flex-shrink:0
}
.team-name.svelte-1avnbi8 {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  min-width:0;
  flex:1;
  text-align:left;
  line-height:18px
}
.tennis-country.svelte-1avnbi8 {
  font-size:10px;
  color:#94a3b8;
  font-weight:500
}
.wins.svelte-1avnbi8 {
  color:#4ade80
}
.losses.svelte-1avnbi8 {
  color:#f87171
}
.popular-games-section.svelte-1avnbi8 {
  height:auto;
  border:1px solid #1e293b;
  border-radius:8px;
}
.section.svelte-1avnbi8 {
  border-radius:20px;
  transition:all .3s ease;
  width: 300px;
  overflow:hidden;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  /*box-shadow: 0 0 30px 0 #FD0000 inset, 0 0 20px 0 #FD0000;*/
  border:2px solid #fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:11
}
.popular-sport-tabs.svelte-1avnbi8 {
  display:flex;
  align-items:center;
  width:100%;
  padding:20px 24px
}
.popular-tabs-container.svelte-1avnbi8,
.ranking-tabs-container.svelte-1avnbi8 {
  display:flex;
  gap:8px;
  width:auto
}
.popular-tabs-container.svelte-1avnbi8::-webkit-scrollbar {
  display:none
}
.popular-sport-tab.svelte-1avnbi8 {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:42px;
  height:56px;
  background:#ff44f64d;
  color:#94a3b8;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
  border-radius:8px;
  flex-shrink:0
}
.popular-sport-tab-scroll.svelte-1avnbi8 {
  width:100%;
  overflow-x:scroll
}
.popular-sport-tab-scroll.svelte-1avnbi8::-webkit-scrollbar {
  display:none
}
.popular-sport-tab.svelte-1avnbi8:hover {
  color:#e2e8f0
}
.popular-sport-tab.active.svelte-1avnbi8 {
  color:#f1f5f9;
  border-bottom-color:#3b82f6
}
.popular-sport-tab.svelte-1avnbi8 .tab-label:where(.svelte-1avnbi8) {
  font-size:11px;
  font-weight:500
}
.popular-ranking-table.svelte-1avnbi8 {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  align-self:stretch
}
.rank.svelte-1avnbi8 {
  display:flex;
  width:32px;
  padding:8px 4px;
  justify-content:center;
  align-items:center;
  gap:10px
}
.team.svelte-1avnbi8 {
  display:flex;
  width:100px;
  padding:8px 4px;
  justify-content:center;
  align-items:center;
  gap:10px
}
.team-soccer.svelte-1avnbi8,
.date.svelte-1avnbi8 {
  display:flex;
  padding:8px 4px;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex:1 0 0;
  white-space:pre
}
.odds.svelte-1avnbi8 {
  display:flex;
  width:88px;
  padding:8px 4px;
  justify-content:center;
  align-items:center;
  gap:10px
}
.preference.svelte-1avnbi8,
.match.svelte-1avnbi8,
.stat.svelte-1avnbi8 {
  display:flex;
  padding:8px 4px;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex:1 0 0
}
.popular-ranking-header.svelte-1avnbi8 {
  display:flex;
  border-bottom:1px solid #475569;
  background:#ff44f64d;
  width:100%;
  color:#fff;
  text-align:center;
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:160%
}
.popular-ranking-body.svelte-1avnbi8 {
  height:auto;
  width:100%
}
.popular-ranking-row.svelte-1avnbi8 {
  display:flex;
  font-size:12px;
  color:#e2e8f0;
  align-items:center;
  height:36px
}
.team-sport-tabs.svelte-1avnbi8 {
  display:flex;
  align-items:center;
  width:100%;
  padding:20px 24px;
  gap:8px
}
.team-sport-tab.svelte-1avnbi8 {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:42px;
  height:56px;
  background:#ff44f64d;
  color:#94a3b8;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
  border-radius:8px;
  flex-shrink:0
}
.team-sport-tab.svelte-1avnbi8:hover {
  color:#e2e8f0
}
.team-sport-tab.active.svelte-1avnbi8 {
  color:#f1f5f9;
  border-bottom-color:#3b82f6
}
.team-sport-tab.svelte-1avnbi8 .tab-label:where(.svelte-1avnbi8) {
  font-size:10px;
  font-weight:500
}