@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap");

:root{
  --bg:#141517;
  --panel:#1c1e22;
  --panel2:#23262b;
  --stroke:#2b2f36;
  --text:#e8eaed;
  --muted:#9aa0a6;
  --green:#17a24a;
  --orange:#f59e0b;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --gutter-sm: 12px;
  --gutter-lg: 24px;
}

html,body{height:100%;}
body.app{
  background: radial-gradient(1200px 800px at 50% -10%, #2a2f36 0%, rgba(20,21,23,1) 50%, rgba(20,21,23,1) 100%);
  color:var(--text);
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  scrollbar-width: thin;
  scrollbar-color: #6b7280 #0f1114;
}
body.app::-webkit-scrollbar{width:6px; height:6px;}
body.app::-webkit-scrollbar-track{background:#0f1114;}
body.app::-webkit-scrollbar-thumb{background:#6b7280; border-radius:999px;}

/* Topbar */
.imglogo{
  width: auto;
  max-height: 50px;
}
.gap-2 {
   /* gap: 3.5rem !important;*/
}
.logsign{
      display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.topbar{
  background: rgba(12,13,15,1);
  position: fixed;
  top: 0;
  z-index: 100;
  left: 0;
  right: 0;
}
/* Global page gutters (left/right spacing like screenshot) */
.topbar .container-fluid,
main.container-fluid,
.footer .container-fluid{
  padding-left: var(--gutter-sm) !important;
  padding-right: var(--gutter-sm) !important;
}
@media (min-width: 992px){
  .topbar .container-fluid,
  main.container-fluid,
  .footer .container-fluid{
    padding-left: var(--gutter-lg) !important;
    padding-right: var(--gutter-lg) !important;
  }
}
.brand-mark{
  letter-spacing:.18em;
  font-weight: 900;
  color: var(--orange);
  font-size: 28px;
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.brand-mark::after{
  content:"247";
  display:inline-block;
  margin-left:6px;
  padding:1px 6px;
  font-size:10px;
  font-weight:800;
  color:#fff;
  background:#0f1012;
  border:1px solid #2b2f36;
  border-radius:8px;
  transform: translateY(-3px);
}
.top-meta{line-height:1.1}
#clockText{color:#ffffff; font-weight:800;}
.search-pill{
  border:1px solid #3a3e45;
  border-radius: 999px;
  background: #1b1d21;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 10px rgba(0,0,0,.35);
}
.search-pill input::placeholder{color:#6b7280;}
.search-wrap{max-width: 680px;}
.search-pill .input-group-text{color:#9ca3af;}
.search-pill .form-control{
  padding:.5rem .7rem;
  font-size:13px;
}
.sportsbar{border-top:1px solid rgba(255,255,255,.04); padding-top:.35rem; justify-content: center;background: #27272A;}
.sports-link{
  color:#cbd5e1; text-decoration:none; font-size:12px;
  padding:.25rem .4rem;
}
.sports-link:hover{color:#fff; border-color:rgba(255,255,255,.08);}
.sports-link.active{color: var(--orange);}
.topbar .btn-warning{
  background-color:#f59e0b;
  border-color:#f59e0b;
  color:#111;
}
.topbar .btn-outline-light{
  color:#e8eaed;
  border-color:#6b7280;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.topbar .btn-outline-light:hover{
  color:#111;
  background:#e8eaed;
  border-color:#e8eaed;
}
.topbar .btn-dark{
  background:#1c1e22;
  border-color:#3b3f46;
  color:#e8eaed;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

/* Panels */
.panel{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border: 1px solid var(--stroke);
  border-radius: 10px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.panel-title{
  padding:.6rem .75rem;
  font-weight: 700;
  font-size: 12px;
  background: rgba(255,255,255,.02);
  border-bottom:1px solid var(--stroke);
  color:#d1d5db;
}

/* Sidebar 
.sidebar{padding:.35rem;}
.sidebar-item{
  display:flex; align-items:center; gap:.55rem;
  padding:.7rem .75rem;
  border-radius: 8px;
  color:#cbd5e1;
  text-decoration:none;
  font-size:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#1b1d21;
}
.sidebar-item i{width:18px; opacity:.9}
.sidebar-item:hover{background: rgba(255,255,255,.04); color:#fff;}
.sidebar-item.active{background: rgba(245,158,11,.10); border:1px solid rgba(245,158,11,.18); color:#fff;}
.sidebar .sidebar-item + .sidebar-item{
  margin-top:.35rem;
}
.sticky-side .sidebar{
  scrollbar-width: thin;
  scrollbar-color: #9ca3af #1b1d21;
}
.sticky-side .sidebar::-webkit-scrollbar{width:4px; height:4px;}
.sticky-side .sidebar::-webkit-scrollbar-track{background:#1b1d21;}
.sticky-side .sidebar::-webkit-scrollbar-thumb{background:#9ca3af; border-radius:999px;}
*/
/* Hero */
.hero{
  border:1px solid var(--stroke);
  border-radius:10px;
  overflow:hidden;
  background: radial-gradient(800px 280px at 70% 30%, rgba(245,158,11,.28), rgba(0,0,0,0) 60%),
              linear-gradient(135deg, rgba(0,0,0,.75), rgba(0,0,0,.35));
  box-shadow: var(--shadow);
}
.hero-pad{padding:0 1rem;}
@media (min-width: 992px){
  .hero-pad{padding:0 1.25rem;}
}
.hero-viewport{
  height: 345px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#000;
}
.hero-slider{position:relative; height:100%;}
.hero-slide{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  opacity:0;
  transition: opacity .6s ease-in-out;
}
.hero-slide.active{opacity:1;}
.hero-bottom{padding:.6rem; background: rgba(0,0,0,.35); border-top:1px solid rgba(255,255,255,.06);}
.ref-earn{
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  padding:.55rem .6rem;
  margin-bottom:.5rem;
}
.pill{
  width:28px; height:28px; border-radius:6px;
  background: rgba(245,158,11,.12);
  display:grid; place-items:center; color: var(--orange);
  border:1px solid rgba(245,158,11,.25);
}
.lossback{
  display:flex; align-items:center; justify-content:space-between;
  background: rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.20);
  border-radius: 8px;
  padding:.55rem .6rem;
}
.lossback .btn{font-weight:700}

/* Sections */
.section{background: rgba(255,255,255,.02); border:1px solid var(--stroke); border-radius:10px; overflow:hidden; box-shadow: var(--shadow);}
.section-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:.55rem .7rem;
  background: rgba(0,0,0,.25);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.tabs{display:flex; gap:.6rem; flex-wrap:wrap}
.tab{
  color:#cbd5e1; text-decoration:none; font-size:12px;
  padding:.25rem .35rem; border-radius: 6px;
}
.tab.active{
  color: var(--orange);
  border-bottom:2px solid var(--orange);
  border-radius:0;
  padding-bottom:.15rem;
}
.section-tools{display:flex; gap:.35rem}
.tool-btn{
  width:26px; height:22px; border-radius:6px;
  border:1px solid rgba(245,158,11,.35);
  background: rgba(0,0,0,.55);
  color: var(--orange);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.tool-btn:hover{
  background: rgba(0,0,0,.75);
  border-color: rgba(245,158,11,.65);
}
.tool-btn:active{
  transform: translateY(0.5px);
}

/* Cards */
.card-row{display:grid; grid-template-columns: repeat(4, 1fr); gap:.55rem; padding:.55rem;}
.card-row.slider{display:block; overflow:hidden; padding:.55rem;}
.card-row.slider.ic-row .game-tile{
  height: 180px !important;
}
.card-track{
  --tile-gap: .55rem;
  display:flex;
  gap: var(--tile-gap);
  will-change:transform;
  transition:transform .25s ease;
}
.game-card{
  height: 92px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  overflow:hidden;
  position:relative;
}
.game-tile{
  /* Always show 4 tiles in the viewport on desktop; arrows move by exactly 1 tile */
  flex: 0 0 calc((100% - (var(--tile-gap) * 3)) / 4);
  height:240px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  background:#111;
  position:relative;
}
.game-tile img{width:100%; height:100%; object-fit:cover; display:block;}
.game-card.wide{height: 86px;}
.game-card::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(140px 80px at 75% 25%, rgba(255,255,255,.18), rgba(0,0,0,0) 60%);
}
.tile-badge{
  position:absolute;
  top:8px;
  left:8px;
  z-index:2;
  padding:.2rem .5rem;
  border-radius:999px;
  background: rgba(245,158,11,.92);
  border:1px solid rgba(245,158,11,.65);
  color:#111827;
  font-weight:800;
  font-size:11px;
  box-shadow: var(--shadow);
}
.game-tile.blurred img{
  filter: blur(4px);
  transform: scale(1.02);
  transition: filter .25s ease, transform .25s ease;
}
.tile-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.45);
  z-index:3;
}
.tile-overlay .overlay-badge{
  background: var(--orange);
  color:#111827;
  font-weight:800;
  font-size:12px;
  padding:.4rem .9rem;
  border-radius:999px;
  box-shadow: var(--shadow);
  border:1px solid rgba(245,158,11,.65);
  cursor:pointer;
}
.tile-overlay .overlay-badge:hover{filter:brightness(1.06);}
.game-label{
  position:absolute; bottom:8px; left:10px; right:10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing:.03em;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
  z-index:2;
}
.gc-1{background: linear-gradient(135deg, rgba(244,63,94,.28), rgba(255,255,255,.02));}
.gc-2{background: linear-gradient(135deg, rgba(59,130,246,.28), rgba(255,255,255,.02));}
.gc-3{background: linear-gradient(135deg, rgba(168,85,247,.30), rgba(255,255,255,.02));}
.gc-4{background: linear-gradient(135deg, rgba(34,197,94,.22), rgba(255,255,255,.02));}
.wc-1{background: linear-gradient(135deg, rgba(245,158,11,.25), rgba(255,255,255,.02));}
.wc-2{background: linear-gradient(135deg, rgba(239,68,68,.25), rgba(255,255,255,.02));}
.wc-3{background: linear-gradient(135deg, rgba(14,165,233,.25), rgba(255,255,255,.02));}
.wc-4{background: linear-gradient(135deg, rgba(217,70,239,.25), rgba(255,255,255,.02));}

    #leftDeskSideBar::-webkit-scrollbar {
      width: 6px;
    }
    #leftDeskSideBar::-webkit-scrollbar-track {
      background: transparent;
    }
    #leftDeskSideBar::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
    }
    #leftDeskSideBar {
      scrollbar-width: thin;
      scrollbar-color: #ccc transparent;
    }
    .language-grid {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .language-row {
      display: flex;
      gap: 10px;
    }
    .language-row-last {
      justify-content: center;
    }
    .language-item {
      flex: 1;
      cursor: pointer;
      padding: 8px 5px;
      border-radius: 5px;
      text-align: center;
      background-color: black;
      color: white;
      transition: border-color 0.3s;
    }
    .language-item:hover {
      border-color: #888;
    }
    .language-item.selected {
      border-color: white;
    }
    .tick {
      display: none;
      font-size: 12px;
      margin-left: 5px;
    }
    .language-item.selected .tick {
      display: inline;
    }
/* Tables */
.table-head{
  padding:.45rem .6rem;
  border-bottom:1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.25);
}
.table-head.green{
  background:linear-gradient(90deg,#16a34a,#22c55e);
  border-bottom:0;
  color:#ecfdf3;
}
.dot{width:10px; height:10px; border-radius:999px; background: var(--green); box-shadow: 0 0 0 3px rgba(22,163,74,.15);}

.sports-block{padding:.55rem;}
.sports-block-title{
  display:flex; align-items:center;
  font-weight:800;
  font-size: 13px;
  color:#d1d5db;
  margin-bottom:.35rem;
}
.odds-table-wrap{
  border:1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  overflow:hidden;
  background:#0b0c0f;
}
.table.odds-table{color:#e5e7eb; margin:0; background:#0f1114;}
.table.odds-table thead th{
  background:#191c22;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  font-size:11px;
  color:#cbd5e1;
}
.table.odds-table td, .table.odds-table th{border-color: rgba(255,255,255,.06);}
.table.odds-table tbody td{
  background:#0f1114;
  vertical-align:middle;
  height:46px;
  color:#fff;
}
.col-status{width: 16%;}
.col-market{width: 44%;}
.col-odd{width: 15%;}
.market-meta{font-size:10px; color:#9ca3af}
.team{font-weight:700; font-size:12px; color:#fff;}
.team-sub{font-size:12px; color:#e5e7eb;}
.league{font-weight:800; font-size:12px; color:#fff;}
.timepill{
  font-size:10px;
  padding:.1rem .35rem;
  border-radius:999px;
  background: rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.18);
  color:#a7f3d0;
}
.status{font-size:11px; color:#e5e7eb;}
.status.live{display:flex; align-items:center; gap:.35rem; color:#a7f3d0; font-weight:800;}
.status.time{color:#cbd5e1;}
.status.lines{color:#cbd5e1;}
.odd-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:.25rem .3rem;
  border-radius: 8px;
  background:#1f2430;
  border:1px solid rgba(30,64,175,.45);
  font-weight:900;
  font-size:12px;
}
.odd-box.alt{
  background:#bed5ff;
  border-color:#93c5fd;
  color:#0f172a;
}
.odd-box.pink{
  background:#f9c5d9;
  border-color:#f472b6;
  color:#111827;
}
.odd-box.empty{
  background:#1f2430;
  border-color:rgba(148,163,184,.35);
  color:#9ca3af;
}
.odd-val{line-height:1; font-size:13px; font-weight:900;}
.odd-count{line-height:1; font-size:10px; opacity:.8;}
.odd-pair{display:flex; align-items:center; justify-content:center; gap:.25rem;}
.suspended-box{
  display:block;
  text-align:center;
  padding:.4rem .3rem;
  border-radius:8px;
  background:#cde6ff;
  color:#0f172a;
  font-weight:800;
  font-size:12px;
  border:1px solid #93c5fd;
}

/* Providers */
.providers{display:grid; grid-template-columns: repeat(4,1fr); gap:.45rem; padding:.55rem;}
.provider{
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  padding:.5rem .35rem;
  text-align:center;
  font-weight:800;
  font-size: 11px;
  color:#e5e7eb;
}

/* Providers slider cards */
.provider-card{
  height: 70px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.provider-column{
  flex: 0 0 calc((100% - (var(--tile-gap) * 3)) / 4);
  display:flex;
  flex-direction:column;
  gap: var(--tile-gap);
}
.provider-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.provider-logo img, .provider-logo svg{
  width: 55%;
}
@media (max-width: 991.98px){
  .card-row.slider .provider-column{
    flex: 0 0 calc((100% - (var(--tile-gap) * 1)) / 2);
  }
}

/* Indian Card Games slider cards (3 per column) */
.ic-column{
  flex: 0 0 calc((100% - (var(--tile-gap) * 2)) / 3);
  display:flex;
  flex-direction:column;
  gap: var(--tile-gap);
}
.ic-slider{padding:.25rem;}
.ic-slider{padding:.25rem .25rem 0 .25rem;}
.card-track#cards-indian{--tile-gap: .35rem;}
.ic-slider.single .ic-column{flex: 0 0 100%;}
.ic-card.game-tile{
  height: 180px !important;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  position:relative;
  background:#0b0c0f;
}
.ic-card img{width:100%; height:100%; object-fit:contain; display:block; transition: transform 0.3s ease;}
.ic-card img:hover { transform: scale(1.1); }
.ic-label{
  position:absolute;
  left:10px; right:10px; bottom:8px;
  font-weight:900;
  font-size:12px;
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
}
@media (max-width: 991.98px){
  .card-row.slider .ic-column{
    flex: 0 0 calc((100% - (var(--tile-gap) * 1)) / 2);
  }
}
@media (max-width: 575.98px){
  .card-row.slider .provider-column,
  .card-row.slider .ic-column{
    flex: 0 0 100%;
  }
  .ic-card.game-tile{height: 150px;}
  .ic-label{font-size:13px;}
}
/* Posters grid */
.grid-cards{display:grid; grid-template-columns: repeat(3,1fr); gap:.55rem; padding:.55rem;}
.poster{
  height: 118px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.poster::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(160px 90px at 70% 20%, rgba(255,255,255,.20), rgba(0,0,0,0) 60%);
}
.poster-label{
  position:absolute; bottom:10px; left:10px; right:10px;
  font-weight:900;
  font-size: 12px;
  line-height:1.05;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
}
.p1{background: linear-gradient(135deg, rgba(244,63,94,.25), rgba(255,255,255,.02));}
.p2{background: linear-gradient(135deg, rgba(245,158,11,.25), rgba(255,255,255,.02));}
.p3{background: linear-gradient(135deg, rgba(59,130,246,.25), rgba(255,255,255,.02));}
.p4{background: linear-gradient(135deg, rgba(34,197,94,.22), rgba(255,255,255,.02));}
.p5{background: linear-gradient(135deg, rgba(168,85,247,.26), rgba(255,255,255,.02));}
.p6{background: linear-gradient(135deg, rgba(14,165,233,.26), rgba(255,255,255,.02));}
.p7{background: linear-gradient(135deg, rgba(217,70,239,.24), rgba(255,255,255,.02));}
.p8{background: linear-gradient(135deg, rgba(239,68,68,.22), rgba(255,255,255,.02));}
.p9{background: linear-gradient(135deg, rgba(99,102,241,.26), rgba(255,255,255,.02));}

/* Pane switching */
.pane{display:none;}
.pane.show{display:block;}
.pane-stack{min-height: 400px;}
.sticky-side{ /* keep sidebars visible while center scrolls */
  align-self: start;
}
@media (min-width: 992px){
  .sticky-side{
    position: sticky;
    top: 8px;
  }
  .sticky-side .panel{
    max-height: calc(100vh - 140px);
    display:flex;
    flex-direction:column;
  }
  .sticky-side .sidebar{
    flex:1 1 auto;
    overflow-y:auto;
  }
}
.page-head{
  border:1px solid var(--stroke);
  border-radius: 10px;
  background: rgba(0,0,0,.25);
  box-shadow: var(--shadow);
  padding:.6rem .75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.page-title{font-weight:900; letter-spacing:.03em;}
.page-actions .btn{border-radius: 999px;}

/* Betslip */
.betslip-top{padding:.55rem; background: rgba(0,0,0,.22); border-bottom:1px solid rgba(255,255,255,.06);}
.betslip-tabs{display:flex; gap:.5rem;}
.betslip-tab{
  flex:1;
  border-radius: 8px;
  border:1px solid rgba(245,158,11,.35);
  background: rgba(245,158,11,.10);
  color:#fff;
  font-weight:900;
  font-size: 12px;
  padding:.35rem .45rem;
}
.betslip-tab:not(.active){
  border-color: rgba(148,163,184,.20);
  background: rgba(148,163,184,.10);
  color:#cbd5e1;
}
.betslip-body{min-height: 420px; padding:.65rem;}

/* Floating WhatsApp */
.wa-bubble{
  width:40px; height:40px;
  display:grid; place-items:center;
  border-radius: 999px;
  background: rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.22);
  color:#86efac;
  text-decoration:none;
  box-shadow: var(--shadow);
}

/* Footer */
.footer{
  background: rgba(0,0,0,.25);
  border-top:1px solid rgba(255,255,255,.06);
}
.social{
  width:36px; height:36px;
  display:grid; place-items:center;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#e5e7eb;
  text-decoration:none;
}
.trust-row{display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; align-items:center;}
.trust{
  padding:.35rem .6rem;
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:#cbd5e1;
  font-weight:800;
  font-size: 11px;
}
.aura-hero{
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  padding:1.2rem 1.5rem;
  background:
    linear-gradient(135deg,#22c55e,#3b82f6),
    radial-gradient(900px 280px at 80% 15%,rgba(248,250,252,.4),transparent 60%);
  box-shadow:var(--shadow);
  margin-bottom:.9rem;
}
.aura-hero-inner{
  max-width:380px;
}
.aura-badge{
  display:inline-flex;
  align-items:center;
  padding:.25rem .7rem;
  border-radius:999px;
  background:rgba(0,0,0,.45);
  font-size:11px;
  font-weight:600;
}
.aura-title{
  margin-top:.55rem;
  font-size:26px;
  font-weight:900;
  letter-spacing:.04em;
}
.aura-sub{
  margin-top:.4rem;
  font-size:12px;
  max-width:320px;
}
.aura-cta{
  margin-top:.8rem;
  border-radius:999px;
  border:0;
  padding:.4rem 1.3rem;
  font-size:13px;
  font-weight:700;
  background:#f97316;
  color:#111827;
}
.aura-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.8rem;
  gap:.75rem;
}
.aura-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}
.aura-tab{
  border-radius:999px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(15,23,42,.9);
  color:#e5e7eb;
  font-size:11px;
  padding:.25rem .75rem;
}
.aura-tab.active{
  background:#f97316;
  border-color:#fb923c;
  color:#111827;
}
.aura-search{
  display:flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .7rem;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.45);
  background:#020617;
  font-size:11px;
  color:#9ca3af;
}
.aura-section{
  margin-top:.3rem;
}
.aura-section-title{
  font-size:12px;
  font-weight:800;
  margin-bottom:.4rem;
}
.aura-row{
  display:flex;
  gap:.55rem;
  overflow-x:auto;
  padding-bottom:.1rem;
}
.aura-row.small .aura-card{
  min-width:140px;
}
.aura-card{
  min-width:170px;
  height:130px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:.6rem .55rem;
  font-size:12px;
  font-weight:800;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.aura-card span{
  z-index:1;
}
.aura-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(120px 80px at 75% 15%,rgba(255,255,255,.6),transparent 60%);
}
.ac1{background:linear-gradient(135deg,#0f172a,#f97316);}
.ac2{background:linear-gradient(135deg,#0f172a,#6366f1);}
.ac3{background:linear-gradient(135deg,#0f172a,#22c55e);}
.ac4{background:linear-gradient(135deg,#0f172a,#eab308);}
.ac5{background:linear-gradient(135deg,#0f172a,#a855f7);}
.ac6{background:linear-gradient(135deg,#0f172a,#ec4899);}
.ac7{background:linear-gradient(135deg,#0f172a,#0ea5e9);}
.ac8{background:linear-gradient(135deg,#0f172a,#f97316);}
.ac9{background:linear-gradient(135deg,#0f172a,#6366f1);}
.casino-hero{
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  padding:1.1rem 1.4rem;
  background:
    linear-gradient(135deg,#ef4444,#a855f7),
    radial-gradient(900px 260px at 85% 15%,rgba(248,250,252,.4),transparent 60%);
  box-shadow:var(--shadow);
  margin-bottom:.8rem;
}
.casino-hero-text{
  max-width:360px;
}
.casino-hero-kicker{
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
}
.casino-hero-main{
  font-size:30px;
  font-weight:900;
  letter-spacing:.06em;
  margin-top:.15rem;
}
.casino-hero-sub{
  font-size:12px;
  margin-top:.45rem;
}
.casino-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.6rem;
  gap:.75rem;
}
.casino-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}
.casino-tab{
  border-radius:999px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(15,23,42,.85);
  color:#e5e7eb;
  font-size:11px;
  padding:.25rem .7rem;
}
.casino-tab.active{
  background:var(--orange);
  border-color:rgba(251,146,60,1);
  color:#111827;
}
.casino-providers-mini{
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
  font-size:10px;
  color:#e5e7eb;
}
.casino-providers-mini span{
  padding:.15rem .45rem;
  border-radius:999px;
  background:rgba(15,23,42,.8);
  border:1px solid rgba(148,163,184,.4);
}
.casino-grid{
  display:grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap:.45rem;
}
.casino-card{
  height:120px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:.55rem .5rem;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.casino-card span{
  z-index:1;
}
.casino-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(120px 80px at 70% 15%,rgba(255,255,255,.6),transparent 60%);
}
.lc1{background:linear-gradient(135deg,#0f172a,#fb7185);}
.lc2{background:linear-gradient(135deg,#0f172a,#f97316);}
.lc3{background:linear-gradient(135deg,#0f172a,#6366f1);}
.lc4{background:linear-gradient(135deg,#0f172a,#22c55e);}
.lc5{background:linear-gradient(135deg,#0f172a,#facc15);}
.lc6{background:linear-gradient(135deg,#0f172a,#a855f7);}
.lc7{background:linear-gradient(135deg,#0f172a,#ec4899);}
.lc8{background:linear-gradient(135deg,#0f172a,#f97316);}
.lc9{background:linear-gradient(135deg,#0f172a,#22c55e);}
.lc10{background:linear-gradient(135deg,#0f172a,#6366f1);}
.lc11{background:linear-gradient(135deg,#0f172a,#a855f7);}
.lc12{background:linear-gradient(135deg,#0f172a,#fb7185);}
.crash-hero{
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  padding:1.1rem 1.4rem;
  background:
    linear-gradient(135deg,#f97316,#ef4444),
    radial-gradient(800px 260px at 90% 10%,rgba(251,191,36,.85),rgba(0,0,0,.2));
  box-shadow:var(--shadow);
  margin-bottom:.8rem;
}
.crash-hero-text{
  max-width:360px;
}
.crash-hero-kicker{
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
}
.crash-hero-main{
  font-size:30px;
  font-weight:900;
  letter-spacing:.06em;
  margin-top:.15rem;
}
.crash-hero-sub{
  font-size:12px;
  margin-top:.45rem;
}
.crash-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:.6rem;
}
.crash-tabs{
  display:flex;
  gap:.4rem;
}
.crash-tab{
  border-radius:999px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(15,23,42,.85);
  color:#e5e7eb;
  font-size:11px;
  padding:.25rem .7rem;
}
.crash-tab.active{
  background:var(--orange);
  border-color:rgba(251,146,60,1);
  color:#111827;
}
.crash-grid{
  display:grid;
  grid-template-columns: repeat(8, minmax(0,1fr));
  gap:.45rem;
}
.crash-card{
  height:110px;
  border-radius:10px;
  position:relative;
  border:1px solid rgba(255,255,255,.14);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:.5rem .45rem;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.crash-card span{
  z-index:1;
}
.crash-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(120px 80px at 70% 15%,rgba(255,255,255,.55),transparent 60%);
}
.cc1{background:linear-gradient(135deg,#0f172a,#22c55e);}
.cc2{background:linear-gradient(135deg,#0f172a,#f97316);}
.cc3{background:linear-gradient(135deg,#0f172a,#3b82f6);}
.cc4{background:linear-gradient(135deg,#0f172a,#ec4899);}
.cc5{background:linear-gradient(135deg,#0f172a,#a855f7);}
.cc6{background:linear-gradient(135deg,#0f172a,#22c55e);}
.cc7{background:linear-gradient(135deg,#0f172a,#eab308);}
.cc8{background:linear-gradient(135deg,#0f172a,#f97316);}
.cc9{background:linear-gradient(135deg,#0f172a,#f97316);}
.cc10{background:linear-gradient(135deg,#0f172a,#22c55e);}
.cc11{background:linear-gradient(135deg,#0f172a,#3b82f6);}
.cc12{background:linear-gradient(135deg,#0f172a,#a855f7);}
.cc13{background:linear-gradient(135deg,#0f172a,#ec4899);}
.cc14{background:linear-gradient(135deg,#0f172a,#6366f1);}
.cc15{background:linear-gradient(135deg,#0f172a,#22c55e);}
.cc16{background:linear-gradient(135deg,#0f172a,#fb923c);}
.modal-backdrop.show{opacity:.86;}
.auth-modal .modal-dialog{
  max-width: 980px;
}
.auth-modal .modal-content{
  background:#1f2023;
  border-radius:16px;
  border:1px solid #3b3f46;
  box-shadow:0 18px 60px rgba(0,0,0,.75);
  color:var(--text);
}
.auth-layout{
  display:flex;
  /*min-height: 460px;*/
}
.auth-banner{
  flex:1;
  border-radius:16px 0 0 16px;
  position:relative;
  overflow:hidden;
}
.auth-banner-inner{
  position:absolute;
  inset:0;
  padding:1.4rem 1.8rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fefce8;
}
.auth-banner-tag{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.25rem .7rem;
  border-radius:999px;
  background:rgba(0,0,0,.35);
  font-size:11px;
  font-weight:600;
}
.auth-banner-title{
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:34px;
  font-weight:900;
  letter-spacing:.03em;
  line-height:1.05;
}
.auth-banner-sub{
  font-size:18px;
  font-weight:600;
}
.auth-banner-meta{
  font-size:11px;
  opacity:.9;
}
.auth-panel{
  width:500px;
  max-width:100%;
  padding:1.8rem 2.2rem;
  display:flex;
  flex-direction:column;
}
.auth-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.4rem;
}
.auth-title{
  font-size:24px;
  font-weight:800;
}
.auth-logo{
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:900;
  font-size:20px;
  letter-spacing:.16em;
  color:var(--orange);
}
.auth-label{
  font-size:12px;
  font-weight:600;
  margin-bottom:.25rem;
}
.auth-input{
  position:relative;
  border-radius:8px;
  border:1px solid #3b3f46;
  background:#111827;
  display:flex;
  align-items:center;
  padding:.4rem .6rem;
}
.auth-input:focus-within{
  border-color:#f97316;
  box-shadow:0 0 0 1px rgba(248,113,22,.45);
}
.auth-flag{
  display:flex;
  align-items:center;
  gap:.25rem;
  padding-right:.5rem;
  border-right:1px solid #4b5563;
  margin-right:.55rem;
  font-size:12px;
}
.auth-flag span{
  font-size:13px;
}
.auth-input input{
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:13px;
  width:100%;
}
.auth-input input::placeholder{
  color:#6b7280;
}
.auth-error{
  font-size:11px;
  color:#f97373;
  margin-top:.25rem;
}
.auth-counter{
  position:absolute;
  right:.6rem;
  bottom:.25rem;
  font-size:10px;
  color:#6b7280;
}
.auth-btn-primary{
  width:100%;
  border-radius:999px;
  border:0;
  padding:.55rem 1rem;
  font-weight:700;
  font-size:14px;
  background:linear-gradient(135deg,#f59e0b,#ea580c);
  color:#111827;
}
.auth-btn-primary:hover{
  filter:brightness(1.05);
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:1.4rem 0 1rem;
  font-size:11px;
  color:#9ca3af;
}
.auth-divider span{
  flex:1;
  height:1px;
  background:linear-gradient(to right,transparent,#4b5563,transparent);
}
.auth-google{
  width:100%;
  border-radius:999px;
  border:1px solid #4b5563;
  background:#111827;
  color:#e5e7eb;
  font-size:13px;
  padding:.45rem 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
}
.auth-footer{
  margin-top:1.4rem;
  font-size:11px;
  color:#9ca3af;
}
.auth-footer a{
  color:var(--orange);
  text-decoration:none;
}
.auth-footer a:hover{
  text-decoration:underline;
}
.auth-small-link{
  font-size:11px;
  color:#e5e7eb;
}
.auth-small-link a{
  color:var(--orange);
  text-decoration:none;
}
.auth-small-link a:hover{
  text-decoration:underline;
}
.auth-tab-group{
  display:inline-flex;
  background:#111827;
  border-radius:999px;
  padding:2px;
  border:1px solid #4b5563;
  margin-bottom:1.4rem;
}
.auth-tab{
  border-radius:999px;
  padding:.35rem 1.2rem;
  font-size:12px;
  font-weight:600;
  color:#e5e7eb;
  border:0;
  background:transparent;
}
.auth-tab.active{
  background:var(--orange);
  color:#111827;
}
.auth-row-space{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.75rem;
  margin-top:.4rem;
}
.auth-eye{
  margin-left:.5rem;
  color:#9ca3af;
}
.auth-panel[data-mode="mobile"] .auth-mode-userid{display:none;}
.auth-panel[data-mode="userid"] .auth-mode-mobile{display:none;}
@media (max-width: 991.98px){
  .search-wrap{max-width: none;}
  .card-row{grid-template-columns: repeat(2, 1fr);}
  .card-row.slider .game-tile{
    flex: 0 0 calc((100% - (var(--tile-gap) * 1)) / 2);
  }
  .providers{grid-template-columns: repeat(2, 1fr);}
  .grid-cards{grid-template-columns: repeat(2, 1fr);}
  .hero-inner{min-height: 170px;}
  .hero-title{font-size: 20px;}
  .hero-subtitle{font-size: 22px;}
  .auth-layout{
    flex-direction:column;
  }
  .auth-banner{
    border-radius:16px 16px 0 0;
    min-height:15px;
  }
  .auth-panel{
    width:100%;
    padding:1.4rem 1.5rem 1.6rem;
  }
  
  /* Mobile logo size adjustment */
  .topbar .navbar-brand img {
    max-height: 30px !important;
    width: auto !important;
  }
  
  /* Mobile search icon positioning */
  .topbar .search-toggle {
    margin: 0 8px !important;
    flex-shrink: 0;
  }
  
  .topbar .search-toggle i {
    font-size: 18px !important;
  }
  
  /* Prevent header element overlap */
  .topbar .d-flex.align-items-center {
    gap: 5px !important;
  }
  
  .topbar .brand {
    min-width: 80px;
  }
  
  .search-icon-container {
    flex: 0 0 auto;
  }
  
  /* Hero section mobile responsiveness */
  .hero-viewport {
    height: 175px;
  }
  
  .hero-slide {
    object-fit: cover;
    object-position: center;
    width: auto;
  }
  
  /* Show 3 game images in mobile like desktop */
  .card-row.slider .game-tile {
    flex: 0 0 calc((50% - (var(--tile-gap) * 2)) / 3);
  }
  
  /* Game tile mobile adjustments */
  .game-tile {
    height: 180px !important;
  }
  
  .game-tile img {
    object-fit: cover;
    object-position: center;
  }
  
  /* Hide images in auth forms for mobile */
  .auth-image {
    display: none;
  }
}
@media (max-width: 575.98px){
  .grid-cards{grid-template-columns: repeat(1, 1fr);}
  .card-row{grid-template-columns: repeat(1, 1fr);}
  .card-row.slider .game-tile{
    flex: 0 0 100%;
  }
}
/* Save As code css */
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width:280px) {
    .\!container {
        max-width: 280px !important
    }

    .container {
        max-width: 280px
    }
}

@media (min-width:320px) {
    .\!container {
        max-width: 320px !important
    }

    .container {
        max-width: 320px
    }
}

@media (min-width:340px) {
    .\!container {
        max-width: 340px !important
    }

    .container {
        max-width: 340px
    }
}

@media (min-width:368px) {
    .\!container {
        max-width: 368px !important
    }

    .container {
        max-width: 368px
    }
}

@media (min-width:380px) {
    .\!container {
        max-width: 380px !important
    }

    .container {
        max-width: 380px
    }
}

@media (min-width:430px) {
    .\!container {
        max-width: 430px !important
    }

    .container {
        max-width: 430px
    }
}

@media (min-width:640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width:860px) {
    .\!container {
        max-width: 860px !important
    }

    .container {
        max-width: 860px
    }
}

@media (min-width:920px) {
    .\!container {
        max-width: 920px !important
    }

    .container {
        max-width: 920px
    }
}

@media (min-width:1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width:1220px) {
    .\!container {
        max-width: 1220px !important
    }

    .container {
        max-width: 1220px
    }
}

@media (min-width:1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

@media (min-width:1920px) {
    .\!container {
        max-width: 1920px !important
    }

    .container {
        max-width: 1920px
    }
}

@media (min-width:2560px) {
    .\!container {
        max-width: 2560px !important
    }

    .container {
        max-width: 2560px
    }
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-left-2\.5 {
    left: -.625rem
}

.-left-\[2px\] {
    left: -2px
}

.-right-1 {
    right: -.25rem
}

.-right-\[2px\] {
    right: -2px
}

.-top-1 {
    top: -.25rem
}

.-top-2\.5 {
    top: -.625rem
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-20 {
    bottom: 5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[-44px\] {
    bottom: -44px
}

.bottom-\[102\%\] {
    bottom: 102%
}

.bottom-\[10px\] {
    bottom: 10px
}

.bottom-\[11\.53\%\] {
    bottom: 11.53%
}

.bottom-\[17\.45\%\] {
    bottom: 17.45%
}

.bottom-\[30px\] {
    bottom: 30px
}

.bottom-\[39\.58\%\] {
    bottom: 39.58%
}

.bottom-\[4px\] {
    bottom: 4px
}

.bottom-\[8\.27\%\] {
    bottom: 8.27%
}

.bottom-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(.75rem + env(safe-area-inset-bottom))
}

.bottom-\[calc\(4\.25rem\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(4.25rem + env(safe-area-inset-bottom))
}

.bottom-full {
    bottom: 100%
}

.bottom-safe-bottom {
    bottom: env(safe-area-inset-bottom, 0)
}

.left-0 {
    left: 0
}

.left-0\.5 {
    left: .125rem
}

.left-1 {
    left: .25rem
}

.left-1\.5 {
    left: .375rem
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-2\/4 {
    left: 50%
}

.left-3 {
    left: .75rem
}

.left-3\.5 {
    left: .875rem
}

.left-4 {
    left: 1rem
}

.left-7 {
    left: 1.75rem
}

.left-\[-10px\] {
    left: -10px
}

.left-\[100\%\] {
    left: 100%
}

.left-\[137px\] {
    left: 137px
}

.left-\[140px\] {
    left: 140px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[59\.9342px\] {
    left: 59.9342px
}

.left-\[5px\] {
    left: 5px
}

.left-\[68\.42px\] {
    left: 68.42px
}

.left-safe-left {
    left: env(safe-area-inset-left, 0)
}

.left-safe-right {
    left: env(safe-area-inset-right, 0)
}

.right-0 {
    right: 0
}

.right-0\.5 {
    right: .125rem
}

.right-1 {
    right: .25rem
}

.right-1\.5 {
    right: .375rem
}

.right-10 {
    right: 2.5rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-\[-12\%\] {
    right: -12%
}

.right-\[-1px\] {
    right: -1px
}

.right-\[0\.5px\] {
    right: .5px
}

.right-\[1\.14\%\] {
    right: 1.14%
}

.right-\[12\%\] {
    right: 12%
}

.right-\[12\.17\%\] {
    right: 12.17%
}

.right-\[17\.71\%\] {
    right: 17.71%
}

.right-\[19\.36\%\] {
    right: 19.36%
}

.right-\[20\%\] {
    right: 20%
}

.right-\[25\.21\%\] {
    right: 25.21%
}

.right-\[27\.30\%\] {
    right: 27.3%
}

.right-\[30px\] {
    right: 30px
}

.right-\[31\.054\%\] {
    right: 31.054%
}

.right-\[33\.04\%\] {
    right: 33.04%
}

.right-\[36px\] {
    right: 36px
}

.right-\[3px\] {
    right: 3px
}

.right-\[4px\] {
    right: 4px
}

.right-\[5\.30\%\] {
    right: 5.3%
}

.right-\[5px\] {
    right: 5px
}

.right-\[6\%\] {
    right: 6%
}

.right-\[8\.17\%\] {
    right: 8.17%
}

.right-\[calc\(0\.5rem\+env\(safe-area-inset-right\)\)\] {
    right: calc(.5rem + env(safe-area-inset-right))
}

.right-\[calc\(0\.95rem\+env\(safe-area-inset-right\)\)\] {
    right: calc(.95rem + env(safe-area-inset-right))
}

.right-safe-right {
    right: env(safe-area-inset-right, 0)
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.5rem
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-2\/4 {
    top: 50%
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-8 {
    top: 2rem
}

.top-\[-5\%\] {
    top: -5%
}

.top-\[-75\%\] {
    top: -75%
}

.top-\[-8px\] {
    top: -8px
}

.top-\[-95px\] {
    top: -95px
}

.top-\[1\.87px\] {
    top: 1.87px
}

.top-\[100\%\] {
    top: 100%
}

.top-\[102\%\] {
    top: 102%
}

.top-\[10px\] {
    top: 10px
}

.top-\[110\%\] {
    top: 110%
}

.top-\[12\.02\%\] {
    top: 12.02%
}

.top-\[18px\] {
    top: 18px
}

.top-\[19px\] {
    top: 19px
}

.top-\[1px\] {
    top: 1px
}

.top-\[2\.7rem\] {
    top: 2.7rem
}

.top-\[20\%\] {
    top: 20%
}

.top-\[23\.99px\] {
    top: 23.99px
}

.top-\[25\%\] {
    top: 25%
}

.top-\[2px\] {
    top: 2px
}

.top-\[30\%\] {
    top: 30%
}

.top-\[3px\] {
    top: 3px
}

.top-\[40\%\] {
    top: 40%
}

.top-\[41px\] {
    top: 41px
}

.top-\[45\%\] {
    top: 45%
}

.top-\[45px\] {
    top: 45px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[60\%\] {
    top: 60%
}

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

.top-\[62\%\] {
    top: 62%
}

.top-\[7\.6\%\] {
    top: 7.6%
}

.top-\[88px\] {
    top: 88px
}

.top-\[calc\(100\%-18px\)\] {
    top: calc(100% - 18px)
}

.top-full {
    top: 100%
}

.top-safe-top {
    top: env(safe-area-inset-top, 0)
}

.isolate {
    isolation: isolate
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-\[100000000\] {
    z-index: 100000000
}

.z-\[10000000\] {
    z-index: 10000000
}

.z-\[10000\] {
    z-index: 10000
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[100\] {
    z-index: 100
}

.z-\[10\] {
    z-index: 10
}

.z-\[11\] {
    z-index: 11
}

.z-\[12\] {
    z-index: 12
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[5\] {
    z-index: 5
}

.z-\[900\] {
    z-index: 900
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[999\] {
    z-index: 999
}

.z-\[9\] {
    z-index: 9
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-full {
    grid-column: 1/-1
}

.-col-end-1 {
    grid-column-end: -1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.\!-m-px {
    margin: -1px !important
}

.m-0 {
    margin: 0
}

.m-\[15px\] {
    margin: 15px
}

.-my-\[7px\] {
    margin-bottom: -7px;
    margin-top: -7px
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-\[3px\] {
    margin-left: 3px;
    margin-right: 3px
}

.mx-\[5px\] {
    margin-left: 5px;
    margin-right: 5px
}

.mx-\[6\.625px\] {
    margin-left: 6.625px;
    margin-right: 6.625px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-1\.5 {
    margin-bottom: .375rem;
    margin-top: .375rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-\[\.125rem\] {
    margin-bottom: .125rem;
    margin-top: .125rem
}

.my-\[10px\] {
    margin-bottom: 10px;
    margin-top: 10px
}

.my-\[2px\] {
    margin-bottom: 2px;
    margin-top: 2px
}

.my-\[3px\] {
    margin-bottom: 3px;
    margin-top: 3px
}

.my-\[4px\] {
    margin-bottom: 4px;
    margin-top: 4px
}

.my-\[5px\] {
    margin-bottom: 5px;
    margin-top: 5px
}

.my-\[7\.25px\] {
    margin-bottom: 7.25px;
    margin-top: 7.25px
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.-ml-\[1\.5rem\] {
    margin-left: -1.5rem
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-\[10px\] {
    margin-top: -10px
}

.-mt-\[250px\] {
    margin-top: -250px
}

.-mt-\[2px\] {
    margin-top: -2px
}

.-mt-\[3px\] {
    margin-top: -3px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[0\.125rem\] {
    margin-bottom: .125rem
}

.mb-\[0\.1rem\] {
    margin-bottom: .1rem
}

.mb-\[1\.3rem\] {
    margin-bottom: 1.3rem
}

.mb-\[1\.7rem\] {
    margin-bottom: 1.7rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[11px\] {
    margin-bottom: 11px
}

.mb-\[1px\] {
    margin-bottom: 1px
}

.mb-\[22px\] {
    margin-bottom: 22px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[2rem\] {
    margin-bottom: 2rem
}

.mb-\[36px\] {
    margin-bottom: 36px
}

.mb-\[3px\] {
    margin-bottom: 3px
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mb-\[7px\] {
    margin-bottom: 7px
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-\[\.5rem\] {
    margin-left: .5rem
}

.ml-\[12px\] {
    margin-left: 12px
}

.ml-\[2px\] {
    margin-left: 2px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-\[8px\] {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[2px\] {
    margin-right: 2px
}

.mr-\[5px\] {
    margin-right: 5px
}

.mr-\[6px\] {
    margin-right: 6px
}

.mr-\[8px\] {
    margin-right: 8px
}

.ms-3 {
    margin-inline-start: .75rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[1\.5px\] {
    margin-top: 1.5px
}

.mt-\[11px\] {
    margin-top: 11px
}

.mt-\[13px\] {
    margin-top: 13px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[18px\] {
    margin-top: 18px
}

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[25px\] {
    margin-top: 25px
}

.mt-\[27px\] {
    margin-top: 27px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[45px\] {
    margin-top: 45px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[7px\] {
    margin-top: 7px
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: content-box
}

.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.aspect-\[0\.7516\] {
    aspect-ratio: .7516
}

.aspect-\[0\.75\] {
    aspect-ratio: .75
}

.aspect-\[0\.79\] {
    aspect-ratio: .79
}

.aspect-\[0\.80\] {
    aspect-ratio: .8
}

.aspect-\[0\.85\] {
    aspect-ratio: .85
}

.aspect-\[0\.8640\] {
    aspect-ratio: .864
}

.aspect-\[0\.86885245901\] {
    aspect-ratio: .86885245901
}

.aspect-\[0\.86\] {
    aspect-ratio: .86
}

.aspect-\[0\.95\] {
    aspect-ratio: .95
}

.aspect-\[1\.02\] {
    aspect-ratio: 1.02
}

.aspect-\[1\.46\] {
    aspect-ratio: 1.46
}

.aspect-\[2\.27\] {
    aspect-ratio: 2.27
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[22\/15\] {
    aspect-ratio: 22/15
}

.aspect-\[2\] {
    aspect-ratio: 2
}

.aspect-\[3\.7409\] {
    aspect-ratio: 3.7409
}

.aspect-\[3\/1\] {
    aspect-ratio: 3/1
}

.aspect-\[3\/4\] {
    aspect-ratio: 3/4
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.size-1\.5 {
    height: .375rem;
    width: .375rem
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-2 {
    height: .5rem;
    width: .5rem
}

.size-2\.5 {
    height: .625rem;
    width: .625rem
}

.size-3 {
    height: .75rem;
    width: .75rem
}

.size-3\.5 {
    height: .875rem;
    width: .875rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-48 {
    height: 12rem;
    width: 12rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-7 {
    height: 1.75rem;
    width: 1.75rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-\[12px\] {
    height: 12px;
    width: 12px
}

.size-\[15px\] {
    height: 15px;
    width: 15px
}

.size-\[18px\] {
    height: 18px;
    width: 18px
}

.size-\[21px\] {
    height: 21px;
    width: 21px
}

.size-\[22px\] {
    height: 22px;
    width: 22px
}

.size-\[23px\] {
    height: 23px;
    width: 23px
}

.size-\[24px\] {
    height: 24px;
    width: 24px
}

.size-\[25px\] {
    height: 25px;
    width: 25px
}

.size-\[26px\] {
    height: 26px;
    width: 26px
}

.size-\[32px\] {
    height: 32px;
    width: 32px
}

.size-\[35px\] {
    height: 35px;
    width: 35px
}

.size-\[40px\] {
    height: 40px;
    width: 40px
}

.size-\[42px\] {
    height: 42px;
    width: 42px
}

.size-\[45px\] {
    height: 45px;
    width: 45px
}

.size-\[50px\] {
    height: 50px;
    width: 50px
}

.size-\[54px\] {
    height: 54px;
    width: 54px
}

.size-full {
    height: 100%;
    width: 100%
}

.\!h-px {
    height: 1px !important
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1\.28rem\] {
    height: 1.28rem
}

.h-\[1\.468rem\] {
    height: 1.468rem
}

.h-\[1\.75rem\] {
    height: 1.75rem
}

.h-\[1\.875rem\] {
    height: 1.875rem
}

.h-\[1\.9375rem\] {
    height: 1.9375rem
}

.h-\[1\.9rem\] {
    height: 1.9rem
}

.h-\[10\%\] {
    height: 10%
}

.h-\[100dvh\] {
    height: 100dvh
}

.h-\[100px\] {
    height: 100px
}

.h-\[10px\] {
    height: 10px
}

.h-\[110px\] {
    height: 110px
}

.h-\[115px\] {
    height: 115px
}

.h-\[120\%\] {
    height: 120%
}

.h-\[121px\] {
    height: 121px
}

.h-\[13\.02px\] {
    height: 13.02px
}

.h-\[13\.56px\] {
    height: 13.56px
}

.h-\[13px\] {
    height: 13px
}

.h-\[143\%\] {
    height: 143%
}

.h-\[14px\] {
    height: 14px
}

.h-\[15px\] {
    height: 15px
}

.h-\[164px\] {
    height: 164px
}

.h-\[16px\] {
    height: 16px
}

.h-\[17px\] {
    height: 17px
}

.h-\[18px\] {
    height: 18px
}

.h-\[19\.5px\] {
    height: 19.5px
}

.h-\[19px\] {
    height: 19px
}

.h-\[2\.1875rem\] {
    height: 2.1875rem
}

.h-\[2\.5rem\] {
    height: 2.5rem
}

.h-\[2\.8125rem\] {
    height: 2.8125rem
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[21px\] {
    height: 21px
}

.h-\[22px\] {
    height: 22px
}

.h-\[23px\] {
    height: 23px
}

.h-\[24px\] {
    height: 24px
}

.h-\[258px\] {
    height: 258px
}

.h-\[26px\] {
    height: 26px
}

.h-\[27px\] {
    height: 27px
}

.h-\[28px\] {
    height: 28px
}

.h-\[2px\] {
    height: 2px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[30vh\] {
    height: 30vh
}

.h-\[31px\] {
    height: 31px
}

.h-\[32px\] {
    height: 32px
}

.h-\[35px\] {
    height: 35px
}

.h-\[36px\] {
    height: 36px
}

.h-\[38px\] {
    height: 38px
}

.h-\[3px\] {
    height: 3px
}

.h-\[3rem\] {
    height: 3rem
}

.h-\[4\.4rem\] {
    height: 4.4rem
}

.h-\[40dvh\] {
    height: 40dvh
}

.h-\[40px\] {
    height: 40px
}

.h-\[41px\] {
    height: 41px
}

.h-\[42px\] {
    height: 42px
}

.h-\[45px\] {
    height: 45px
}

.h-\[46px\] {
    height: 46px
}

.h-\[48px\] {
    height: 48px
}

.h-\[50px\] {
    height: 50px
}

.h-\[52px\] {
    height: 52px
}

.h-\[54px\] {
    height: 54px
}

.h-\[55px\] {
    height: 55px
}

.h-\[56px\] {
    height: 56px
}

.h-\[58px\] {
    height: 58px
}

.h-\[5px\] {
    height: 5px
}

.h-\[60dvh\] {
    height: 60dvh
}

.h-\[60px\] {
    height: 60px
}

.h-\[60vh\] {
    height: 60vh
}

.h-\[65px\] {
    height: 65px
}

.h-\[67px\] {
    height: 67px
}

.h-\[68px\] {
    height: 68px
}

.h-\[6px\] {
    height: 6px
}

.h-\[70\%\] {
    height: 70%
}

.h-\[70px\] {
    height: 70px
}

.h-\[71px\] {
    height: 71px
}

.h-\[75px\] {
    height: 75px
}

.h-\[80dvh\] {
    height: 80dvh
}

.h-\[82vh\] {
    height: 82vh
}

.h-\[85\%\] {
    height: 85%
}

.h-\[calc\(100dvh-42px-env\(safe-area-inset-bottom\)\)\] {
    height: calc(100dvh - 42px - env(safe-area-inset-bottom))
}

.h-\[calc\(100dvh-var\(--safe-area-inset-top\)-var\(--safe-area-inset-bottom\)\)\] {
    height: calc(100dvh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))
}

.h-\[calc\(100vh-110px\)\] {
    height: calc(100vh - 110px)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-px {
    height: 1px
}

.h-svh {
    height: 100svh
}

.max-h-0 {
    max-height: 0
}

.max-h-3 {
    max-height: .75rem
}

.max-h-48 {
    max-height: 12rem
}

.max-h-60 {
    max-height: 15rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[115px\] {
    max-height: 115px
}

.max-h-\[120px\] {
    max-height: 120px
}

.max-h-\[152px\] {
    max-height: 152px
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[25px\] {
    max-height: 25px
}

.max-h-\[28px\] {
    max-height: 28px
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[30px\] {
    max-height: 30px
}

.max-h-\[31px\] {
    max-height: 31px
}

.max-h-\[32px\] {
    max-height: 32px
}

.max-h-\[34px\] {
    max-height: 34px
}

.max-h-\[350px\] {
    max-height: 350px
}

.max-h-\[36px\] {
    max-height: 36px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-\[46px\] {
    max-height: 46px
}

.max-h-\[50\%\] {
    max-height: 50%
}

.max-h-\[50dvh\] {
    max-height: 50dvh
}

.max-h-\[50px\] {
    max-height: 50px
}

.max-h-\[530px\] {
    max-height: 530px
}

.max-h-\[600px\] {
    max-height: 600px
}

.max-h-\[60px\] {
    max-height: 60px
}

.max-h-\[60vh\] {
    max-height: 60vh
}

.max-h-\[66px\] {
    max-height: 66px
}

.max-h-\[70\%\] {
    max-height: 70%
}

.max-h-\[70vh\] {
    max-height: 70vh
}

.max-h-\[74px\] {
    max-height: 74px
}

.max-h-\[80\%\] {
    max-height: 80%
}

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-\[82px\] {
    max-height: 82px
}

.max-h-\[90\%\] {
    max-height: 90%
}

.max-h-\[94\%\] {
    max-height: 94%
}

.max-h-\[95\%\] {
    max-height: 95%
}

.max-h-\[98\%\] {
    max-height: 98%
}

.max-h-\[auto\] {
    max-height: auto
}

.max-h-full {
    max-height: 100%
}

.max-h-min {
    max-height: -moz-min-content;
    max-height: min-content
}

.min-h-0 {
    min-height: 0
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-11 {
    min-height: 2.75rem
}

.min-h-12 {
    min-height: 3rem
}

.min-h-14 {
    min-height: 3.5rem
}

.min-h-3 {
    min-height: .75rem
}

.min-h-4 {
    min-height: 1rem
}

.min-h-5 {
    min-height: 1.25rem
}

.min-h-56 {
    min-height: 14rem
}

.min-h-6 {
    min-height: 1.5rem
}

.min-h-9 {
    min-height: 2.25rem
}

.min-h-\[1\.5rem\] {
    min-height: 1.5rem
}

.min-h-\[100dvh\] {
    min-height: 100dvh
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[108px\] {
    min-height: 108px
}

.min-h-\[140px\] {
    min-height: 140px
}

.min-h-\[160px\] {
    min-height: 160px
}

.min-h-\[18px\] {
    min-height: 18px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[220px\] {
    min-height: 220px
}

.min-h-\[23px\] {
    min-height: 23px
}

.min-h-\[26px\] {
    min-height: 26px
}

.min-h-\[28px\] {
    min-height: 28px
}

.min-h-\[29px\] {
    min-height: 29px
}

.min-h-\[300px\] {
    min-height: 300px
}

.min-h-\[30dvh\] {
    min-height: 30dvh
}

.min-h-\[30px\] {
    min-height: 30px
}

.min-h-\[34px\] {
    min-height: 34px
}

.min-h-\[35px\] {
    min-height: 35px
}

.min-h-\[36px\] {
    min-height: 36px
}

.min-h-\[38px\] {
    min-height: 38px
}

.min-h-\[39px\] {
    min-height: 39px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[42px\] {
    min-height: 42px
}

.min-h-\[43px\] {
    min-height: 43px
}

.min-h-\[50dvh\] {
    min-height: 50dvh
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[50vh\] {
    min-height: 50vh
}

.min-h-\[52px\] {
    min-height: 52px
}

.min-h-\[54px\] {
    min-height: 54px
}

.min-h-\[60dvh\] {
    min-height: 60dvh
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[68px\] {
    min-height: 68px
}

.min-h-\[70px\] {
    min-height: 70px
}

.min-h-\[70vh\] {
    min-height: 70vh
}

.min-h-\[82vh\] {
    min-height: 82vh
}

.min-h-\[85px\] {
    min-height: 85px
}

.min-h-\[90px\] {
    min-height: 90px
}

.min-h-\[calc\(100dvh-150px\)\] {
    min-height: calc(100dvh - 150px)
}

.min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content
}

.min-h-full {
    min-height: 100%
}

.min-h-max {
    min-height: -moz-max-content;
    min-height: max-content
}

.min-h-screen {
    min-height: 100vh
}

.\!w-px {
    width: 1px !important
}

.w-0 {
    width: 0
}

.w-0\.5 {
    width: .125rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-\[1\.875rem\] {
    width: 1.875rem
}

.w-\[10\%\] {
    width: 10%
}

.w-\[10\.5px\] {
    width: 10.5px
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[108\.75px\] {
    width: 108.75px
}

.w-\[10px\] {
    width: 10px
}

.w-\[110px\] {
    width: 110px
}

.w-\[115px\] {
    width: 115px
}

.w-\[117px\] {
    width: 117px
}

.w-\[12\.25px\] {
    width: 12.25px
}

.w-\[123px\] {
    width: 123px
}

.w-\[126px\] {
    width: 126px
}

.w-\[13\.56px\] {
    width: 13.56px
}

.w-\[143\%\] {
    width: 143%
}

.w-\[14px\] {
    width: 14px
}

.w-\[15px\] {
    width: 15px
}

.w-\[164px\] {
    width: 164px
}

.w-\[16px\] {
    width: 16px
}

.w-\[174px\] {
    width: 174px
}

.w-\[17rem\] {
    width: 17rem
}

.w-\[18px\] {
    width: 18px
}

.w-\[19\.5px\] {
    width: 19.5px
}

.w-\[190px\] {
    width: 190px
}

.w-\[19px\] {
    width: 19px
}

.w-\[2\.5rem\] {
    width: 2.5rem
}

.w-\[20\%\] {
    width: 20%
}

.w-\[20px\] {
    width: 20px
}

.w-\[21px\] {
    width: 21px
}

.w-\[22px\] {
    width: 22px
}

.w-\[23\.62px\] {
    width: 23.62px
}

.w-\[23px\] {
    width: 23px
}

.w-\[24px\] {
    width: 24px
}

.w-\[250px\] {
    width: 250px
}

.w-\[26\%\] {
    width: 26%
}

.w-\[28px\] {
    width: 28px
}

.w-\[2px\] {
    width: 2px
}

.w-\[3\.375rem\] {
    width: 3.375rem
}

.w-\[3\.75rem\] {
    width: 3.75rem
}

.w-\[30\%\] {
    width: 30%
}

.w-\[30px\] {
    width: 30px
}

.w-\[32px\] {
    width: 32px
}

.w-\[33\%\] {
    width: 33%
}

.w-\[35\%\] {
    width: 35%
}

.w-\[351px\] {
    width: 351px
}

.w-\[38px\] {
    width: 38px
}

.w-\[4\.3rem\] {
    width: 4.3rem
}

.w-\[4\.7rem\] {
    width: 4.7rem
}

.w-\[40\%\] {
    width: 40%
}

.w-\[40px\] {
    width: 40px
}

.w-\[42\%\] {
    width: 42%
}

.w-\[45\%\] {
    width: 45%
}

.w-\[45px\] {
    width: 45px
}

.w-\[48\%\] {
    width: 48%
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[5px\] {
    width: 5px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[65\%\] {
    width: 65%
}

.w-\[6px\] {
    width: 6px
}

.w-\[7\.5rem\] {
    width: 7.5rem
}

.w-\[70\%\] {
    width: 70%
}

.w-\[70px\] {
    width: 70px
}

.w-\[72\%\] {
    width: 72%
}

.w-\[72px\] {
    width: 72px
}

.w-\[75\%\] {
    width: 75%
}

.w-\[75px\] {
    width: 75px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[87\%\] {
    width: 87%
}

.w-\[90\%\] {
    width: 90%
}

.w-\[92\%\] {
    width: 92%
}

.w-\[94\%\] {
    width: 94%
}

.w-\[95\%\] {
    width: 95%
}

.w-\[96\%\] {
    width: 96%
}

.w-\[98\%\] {
    width: 98%
}

.w-\[calc\(100dvw-var\(--safe-area-inset-left\)-var\(--safe-area-inset-right\)\)\] {
    width: calc(100dvw - var(--safe-area-inset-left) - var(--safe-area-inset-right))
}

.w-auto {
    width: auto
}

.w-dvw {
    width: 100dvw
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-px {
    width: 1px
}

.w-svw {
    width: 100svw
}

.min-w-0 {
    min-width: 0
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-11 {
    min-width: 2.75rem
}

.min-w-14 {
    min-width: 3.5rem
}

.min-w-20 {
    min-width: 5rem
}

.min-w-3 {
    min-width: .75rem
}

.min-w-4 {
    min-width: 1rem
}

.min-w-5 {
    min-width: 1.25rem
}

.min-w-6 {
    min-width: 1.5rem
}

.min-w-60 {
    min-width: 15rem
}

.min-w-\[100\%\] {
    min-width: 100%
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[101px\] {
    min-width: 101px
}

.min-w-\[102px\] {
    min-width: 102px
}

.min-w-\[110px\] {
    min-width: 110px
}

.min-w-\[112px\] {
    min-width: 112px
}

.min-w-\[117px\] {
    min-width: 117px
}

.min-w-\[120\%\] {
    min-width: 120%
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[123px\] {
    min-width: 123px
}

.min-w-\[124px\] {
    min-width: 124px
}

.min-w-\[126px\] {
    min-width: 126px
}

.min-w-\[127px\] {
    min-width: 127px
}

.min-w-\[16\.26\%\] {
    min-width: 16.26%
}

.min-w-\[175px\] {
    min-width: 175px
}

.min-w-\[18px\] {
    min-width: 18px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[24\%\] {
    min-width: 24%
}

.min-w-\[29px\] {
    min-width: 29px
}

.min-w-\[3\.375rem\] {
    min-width: 3.375rem
}

.min-w-\[310px\] {
    min-width: 310px
}

.min-w-\[34px\] {
    min-width: 34px
}

.min-w-\[35\%\] {
    min-width: 35%
}

.min-w-\[38px\] {
    min-width: 38px
}

.min-w-\[400px\] {
    min-width: 400px
}

.min-w-\[42px\] {
    min-width: 42px
}

.min-w-\[45\%\] {
    min-width: 45%
}

.min-w-\[6\%\] {
    min-width: 6%
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[76px\] {
    min-width: 76px
}

.min-w-\[80\%\] {
    min-width: 80%
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[85\%\] {
    min-width: 85%
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[90\%\] {
    min-width: 90%
}

.min-w-\[90px\] {
    min-width: 90px
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.min-w-full {
    min-width: 100%
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2\.5 {
    max-width: .625rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[10\%\] {
    max-width: 10%
}

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[110px\] {
    max-width: 110px
}

.max-w-\[115px\] {
    max-width: 115px
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[16\.26\%\] {
    max-width: 16.26%
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[24\%\] {
    max-width: 24%
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[28\%\] {
    max-width: 28%
}

.max-w-\[3\.75rem\] {
    max-width: 3.75rem
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[310px\] {
    max-width: 310px
}

.max-w-\[319px\] {
    max-width: 319px
}

.max-w-\[328px\] {
    max-width: 328px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[380px\] {
    max-width: 380px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[40px\] {
    max-width: 40px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[50\%\] {
    max-width: 50%
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[50px\] {
    max-width: 50px
}

.max-w-\[550px\] {
    max-width: 550px
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[60px\] {
    max-width: 60px
}

.max-w-\[65\%\] {
    max-width: 65%
}

.max-w-\[650px\] {
    max-width: 650px
}

.max-w-\[70\%\] {
    max-width: 70%
}

.max-w-\[70px\] {
    max-width: 70px
}

.max-w-\[74\%\] {
    max-width: 74%
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[82px\] {
    max-width: 82px
}

.max-w-\[85px\] {
    max-width: 85px
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[90px\] {
    max-width: 90px
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-screen-xsm {
    max-width: 430px
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-\[0\.51\] {
    flex: 0.51
}

.flex-\[0_0_20\%\] {
    flex: 0 0 20%
}

.flex-\[0_0_30\%\] {
    flex: 0 0 30%
}

.flex-\[2_2_auto\] {
    flex: 2 2 auto
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-0 {
    flex-basis: 0px
}

.basis-auto {
    flex-basis: auto
}

.basis-full {
    flex-basis: 100%
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-center {
    transform-origin: center
}

.origin-left {
    transform-origin: left
}

.origin-right {
    transform-origin: right
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-1\/2,
.-translate-x-2\/4 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-\[70\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[70\%\] {
    --tw-translate-x: -70%
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

.-translate-y-2,
.-translate-y-2\/4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2\/4 {
    --tw-translate-y: -50%
}

.-translate-y-8 {
    --tw-translate-y: -2rem
}

.-translate-y-8,
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-4 {
    --tw-translate-x: 1rem
}

.translate-x-4,
.translate-x-7 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-7 {
    --tw-translate-x: 1.75rem
}

.translate-x-8 {
    --tw-translate-x: 2rem
}

.translate-x-8,
.translate-x-\[70\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[70\%\] {
    --tw-translate-x: 70%
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-x-full,
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1 {
    --tw-translate-y: 0.25rem
}

.translate-y-1,
.translate-y-1\/3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/3 {
    --tw-translate-y: 33.333333%
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.-rotate-180,
.translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-90,
.rotate-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-12 {
    --tw-rotate: 12deg
}

.rotate-12,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-3 {
    --tw-rotate: 3deg
}

.rotate-3,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,
.rotate-\[120deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[120deg\] {
    --tw-rotate: 120deg
}

.rotate-\[150deg\] {
    --tw-rotate: 150deg
}

.rotate-\[150deg\],
.rotate-\[16\.385deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[16\.385deg\] {
    --tw-rotate: 16.385deg
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.rotate-\[180deg\],
.rotate-\[210deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[210deg\] {
    --tw-rotate: 210deg
}

.rotate-\[240deg\] {
    --tw-rotate: 240deg
}

.rotate-\[240deg\],
.rotate-\[26\.453deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[26\.453deg\] {
    --tw-rotate: 26.453deg
}

.rotate-\[270deg\] {
    --tw-rotate: 270deg
}

.rotate-\[270deg\],
.rotate-\[300deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[300deg\] {
    --tw-rotate: 300deg
}

.rotate-\[30deg\] {
    --tw-rotate: 30deg
}

.rotate-\[30deg\],
.rotate-\[330deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[330deg\] {
    --tw-rotate: 330deg
}

.rotate-\[60deg\] {
    --tw-rotate: 60deg
}

.rotate-\[60deg\],
.rotate-\[90deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[90deg\] {
    --tw-rotate: 90deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.scale-105,
.scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-150,
.scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02
}

.scale-\[1\.02\],
.scale-\[1\.4\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.4\] {
    --tw-scale-x: 1.4;
    --tw-scale-y: 1.4
}

.scale-\[102\%\] {
    --tw-scale-x: 102%;
    --tw-scale-y: 102%
}

.scale-\[102\%\],
.scale-\[110\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[110\%\] {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%
}

.scale-\[70\%\] {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%
}

.scale-\[70\%\],
.scale-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-0 {
    --tw-scale-y: 0
}

.scale-y-100 {
    --tw-scale-y: 1
}

.scale-y-100,
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    50% {
        opacity: .2;
        transform: translateY(15px)
    }

    75% {
        opacity: .4;
        transform: translateY(5px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-fade-in {
    animation: fade-in .6s ease-out
}

@keyframes flashEffect {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.animate-flashEffect {
    animation: flashEffect .3s ease-in-out
}

@keyframes notificationCountBgColorAnimationChange {
    0% {
        background-color: var(--color-bg-quaternary)
    }

    to {
        background-color: var(--color-bg-primary)
    }
}

.animate-notificationCountBgColorAnimationChange {
    animation: notificationCountBgColorAnimationChange 2s ease-in-out infinite
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.animate-shake {
    animation: shake 1s ease-in-out infinite
}

.animate-shakeOnce {
    animation: shake .5s ease-in-out
}

.animate-spin {
    animation: spin 1s linear infinite
}

@keyframes transactionCardAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    50% {
        opacity: 0;
        transform: translateY(10px)
    }

    75% {
        opacity: .4;
        transform: translateY(5px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-transactionCardAnimation {
    animation: transactionCardAnimation .3s ease-in-out
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-grabbing {
    cursor: grabbing
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.touch-none {
    touch-action: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-start {
    scroll-snap-align: start
}

.snap-center {
    scroll-snap-align: center
}

.list-inside {
    list-style-position: inside
}

.list-\[lower-alpha\] {
    list-style-type: lower-alpha
}

.list-\[upper-roman\] {
    list-style-type: upper-roman
}

.list-circle {
    list-style-type: circle
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-cols-max {
    grid-auto-columns: max-content
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[\.3125rem\] {
    gap: .3125rem
}

.gap-\[0\.1rem\] {
    gap: .1rem
}

.gap-\[0\.3125rem\] {
    gap: .3125rem
}

.gap-\[0\.4375rem\] {
    gap: .4375rem
}

.gap-\[0\.5625rem\] {
    gap: .5625rem
}

.gap-\[0\.5px\] {
    gap: .5px
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[11px\] {
    gap: 11px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[13px\] {
    gap: 13px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[15px\] {
    gap: 15px
}

.gap-\[18px\] {
    gap: 18px
}

.gap-\[22px\] {
    gap: 22px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[7px\] {
    gap: 7px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-\[9px\] {
    gap: 9px
}

.gap-px {
    gap: 1px
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem;
    column-gap: .875rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-\[0\.3rem\] {
    -moz-column-gap: .3rem;
    column-gap: .3rem
}

.gap-x-\[0\.4rem\] {
    -moz-column-gap: .4rem;
    column-gap: .4rem
}

.gap-x-\[11px\] {
    -moz-column-gap: 11px;
    column-gap: 11px
}

.gap-x-\[15px\] {
    -moz-column-gap: 15px;
    column-gap: 15px
}

.gap-x-\[1px\] {
    -moz-column-gap: 1px;
    column-gap: 1px
}

.gap-x-\[2px\] {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-\[3px\] {
    -moz-column-gap: 3px;
    column-gap: 3px
}

.gap-x-\[5px\] {
    -moz-column-gap: 5px;
    column-gap: 5px
}

.gap-x-\[7px\] {
    -moz-column-gap: 7px;
    column-gap: 7px
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-0\.5 {
    row-gap: .125rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-3\.5 {
    row-gap: .875rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-\[0\.3rem\] {
    row-gap: .3rem
}

.gap-y-\[0\.5\] {
    row-gap: .5
}

.gap-y-\[0\.5px\] {
    row-gap: .5px
}

.gap-y-\[11px\] {
    row-gap: 11px
}

.gap-y-\[15px\] {
    row-gap: 15px
}

.gap-y-\[16px\] {
    row-gap: 16px
}

.gap-y-\[1px\] {
    row-gap: 1px
}

.gap-y-\[22px\] {
    row-gap: 22px
}

.gap-y-\[38px\] {
    row-gap: 38px
}

.gap-y-\[3px\] {
    row-gap: 3px
}

.gap-y-\[5px\] {
    row-gap: 5px
}

.gap-y-\[7px\] {
    row-gap: 7px
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem*var(--tw-space-y-reverse));
    margin-top: calc(.125rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
    margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[1em\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1em*var(--tw-space-y-reverse));
    margin-top: calc(1em*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[1px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1px*var(--tw-space-y-reverse));
    margin-top: calc(1px*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[2px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2px*var(--tw-space-y-reverse));
    margin-top: calc(2px*(1 - var(--tw-space-y-reverse)))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.divide-y-\[1px\]>:not([hidden])~:not([hidden]),
.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-\[\#0000000f\]>:not([hidden])~:not([hidden]) {
    border-color: #0000000f
}

.divide-\[\#6f6a67\]>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(111 106 103/var(--tw-divide-opacity, 1))
}

.divide-\[\#e6e6e6\]>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-divide-opacity, 1))
}

.divide-bg_color_footer_primary>:not([hidden])~:not([hidden]) {
    border-color: var(--bg-color-footer-primary)
}

.divide-border_color_primary>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary)
}

.divide-border_color_primary1>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary1)
}

.divide-divide_color_primary>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary)
}

.divide-divide_color_primary1>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary1)
}

.divide-divide_color_primary2>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary2)
}

.divide-divide_color_primary6>:not([hidden])~:not([hidden]) {
    border-color: var(--border-color-primary6)
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-divide-opacity, 1))
}

.divide-gray-500>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-divide-opacity, 1))
}

.self-start {
    align-self: flex-start
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.\!whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[\.1875rem\] {
    border-radius: .1875rem
}

.rounded-\[\.25rem\] {
    border-radius: .25rem
}

.rounded-\[\.2rem\] {
    border-radius: .2rem
}

.rounded-\[0\.125rem\] {
    border-radius: .125rem
}

.rounded-\[0\.3125rem\] {
    border-radius: .3125rem
}

.rounded-\[0\.4rem\] {
    border-radius: .4rem
}

.rounded-\[0\.5rem\] {
    border-radius: .5rem
}

.rounded-\[0\.9rem\] {
    border-radius: .9rem
}

.rounded-\[10\.03px\] {
    border-radius: 10.03px
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[1rem\] {
    border-radius: 1rem
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-\[9px\] {
    border-radius: 9px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-\[8px\] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-e-\[2px\] {
    border-end-end-radius: 2px;
    border-start-end-radius: 2px
}

.rounded-e-md {
    border-end-end-radius: .375rem;
    border-start-end-radius: .375rem
}

.rounded-l-\[10px\] {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

.rounded-l-full {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-r-full {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px
}

.rounded-r-sm {
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-t-\[6px\] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-t-\[8px\] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-md {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-bl-\[\.125rem\] {
    border-bottom-left-radius: .125rem
}

.rounded-bl-\[\.9375rem\] {
    border-bottom-left-radius: .9375rem
}

.rounded-bl-\[0\.3rem\] {
    border-bottom-left-radius: .3rem
}

.rounded-bl-\[10px\] {
    border-bottom-left-radius: 10px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-\[\.125rem\] {
    border-bottom-right-radius: .125rem
}

.rounded-br-\[\.9375rem\] {
    border-bottom-right-radius: .9375rem
}

.rounded-br-\[0\.3rem\] {
    border-bottom-right-radius: .3rem
}

.rounded-br-\[10px\] {
    border-bottom-right-radius: 10px
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-tl-\[\.125rem\] {
    border-top-left-radius: .125rem
}

.rounded-tl-\[\.9375rem\] {
    border-top-left-radius: .9375rem
}

.rounded-tl-\[10px\] {
    border-top-left-radius: 10px
}

.rounded-tl-\[5px\] {
    border-top-left-radius: 5px
}

.rounded-tl-\[8px\] {
    border-top-left-radius: 8px
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-tr-\[\.125rem\] {
    border-top-right-radius: .125rem
}

.rounded-tr-\[\.9375rem\] {
    border-top-right-radius: .9375rem
}

.rounded-tr-\[10px\] {
    border-top-right-radius: 10px
}

.rounded-tr-\[8px\] {
    border-top-right-radius: 8px
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[0\.1rem\] {
    border-width: .1rem
}

.border-\[0\.5px\] {
    border-width: .5px
}

.border-\[0\.75px\] {
    border-width: .75px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[0\.5px\] {
    border-bottom-width: .5px
}

.border-b-\[1\.5px\] {
    border-bottom-width: 1.5px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-b-\[5px\] {
    border-bottom-width: 5px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-4 {
    border-right-width: 4px
}

.border-r-\[0\.1px\] {
    border-right-width: .1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-t-\[3px\] {
    border-top-width: 3px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[\#0000001c\] {
    border-color: #0000001c
}

.border-\[\#00000020\] {
    border-color: #00000020
}

.border-\[\#0000003d\] {
    border-color: #0000003d
}

.border-\[\#0094de\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 148 222/var(--tw-border-opacity, 1))
}

.border-\[\#11a9cc\] {
    --tw-border-opacity: 1;
    border-color: rgb(17 169 204/var(--tw-border-opacity, 1))
}

.border-\[\#26262699\] {
    border-color: #26262699
}

.border-\[\#2b2929\] {
    --tw-border-opacity: 1;
    border-color: rgb(43 41 41/var(--tw-border-opacity, 1))
}

.border-\[\#333333\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.border-\[\#343434\] {
    --tw-border-opacity: 1;
    border-color: rgb(52 52 52/var(--tw-border-opacity, 1))
}

.border-\[\#5f98c6\] {
    --tw-border-opacity: 1;
    border-color: rgb(95 152 198/var(--tw-border-opacity, 1))
}

.border-\[\#6f6a67\] {
    --tw-border-opacity: 1;
    border-color: rgb(111 106 103/var(--tw-border-opacity, 1))
}

.border-\[\#969191\] {
    --tw-border-opacity: 1;
    border-color: rgb(150 145 145/var(--tw-border-opacity, 1))
}

.border-\[\#AAAAAA\] {
    --tw-border-opacity: 1;
    border-color: rgb(170 170 170/var(--tw-border-opacity, 1))
}

.border-\[\#CBE3F9\] {
    --tw-border-opacity: 1;
    border-color: rgb(203 227 249/var(--tw-border-opacity, 1))
}

.border-\[\#F3DBE1\] {
    --tw-border-opacity: 1;
    border-color: rgb(243 219 225/var(--tw-border-opacity, 1))
}

.border-\[\#FBCF78\] {
    --tw-border-opacity: 1;
    border-color: rgb(251 207 120/var(--tw-border-opacity, 1))
}

.border-\[\#FF0000\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0/var(--tw-border-opacity, 1))
}

.border-\[\#aaa\] {
    --tw-border-opacity: 1;
    border-color: rgb(170 170 170/var(--tw-border-opacity, 1))
}

.border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204/var(--tw-border-opacity, 1))
}

.border-\[\#cfd7e9\] {
    --tw-border-opacity: 1;
    border-color: rgb(207 215 233/var(--tw-border-opacity, 1))
}

.border-\[\#dfdfdf\] {
    --tw-border-opacity: 1;
    border-color: rgb(223 223 223/var(--tw-border-opacity, 1))
}

.border-\[\#e9ecef\] {
    --tw-border-opacity: 1;
    border-color: rgb(233 236 239/var(--tw-border-opacity, 1))
}

.border-\[\#efefef\] {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239/var(--tw-border-opacity, 1))
}

.border-backBtn {
    border-color: var(--border-backBtn)
}

.border-bg_color_footer_primary {
    border-color: var(--bg-color-footer-primary)
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-black\/10 {
    border-color: rgba(0, 0, 0, .1)
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253/var(--tw-border-opacity, 1))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235/var(--tw-border-opacity, 1))
}

.border-borderColorFoprOddChange {
    border-color: var(--border-borderColorFoprOddChange)
}

.border-borderColorOfMarket {
    border-color: var(--border-borderColorOfMarket)
}

.border-border_color_activeInput {
    border-color: var(--border-color-activeInput)
}

.border-border_color_affiliate_menu {
    border-color: var(--color-affiliate-menu-border)
}

.border-border_color_brand_primary {
    border-color: var(--border-color-brand_primary)
}

.border-border_color_brand_secondary {
    border-color: var(--border-color-brand_secondary)
}

.border-border_color_brand_secondary1 {
    border-color: var(--border-color-brand_secondary1)
}

.border-border_color_cr_1 {
    border-color: var(--border-color-cr-1)
}

.border-border_color_cr_2 {
    border-color: var(--border-color-cr-2)
}

.border-border_color_cr_3 {
    border-color: var(--border-color-cr-3)
}

.border-border_color_cr_4 {
    border-color: var(--border-color-cr-4)
}

.border-border_color_cr_5 {
    border-color: var(--border-color-cr-5)
}

.border-border_color_cr_6 {
    border-color: var(--border-color-cr-6)
}

.border-border_color_cr_default {
    border-color: var(--border-color-cr-default)
}

.border-border_color_cr_lb {
    border-color: var(--border-color-cr-lb)
}

.border-border_color_cr_nb {
    border-color: var(--border-color-cr-nb)
}

.border-border_color_cr_w {
    border-color: var(--border-color-cr-w)
}

.border-border_color_cr_wd {
    border-color: var(--border-color-cr-wd)
}

.border-border_color_danger {
    border-color: var(--border-color-danger)
}

.border-border_color_depositPaymentMethod {
    border-color: var(--border-color-depositPaymentMethod)
}

.border-border_color_kyc_verify {
    border-color: var(--border-color-kyc-verify)
}

.border-border_color_login_button {
    border-color: var(--border-color-login-button)
}

.border-border_color_placeBetBtn {
    border-color: var(--color-border-placeBetBtn)
}

.border-border_color_primary {
    border-color: var(--border-color-primary)
}

.border-border_color_primary1 {
    border-color: var(--border-color-primary1)
}

.border-border_color_primary4 {
    border-color: var(--border-color-primary4)
}

.border-border_color_primary5 {
    border-color: var(--border-color-primary5)
}

.border-border_color_primary6 {
    border-color: var(--border-color-primary6)
}

.border-border_color_success {
    border-color: var(--border-color-success)
}

.border-color_affiliate_program_octonary {
    border-color: var(--color-affiliate-program-octonary)
}

.border-color_affiliate_program_primary_10 {
    border-color: var(--color-affiliate-program-primary-10)
}

.border-color_affiliate_program_primary_2 {
    border-color: var(--color-affiliate-program-primary-2)
}

.border-color_affiliate_program_primary_3 {
    border-color: var(--color-affiliate-program-primary-3)
}

.border-color_affiliate_program_primary_6 {
    border-color: var(--color-affiliate-program-primary-6)
}

.border-color_affiliate_program_primary_8 {
    border-color: var(--color-affiliate-program-primary-8)
}

.border-current {
    border-color: currentColor
}

.border-danger {
    border-color: var(--border-danger)
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity, 1))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity, 1))
}

.border-gray-700\/30 {
    border-color: rgba(55, 65, 81, .3)
}

.border-layBtn {
    border-color: var(--border-layBtn)
}

.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212/var(--tw-border-opacity, 1))
}

.border-notesBorderColor {
    border-color: var(--border-notesBorderColor)
}

.border-oddInputColor {
    border-color: var(--border-oddInputColor)
}

.border-primary {
    border-color: var(--border-primary)
}

.border-quaternary {
    border-color: var(--border-quaternary)
}

.border-quinary {
    border-color: var(--border-quinary)
}

.border-secondary {
    border-color: var(--border-secondary)
}

.border-slate-600 {
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105/var(--tw-border-opacity, 1))
}

.border-success {
    border-color: var(--border-success)
}

.border-ternary6 {
    border-color: var(--border-ternary6)
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-white\/10 {
    border-color: hsla(0, 0%, 100%, .1)
}

.border-white\/20 {
    border-color: hsla(0, 0%, 100%, .2)
}

.border-b-\[\#444\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(68 68 68/var(--tw-border-opacity, 1))
}

.border-b-border_color_brand_primary {
    border-bottom-color: var(--border-color-brand_primary)
}

.border-b-border_color_primary {
    border-bottom-color: var(--border-color-primary)
}

.border-b-border_color_tooltip {
    border-bottom-color: var(--border-color-tooltip)
}

.border-b-transparent {
    border-bottom-color: transparent
}

.border-r-border_color_primary {
    border-right-color: var(--border-color-primary)
}

.border-r-green-500 {
    --tw-border-opacity: 1;
    border-right-color: rgb(34 197 94/var(--tw-border-opacity, 1))
}

.border-r-transparent {
    border-right-color: transparent
}

.border-t-\[\#2dc3e8\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(45 195 232/var(--tw-border-opacity, 1))
}

.border-t-border_color_primary {
    border-top-color: var(--border-color-primary)
}

.border-t-border_color_tooltip {
    border-top-color: var(--border-color-tooltip)
}

.border-t-green-500 {
    --tw-border-opacity: 1;
    border-top-color: rgb(34 197 94/var(--tw-border-opacity, 1))
}

.border-t-transparent {
    border-top-color: transparent
}

.bg-\[\#00000005\] {
    background-color: #00000005
}

.bg-\[\#00000080\] {
    background-color: #00000080
}

.bg-\[\#000000a6\] {
    background-color: #000000a6
}

.bg-\[\#008000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 128 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#008080d4\] {
    background-color: #008080d4
}

.bg-\[\#0094de\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 148 222/var(--tw-bg-opacity, 1))
}

.bg-\[\#009dff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#00a5e0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 165 224/var(--tw-bg-opacity, 1))
}

.bg-\[\#00a950\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 169 80/var(--tw-bg-opacity, 1))
}

.bg-\[\#08080875\] {
    background-color: #08080875
}

.bg-\[\#0f2327\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 35 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#111\] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
}

.bg-\[\#163439\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 52 57/var(--tw-bg-opacity, 1))
}

.bg-\[\#171717\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
}

.bg-\[\#17a2b8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 162 184/var(--tw-bg-opacity, 1))
}

.bg-\[\#198754\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 135 84/var(--tw-bg-opacity, 1))
}

.bg-\[\#1fa052\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 160 82/var(--tw-bg-opacity, 1))
}

.bg-\[\#201e1e66\] {
    background-color: #201e1e66
}

.bg-\[\#252525\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 37 37/var(--tw-bg-opacity, 1))
}

.bg-\[\#257b23\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 123 35/var(--tw-bg-opacity, 1))
}

.bg-\[\#262626\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

.bg-\[\#2a2a2a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 42 42/var(--tw-bg-opacity, 1))
}

.bg-\[\#2c4f58\] {
    --tw-bg-opacity: 1;
    background-color: rgb(44 79 88/var(--tw-bg-opacity, 1))
}

.bg-\[\#2d7ff9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 127 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#2d9db9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 157 185/var(--tw-bg-opacity, 1))
}

.bg-\[\#343434\] {
    --tw-bg-opacity: 1;
    background-color: rgb(52 52 52/var(--tw-bg-opacity, 1))
}

.bg-\[\#5dab43\] {
    --tw-bg-opacity: 1;
    background-color: rgb(93 171 67/var(--tw-bg-opacity, 1))
}

.bg-\[\#72bbee\] {
    --tw-bg-opacity: 1;
    background-color: rgb(114 187 238/var(--tw-bg-opacity, 1))
}

.bg-\[\#842029\] {
    --tw-bg-opacity: 1;
    background-color: rgb(132 32 41/var(--tw-bg-opacity, 1))
}

.bg-\[\#94a3b8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184/var(--tw-bg-opacity, 1))
}

.bg-\[\#D73D32\] {
    --tw-bg-opacity: 1;
    background-color: rgb(215 61 50/var(--tw-bg-opacity, 1))
}

.bg-\[\#F3DBE1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 219 225/var(--tw-bg-opacity, 1))
}

.bg-\[\#FF0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#beddf4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(190 221 244/var(--tw-bg-opacity, 1))
}

.bg-\[\#c2c2c273\] {
    background-color: #c2c2c273
}

.bg-\[\#c5d1e5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(197 209 229/var(--tw-bg-opacity, 1))
}

.bg-\[\#d1def3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 222 243/var(--tw-bg-opacity, 1))
}

.bg-\[\#dc3545\] {
    --tw-bg-opacity: 1;
    background-color: rgb(220 53 69/var(--tw-bg-opacity, 1))
}

.bg-\[\#dfdfdf\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 223 223/var(--tw-bg-opacity, 1))
}

.bg-\[\#dfe5ef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 229 239/var(--tw-bg-opacity, 1))
}

.bg-\[\#e3e8e8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 232 232/var(--tw-bg-opacity, 1))
}

.bg-\[\#e3f3fe\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 243 254/var(--tw-bg-opacity, 1))
}

.bg-\[\#e4e4e4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 228/var(--tw-bg-opacity, 1))
}

.bg-\[\#e5e5e5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
}

.bg-\[\#e6e6e6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity, 1))
}

.bg-\[\#eeb800\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 184 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#eef3fd\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 253/var(--tw-bg-opacity, 1))
}

.bg-\[\#efefef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239/var(--tw-bg-opacity, 1))
}

.bg-\[\#f3dce2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 220 226/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-\[\#f8fcff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 252 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#f994ba\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 148 186/var(--tw-bg-opacity, 1))
}

.bg-\[\#f9c9d4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 201 212/var(--tw-bg-opacity, 1))
}

.bg-\[\#f9f9f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#fbcf78\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 120/var(--tw-bg-opacity, 1))
}

.bg-\[\#fbfbfb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 251/var(--tw-bg-opacity, 1))
}

.bg-\[\#fdeff2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 239 242/var(--tw-bg-opacity, 1))
}

.bg-\[\#fefafb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 250 251/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffc107\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 193 7/var(--tw-bg-opacity, 1))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffffff1a\] {
    background-color: #ffffff1a
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffffffb3\] {
    background-color: #ffffffb3
}

.bg-\[var\(--twentyFive\)\] {
    background-color: var(--twentyFive)
}

.bg-bg_SwitchBtnRound {
    background-color: var(--bg-color-switchBtnRound)
}

.bg-bg_appBg {
    background-color: var(--bg-color-appBg)
}

.bg-bg_color_SpinCount {
    background-color: var(--bg-color-SpinCount)
}

.bg-bg_color_SpinsBtn {
    background-color: var(--bg-color-SpinsBtn)
}

.bg-bg_color_accountStatementBg1 {
    background-color: var(--bg-color-accountStatementBg1)
}

.bg-bg_color_accountStatementBg2 {
    background-color: var(--bg-color-accountStatementBg2)
}

.bg-bg_color_account_table_header {
    background-color: var(--account-table-header-background)
}

.bg-bg_color_active_nav_menu {
    background-color: var(--active-nav-menu-bg-color)
}

.bg-bg_color_avlnowLossback {
    background-color: var(--bg-color-avlnowLossback)
}

.bg-bg_color_backBtnBg {
    background-color: var(--bg-color-backBtnBg)
}

.bg-bg_color_backgroundColorForOddChange {
    background-color: var(--bg-color-backgroundColorForOddChange)
}

.bg-bg_color_betSlipBgColor {
    background-color: var(--bg-color-betSlipBgColor)
}

.bg-bg_color_bonus_active {
    background-color: var(--bg-color-bonus-active)
}

.bg-bg_color_bonus_claim_now {
    background-color: var(--bg-color-bonus-claim-now)
}

.bg-bg_color_bonus_expired {
    background-color: var(--bg-color-bonus-expired)
}

.bg-bg_color_bonus_expired_time {
    background-color: var(--bg-color-bonus-expired-time)
}

.bg-bg_color_brand_primary1 {
    background-color: var(--bg-color-brand-primary1)
}

.bg-bg_color_casinoProvider {
    background-color: var(--bg-color-casinoProvider)
}

.bg-bg_color_chatAssignedBtnBg {
    background-color: var(--bg-color-chatAssignedBtnBg)
}

.bg-bg_color_chatClientBg {
    background-color: var(--bg-color-chatClientBg)
}

.bg-bg_color_chatCloseBtnBg {
    background-color: var(--bg-color-chatCloseBtnBg)
}

.bg-bg_color_chatCreatedBtnBg {
    background-color: var(--bg-color-chatCreatedBtnBg)
}

.bg-bg_color_chatDeferredBtnBg {
    background-color: var(--bg-color-chatDeferredBtnBg)
}

.bg-bg_color_chatInProgressBtnBg {
    background-color: var(--bg-color-chatInProgressBtnBg)
}

.bg-bg_color_chatIssueBg {
    background-color: var(--bg-color-chatIssueBg)
}

.bg-bg_color_chatOpenBtnBg {
    background-color: var(--bg-color-chatOpenBtnBg)
}

.bg-bg_color_chatRescheduledBtnBg {
    background-color: var(--bg-color-chatRescheduledBtnBg)
}

.bg-bg_color_chatResolvedBtnBg {
    background-color: var(--bg-color-chatResolvedBtnBg)
}

.bg-bg_color_claimAwaitingButton {
    background-color: var(--bg-color-claimAwaitingButton)
}

.bg-bg_color_claimedButton {
    background-color: var(--bg-color-claimedButton)
}

.bg-bg_color_confirmBetBackColor {
    background-color: var(--bg-color-confirmBetBackColor)
}

.bg-bg_color_confirmBetLayColor {
    background-color: var(--bg-color-confirmBetLayColor)
}

.bg-bg_color_cr_1 {
    background-color: var(--bg-color-cr-1)
}

.bg-bg_color_cr_2 {
    background-color: var(--bg-color-cr-2)
}

.bg-bg_color_cr_3 {
    background-color: var(--bg-color-cr-3)
}

.bg-bg_color_cr_4 {
    background-color: var(--bg-color-cr-4)
}

.bg-bg_color_cr_5 {
    background-color: var(--bg-color-cr-5)
}

.bg-bg_color_cr_6 {
    background-color: var(--bg-color-cr-6)
}

.bg-bg_color_cr_default {
    background-color: var(--bg-color-cr-default)
}

.bg-bg_color_cr_lb {
    background-color: var(--bg-color-cr-lb)
}

.bg-bg_color_cr_nb {
    background-color: var(--bg-color-cr-nb)
}

.bg-bg_color_cr_w {
    background-color: var(--bg-color-cr-w)
}

.bg-bg_color_cr_wd {
    background-color: var(--bg-color-cr-wd)
}

.bg-bg_color_danger {
    background-color: var(--bg-color-danger)
}

.bg-bg_color_disableBackGroundColorfForPlaceBetBtn {
    background-color: var(--bg-color-disableBackGroundColorfForPlaceBetBtn)
}

.bg-bg_color_footer_primary {
    background-color: var(--bg-color-footer-primary)
}

.bg-bg_color_freeCash {
    background-color: var(--bg-color-freeCash)
}

.bg-bg_color_freeSpinActive {
    background-color: var(--bg-color-freeSpinActive)
}

.bg-bg_color_freeSpinClaimed {
    background-color: var(--bg-color-freeSpinClaimed)
}

.bg-bg_color_freeSpinExpired {
    background-color: var(--bg-color-freeSpinExpired)
}

.bg-bg_color_freeSpinInitiated {
    background-color: var(--bg-color-freeSpinInitiated)
}

.bg-bg_color_giftCardInputBg {
    background-color: var(--bg-color-giftCardInputBg)
}

.bg-bg_color_google_button {
    background-color: var(--bg-color-google-button)
}

.bg-bg_color_info {
    background-color: var(--bg-color-info)
}

.bg-bg_color_input_bg {
    background-color: var(--bg-color-input-bg)
}

.bg-bg_color_kyc_verify {
    background-color: var(--bg-color-kyc-verify)
}

.bg-bg_color_layBtnBg {
    background-color: var(--bg-color-layBtnBg)
}

.bg-bg_color_lightGray {
    background-color: var(--bg-color-lightGray)
}

.bg-bg_color_loaderBg {
    background-color: var(--bg-color-loaderBg)
}

.bg-bg_color_loginInputBg {
    background-color: var(--bg-color-loginInputBg)
}

.bg-bg_color_loginTabsBg {
    background-color: var(--bg-color-loginTabsBg)
}

.bg-bg_color_login_select {
    background-color: var(--login-select-bg-color)
}

.bg-bg_color_lossbackSeeAll {
    background-color: var(--bg-color-lossbackSeeAll)
}

.bg-bg_color_modal_glass {
    background-color: var(--bg-color-modal-glass)
}

.bg-bg_color_placeBetBtnGrd {
    background-color: var(--bg-color-placeBetBtnGrd)
}

.bg-bg_color_popUpParentBg {
    background-color: var(--bg-color-popUpParentBg)
}

.bg-bg_color_primary {
    background-color: var(--bg-color-primary)
}

.bg-bg_color_promotionSuccessPopUpBg {
    background-color: var(--bg-color-promotionSuccessPopUpBg)
}

.bg-bg_color_quaternary {
    background-color: var(--bg-color-quaternary)
}

.bg-bg_color_quaternary1 {
    background-color: var(--bg-color-quaternary1)
}

.bg-bg_color_quaternary12 {
    background-color: var(--bg-color-quaternary12)
}

.bg-bg_color_quaternary14 {
    background-color: var(--bg-color-quaternary14)
}

.bg-bg_color_quaternary15 {
    background-color: var(--bg-color-quaternary15)
}

.bg-bg_color_quaternary2 {
    background-color: var(--bg-color-quaternary2)
}

.bg-bg_color_quaternary3 {
    background-color: var(--bg-color-quaternary3)
}

.bg-bg_color_quaternary4 {
    background-color: var(--bg-color-quaternary4)
}

.bg-bg_color_quaternary5 {
    background-color: var(--bg-color-quaternary5)
}

.bg-bg_color_quaternary6 {
    background-color: var(--bg-color-quaternary6)
}

.bg-bg_color_quaternary7 {
    background-color: var(--bg-color-quaternary7)
}

.bg-bg_color_quaternary9 {
    background-color: var(--bg-color-quaternary9)
}

.bg-bg_color_secondary {
    background-color: var(--bg-color-secondary)
}

.bg-bg_color_select_box {
    background-color: var(--select-box-bg-color)
}

.bg-bg_color_sideBarDeskBg {
    background-color: var(--bg-color-sideBarDeskBg)
}

.bg-bg_color_skeletonBgLoaderColor {
    background-color: var(--bg-color-skeletonBgLoaderColor)
}

.bg-bg_color_skeletonBgLoaderColor1 {
    background-color: var(--bg-color-skeletonBgLoaderColor1)
}

.bg-bg_color_success {
    background-color: var(--bg-color-success)
}

.bg-bg_color_success1 {
    background-color: var(--bg-color-success1)
}

.bg-bg_color_success2 {
    background-color: var(--bg-color-success2)
}

.bg-bg_color_suspendedBgColor {
    background-color: var(--bg-color-suspendedBgColor)
}

.bg-bg_color_tertiary {
    background-color: var(--bg-color-tertiary)
}

.bg-bg_color_tertiary1 {
    background-color: var(--bg-color-tertiary1)
}

.bg-bg_color_tertiary2 {
    background-color: var(--bg-color-tertiary2)
}

.bg-bg_color_tooltip {
    background-color: var(--bg-color-tooltip)
}

.bg-bg_color_warning {
    background-color: var(--bg-color-warning)
}

.bg-bg_headerDeskNavMenu {
    background-color: var(--bg-headerDeskNavMenu)
}

.bg-bg_headerDeskNavmenuEle {
    background-color: var(--bg-headerDeskNavmenuEle)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/10 {
    background-color: rgba(0, 0, 0, .1)
}

.bg-black\/40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-black\/60 {
    background-color: rgba(0, 0, 0, .6)
}

.bg-black\/70 {
    background-color: rgba(0, 0, 0, .7)
}

.bg-black\/80 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
}

.bg-cm_primary {
    background-color: var(--color-common-primary)
}

.bg-color_affiliate_program_primary {
    background-color: var(--color-affiliate-program-primary)
}

.bg-color_affiliate_program_primary_1 {
    background-color: var(--color-affiliate-program-primary-1)
}

.bg-color_affiliate_program_primary_13 {
    background-color: var(--color-affiliate-program-primary-13)
}

.bg-color_affiliate_program_primary_2 {
    background-color: var(--color-affiliate-program-primary-2)
}

.bg-color_affiliate_program_primary_9 {
    background-color: var(--color-affiliate-program-primary-9)
}

.bg-color_card_available {
    background-color: var(--color-card-available)
}

.bg-color_card_claimed {
    background-color: var(--color-card-claimed)
}

.bg-color_card_default {
    background-color: var(--color-card-default)
}

.bg-color_card_expired {
    background-color: var(--color-card-expired)
}

.bg-color_cricket_back_btn {
    background-color: var(--color-cricket-back-btn)
}

.bg-current {
    background-color: currentColor
}

.bg-fuchsia-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 38 211/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity, 1))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61/var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(126 34 206/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity, 1))
}

.bg-teal-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-white\/70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
}

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7/var(--tw-bg-opacity, 1))
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-\[linear-gradient\(90deg\2c _\#5f9bda_0\%\2c _\#84c2f1_100\%\)\] {
    background-image: linear-gradient(90deg, #5f9bda, #84c2f1)
}

.bg-\[linear-gradient\(90deg\2c _\#f4c4f3_0\%\2c _\#f59dc2_100\%\)\] {
    background-image: linear-gradient(90deg, #f4c4f3, #f59dc2)
}

.bg-bg_UpcomingBg {
    background-image: var(--bg-color-UpcomingBg)
}

.bg-bg_brand_primary {
    background-image: var(--bg-color-brand_primary)
}

.bg-bg_brand_secondary {
    background-image: var(--bg-color-brand_secondary)
}

.bg-bg_cashOutBtnGrd {
    background-image: var(--bg-color-cashOutBtnGrd)
}

.bg-bg_color_BalanceBtnBg {
    background-image: var(--bg-color-BalanceBtnBg)
}

.bg-bg_color_BuyCryptoBtnBg {
    background-image: var(--bg-color-BuyCryptoBtnBg)
}

.bg-bg_color_DepositBtnBg {
    background-image: var(--bg-color-DepositBtnBg)
}

.bg-bg_color_FreeSpinsCard {
    background-image: var(--bg-color-FreeSpinsCard)
}

.bg-bg_color_GiftCardBg {
    background-image: var(--bg-color-GiftCardBg)
}

.bg-bg_color_LoginBtnBgColor {
    background-image: var(--bg-color-LoginBtnBgColor)
}

.bg-bg_color_LoginPopUpBg {
    background-image: var(--bg-color-LoginPopUpBg)
}

.bg-bg_color_SignUpBtnBgColor {
    background-image: var(--bg-color-SignUpBtnBgColor)
}

.bg-bg_color_ballRunning {
    background-image: var(--bg-color-ballRunning)
}

.bg-bg_color_betSlipOddIncDecrBtnsGrd {
    background-image: var(--bg-color-betSlipOddIncDecrBtnsGrd)
}

.bg-bg_color_bonusCard {
    background-image: var(--bg-color-bonusCard)
}

.bg-bg_color_bonusCardActive {
    background-image: var(--bg-color-bonusCardActive)
}

.bg-bg_color_bonusCardClaimed {
    background-image: var(--bg-color-bonusCardClaimed)
}

.bg-bg_color_bonusCardExpired {
    background-image: var(--bg-color-bonusCardExpired)
}

.bg-bg_color_bonusCardPending {
    background-image: var(--bg-color-bonusCardPending)
}

.bg-bg_color_bonusInfo {
    background-image: var(--bg-color-bonusInfo)
}

.bg-bg_color_claimNowLossbackButton {
    background-image: var(--bg-color-claimNowLossbackButton)
}

.bg-bg_color_clearBtn {
    background-image: var(--bg-color-clearBtn)
}

.bg-bg_color_editStakes {
    background-image: var(--bg-color-editStakes)
}

.bg-bg_color_lossback_card_bg {
    background-image: var(--color-lossback-card-bg)
}

.bg-bg_color_maxBtn {
    background-image: var(--bg-color-maxBtn)
}

.bg-bg_color_minBtn {
    background-image: var(--bg-color-minBtn)
}

.bg-bg_color_placeBetBtnGrd {
    background-image: var(--bg-color-placeBetBtnGrd)
}

.bg-bg_color_promotionButton {
    background-image: var(--bg-color-promotionButton)
}

.bg-bg_color_promotionTimer {
    background-image: var(--bg-color-promotionTimer)
}

.bg-bg_color_redeemBtnBg {
    background-image: var(--bg-color-redeemBtnBg)
}

.bg-bg_color_signUpTextColor {
    background-image: var(--text-color-signUpTextColor)
}

.bg-bg_color_transactionFailedBg {
    background-image: var(--bg-color-transactionFailedBg)
}

.bg-bg_color_transactionInitiatedBg {
    background-image: var(--bg-color-transactionInitiatedBg)
}

.bg-bg_color_transactionPendingBg {
    background-image: var(--bg-color-transactionPendingBg)
}

.bg-bg_color_transactionSuccessBg {
    background-image: var(--bg-color-transactionSuccessBg)
}

.bg-bg_color_verification_get_otp_btn {
    background-image: var(--bg-color-verification-get-otp-btn)
}

.bg-bg_color_wageringCard {
    background-image: var(--bg-color-wageringCard)
}

.bg-bg_color_wageringCardDuration {
    background-image: var(--bg-color-wageringCardDuration)
}

.bg-bg_color_wageringProgressBarStrokeActive {
    background-image: var(--bg-color-wageringProgressBarStrokeActive)
}

.bg-bg_color_wageringProgressBarStrokeInactive {
    background-image: var(--bg-color-wageringProgressBarStrokeInactive)
}

.bg-bg_color_watch_enjoy_live_action_btn {
    background-image: var(--bg-color-watch-enjoy-live-action-btn)
}

.bg-bg_competetionInPlayUpComingBg {
    background-image: var(--bg-color-competetionInPlayUpComingBg)
}

.bg-bg_headerBg {
    background-image: var(--bg-color-headerBg)
}

.bg-bg_homeDepositBtnBgColor {
    background-image: var(--bg-color-homeDepositBtnBgColor)
}

.bg-bg_homeWithdrawBtnBgColor {
    background-image: var(--bg-color-homeWithdrawBtnBgColor)
}

.bg-bg_inPlayBlockBg {
    background-image: var(--bg-color-inPlayBlockBg)
}

.bg-bg_lossGrad {
    background-image: var(--bg-color-lossGrd)
}

.bg-bg_lossback_color_card_available {
    background-image: var(--bg-color-card-available)
}

.bg-bg_lossback_color_card_claimed {
    background-image: var(--bg-color-card-claimed)
}

.bg-bg_lossback_color_card_default {
    background-image: var(--bg-color-card-default)
}

.bg-bg_lossback_color_card_expired {
    background-image: var(--bg-color-card-expired)
}

.bg-bg_main_card_affiliate_program {
    background-image: var(--bg-main-card-affiliate-program)
}

.bg-bg_scoreAndAndroidAppBtn {
    background-image: var(--bg-color-scoreAndAndroidAppBtn)
}

.bg-bg_text_brand_primary {
    background-image: var(--text-color-brand-primary)
}

.bg-bg_text_brand_secondary {
    background-image: var(--text-color-brand-secondary)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.bg-superOverBannerGradient {
    background-image: var(--bg-color-superOverBannerGradient)
}

.from-\[\#1a1a1a\] {
    --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(26, 26, 26, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#457fca\] {
    --tw-gradient-from: #457fca var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(69, 127, 202, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-50 {
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239, 246, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(59, 130, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-color_affiliate_program_primary {
    --tw-gradient-from: var(--color-affiliate-program-primary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-color_affiliate_program_quaternary {
    --tw-gradient-from: var(--color-affiliate-program-quaternary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-color_affiliate_program_secondary {
    --tw-gradient-from: var(--color-affiliate-program-secondary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-200 {
    --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(229, 231, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
    --tw-gradient-from: #374151 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(55, 65, 81, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500 {
    --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(34, 197, 94, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#84c2f1\] {
    --tw-gradient-to: rgba(132, 194, 241, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #84c2f1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-gray-600 {
    --tw-gradient-to: rgba(75, 85, 99, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #4b5563 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/10 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#2a2a2a\] {
    --tw-gradient-to: #2a2a2a var(--tw-gradient-to-position)
}

.to-\[\#f59dc2\] {
    --tw-gradient-to: #f59dc2 var(--tw-gradient-to-position)
}

.to-color_affiliate_program_quinary {
    --tw-gradient-to: var(--color-affiliate-program-quinary) var(--tw-gradient-to-position)
}

.to-color_affiliate_program_senary {
    --tw-gradient-to: var(--color-affiliate-program-senary) var(--tw-gradient-to-position)
}

.to-color_affiliate_program_tertiary {
    --tw-gradient-to: var(--color-affiliate-program-tertiary) var(--tw-gradient-to-position)
}

.to-gray-300 {
    --tw-gradient-to: #d1d5db var(--tw-gradient-to-position)
}

.to-gray-700 {
    --tw-gradient-to: #374151 var(--tw-gradient-to-position)
}

.to-indigo-50 {
    --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)
}

.to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

.to-teal-600 {
    --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-inherit {
    fill: inherit
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[\.5rem_0_1rem\] {
    padding: .5rem 0 1rem
}

.p-\[0\.5rem\] {
    padding: .5rem
}

.p-\[0\.8rem\] {
    padding: .8rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[13px\] {
    padding: 13px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[1px\] {
    padding: 1px
}

.p-\[2\.8px\] {
    padding: 2.8px
}

.p-\[25px\] {
    padding: 25px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[3px\] {
    padding: 3px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[5px\] {
    padding: 5px
}

.p-\[6px\] {
    padding: 6px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px-\[\.3125rem\] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.px-\[\.3rem\] {
    padding-left: .3rem;
    padding-right: .3rem
}

.px-\[\.6rem\] {
    padding-left: .6rem;
    padding-right: .6rem
}

.px-\[\.9275rem\] {
    padding-left: .9275rem;
    padding-right: .9275rem
}

.px-\[0\.1rem\] {
    padding-left: .1rem;
    padding-right: .1rem
}

.px-\[0\.2rem\] {
    padding-left: .2rem;
    padding-right: .2rem
}

.px-\[0\.375rem\] {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-\[0\.3rem\] {
    padding-left: .3rem;
    padding-right: .3rem
}

.px-\[1\.125rem\] {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.px-\[1\.25rem\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-\[1\.6px\] {
    padding-left: 1.6px;
    padding-right: 1.6px
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[11px\] {
    padding-left: 11px;
    padding-right: 11px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[1px\] {
    padding-left: 1px;
    padding-right: 1px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[6\.5px\] {
    padding-left: 6.5px;
    padding-right: 6.5px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px
}

.px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}

.py-\[\.25rem\] {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-\[\.2rem\] {
    padding-bottom: .2rem;
    padding-top: .2rem
}

.py-\[\.5625rem\] {
    padding-bottom: .5625rem;
    padding-top: .5625rem
}

.py-\[0\.0625rem\] {
    padding-bottom: .0625rem;
    padding-top: .0625rem
}

.py-\[0\.25rem\] {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-\[0\.2rem\] {
    padding-bottom: .2rem;
    padding-top: .2rem
}

.py-\[0\.4rem\] {
    padding-bottom: .4rem;
    padding-top: .4rem
}

.py-\[0\.5\] {
    padding-bottom: .5;
    padding-top: .5
}

.py-\[0\] {
    padding-bottom: 0;
    padding-top: 0
}

.py-\[1\.6px\] {
    padding-bottom: 1.6px;
    padding-top: 1.6px
}

.py-\[11px\] {
    padding-bottom: 11px;
    padding-top: 11px
}

.py-\[13px\] {
    padding-bottom: 13px;
    padding-top: 13px
}

.py-\[14px\] {
    padding-bottom: 14px;
    padding-top: 14px
}

.py-\[15px\] {
    padding-bottom: 15px;
    padding-top: 15px
}

.py-\[18px\] {
    padding-bottom: 18px;
    padding-top: 18px
}

.py-\[1px\] {
    padding-bottom: 1px;
    padding-top: 1px
}

.py-\[23px\] {
    padding-bottom: 23px;
    padding-top: 23px
}

.py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
}

.py-\[3\.8px\] {
    padding-bottom: 3.8px;
    padding-top: 3.8px
}

.py-\[3px\] {
    padding-bottom: 3px;
    padding-top: 3px
}

.py-\[4px\] {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px
}

.py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.py-\[7px\] {
    padding-bottom: 7px;
    padding-top: 7px
}

.py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px
}

.py-\[9px\] {
    padding-bottom: 9px;
    padding-top: 9px
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-9 {
    padding-bottom: 2.25rem
}

.pb-\[\.9375rem\] {
    padding-bottom: .9375rem
}

.pb-\[0\.3125rem\] {
    padding-bottom: .3125rem
}

.pb-\[0\.32125rem\] {
    padding-bottom: .32125rem
}

.pb-\[0\.875rem\] {
    padding-bottom: .875rem
}

.pb-\[100px\] {
    padding-bottom: 100px
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[11px\] {
    padding-bottom: 11px
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[13px\] {
    padding-bottom: 13px
}

.pb-\[140px\] {
    padding-bottom: 140px
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[1px\] {
    padding-bottom: 1px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[22px\] {
    padding-bottom: 22px
}

.pb-\[25px\] {
    padding-bottom: 25px
}

.pb-\[2px\] {
    padding-bottom: 2px
}

.pb-\[3px\] {
    padding-bottom: 3px
}

.pb-\[4\.4px\] {
    padding-bottom: 4.4px
}

.pb-\[45px\] {
    padding-bottom: 45px
}

.pb-\[5px\] {
    padding-bottom: 5px
}

.pb-\[6\.4px\] {
    padding-bottom: 6.4px
}

.pb-\[7px\] {
    padding-bottom: 7px
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pb-\[9px\] {
    padding-bottom: 9px
}

.pl-0 {
    padding-left: 0
}

.pl-0\.5 {
    padding-left: .125rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pl-\[0\.15rem\] {
    padding-left: .15rem
}

.pl-\[0\.4rem\] {
    padding-left: .4rem
}

.pl-\[1\.5rem\] {
    padding-left: 1.5rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[12px\] {
    padding-left: 12px
}

.pl-\[13px\] {
    padding-left: 13px
}

.pl-\[14px\] {
    padding-left: 14px
}

.pl-\[15px\] {
    padding-left: 15px
}

.pl-\[17px\] {
    padding-left: 17px
}

.pl-\[1px\] {
    padding-left: 1px
}

.pl-\[2px\] {
    padding-left: 2px
}

.pl-\[5px\] {
    padding-left: 5px
}

.pl-\[7px\] {
    padding-left: 7px
}

.pr-0 {
    padding-right: 0
}

.pr-0\.5 {
    padding-right: .125rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-\[0\.2rem\] {
    padding-right: .2rem
}

.pr-\[0\.625rem\] {
    padding-right: .625rem
}

.pr-\[10px\] {
    padding-right: 10px
}

.pr-\[12px\] {
    padding-right: 12px
}

.pr-\[14px\] {
    padding-right: 14px
}

.pr-\[1px\] {
    padding-right: 1px
}

.pr-\[24px\] {
    padding-right: 24px
}

.pr-\[2px\] {
    padding-right: 2px
}

.pr-\[3\.2px\] {
    padding-right: 3.2px
}

.pr-\[3px\] {
    padding-right: 3px
}

.pr-\[4px\] {
    padding-right: 4px
}

.pr-\[6px\] {
    padding-right: 6px
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-3\.5 {
    padding-top: .875rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[0\.35rem\] {
    padding-top: .35rem
}

.pt-\[1\.6rem\] {
    padding-top: 1.6rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[11px\] {
    padding-top: 11px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[13px\] {
    padding-top: 13px
}

.pt-\[15px\] {
    padding-top: 15px
}

.pt-\[17px\] {
    padding-top: 17px
}

.pt-\[18px\] {
    padding-top: 18px
}

.pt-\[1px\] {
    padding-top: 1px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[5px\] {
    padding-top: 5px
}

.pt-\[6\.5px\] {
    padding-top: 6.5px
}

.pt-\[6px\] {
    padding-top: 6px
}

.pt-\[7px\] {
    padding-top: 7px
}

.pt-\[8px\] {
    padding-top: 8px
}

.pt-\[9px\] {
    padding-top: 9px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-\[-0\.125em\] {
    vertical-align: -.125em
}

.font-\[\'Roboto\'\] {
    font-family: Roboto
}

.font-\[Poppins\] {
    font-family: Poppins
}

.font-gemexch {
    font-family: GemExch
}

.font-inherit {
    font-family: inherit
}

.font-lato {
    font-family: Lato
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-open-sans {
    font-family: Open Sans, sans-serif
}

.font-roboto {
    font-family: Roboto
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.font-sf-pro-display {
    font-family: SF Pro Display
}

.font-system-font {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[\.6875rem\] {
    font-size: .6875rem
}

.text-\[\.8125rem\] {
    font-size: .8125rem
}

.text-\[\.875rem\] {
    font-size: .875rem
}

.text-\[0\.5625rem\] {
    font-size: .5625rem
}

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[0\.6875rem\] {
    font-size: .6875rem
}

.text-\[0\.9375rem\] {
    font-size: .9375rem
}

.text-\[1\.4rem\] {
    font-size: 1.4rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[10\.5px\] {
    font-size: 10.5px
}

.text-\[100px\] {
    font-size: 100px
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11\.2px\] {
    font-size: 11.2px
}

.text-\[11\.4px\] {
    font-size: 11.4px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[17px\] {
    font-size: 17px
}

.text-\[18\.2px\] {
    font-size: 18.2px
}

.text-\[18\.72px\] {
    font-size: 18.72px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[19px\] {
    font-size: 19px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-\[52px\] {
    font-size: 52px
}

.text-\[6px\] {
    font-size: 6px
}

.text-\[7px\] {
    font-size: 7px
}

.text-\[8px\] {
    font-size: 8px
}

.text-\[9\.6px\] {
    font-size: 9.6px
}

.text-\[9px\] {
    font-size: 9px
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-sm {
    font-size: .875rem
}

.text-x {
    font-size: .625rem
}

.text-xl {
    font-size: 1.25rem
}

.text-xs {
    font-size: .875rem
}

.text-xxs {
    font-size: .5rem
}

.font-\[400\] {
    font-weight: 400
}

.font-\[430\] {
    font-weight: 430
}

.font-\[450\] {
    font-weight: 450
}

.font-\[480\] {
    font-weight: 480
}

.font-\[500\] {
    font-weight: 500
}

.font-\[550\] {
    font-weight: 550
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\] {
    font-weight: 700
}

.font-\[800\] {
    font-weight: 800
}

.font-\[900\],
.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[1\.15\] {
    line-height: 1.15
}

.leading-\[1\.6\] {
    line-height: 1.6
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[12px\] {
    line-height: 12px
}

.leading-\[14\.4px\] {
    line-height: 14.4px
}

.leading-\[140\%\] {
    line-height: 140%
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[150\%\] {
    line-height: 150%
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[16\.8px\] {
    line-height: 16.8px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[17\.6px\] {
    line-height: 17.6px
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[19\.2px\] {
    line-height: 19.2px
}

.leading-\[19\.5px\] {
    line-height: 19.5px
}

.leading-\[19\.6px\] {
    line-height: 19.6px
}

.leading-\[19px\] {
    line-height: 19px
}

.leading-\[1\] {
    line-height: 1
}

.leading-\[21\.6px\] {
    line-height: 21.6px
}

.leading-\[22\.4px\] {
    line-height: 22.4px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[33px\] {
    line-height: 33px
}

.leading-\[normal\] {
    line-height: normal
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.219px\] {
    letter-spacing: .219px
}

.tracking-\[0\.344px\] {
    letter-spacing: .344px
}

.tracking-\[0\.3px\] {
    letter-spacing: .3px
}

.tracking-\[0\.5px\] {
    letter-spacing: .5px
}

.tracking-\[0\.7px\] {
    letter-spacing: .7px
}

.tracking-\[0\.84px\] {
    letter-spacing: .84px
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-tighter {
    letter-spacing: -.05em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#000000c4\] {
    color: #000000c4
}

.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#008000\] {
    --tw-text-opacity: 1;
    color: rgb(0 128 0/var(--tw-text-opacity, 1))
}

.text-\[\#00a950\] {
    --tw-text-opacity: 1;
    color: rgb(0 169 80/var(--tw-text-opacity, 1))
}

.text-\[\#01c05b\] {
    --tw-text-opacity: 1;
    color: rgb(1 192 91/var(--tw-text-opacity, 1))
}

.text-\[\#020c1b\] {
    --tw-text-opacity: 1;
    color: rgb(2 12 27/var(--tw-text-opacity, 1))
}

.text-\[\#0f6ba0\] {
    --tw-text-opacity: 1;
    color: rgb(15 107 160/var(--tw-text-opacity, 1))
}

.text-\[\#19233c\] {
    --tw-text-opacity: 1;
    color: rgb(25 35 60/var(--tw-text-opacity, 1))
}

.text-\[\#212529\] {
    --tw-text-opacity: 1;
    color: rgb(33 37 41/var(--tw-text-opacity, 1))
}

.text-\[\#23527c\] {
    --tw-text-opacity: 1;
    color: rgb(35 82 124/var(--tw-text-opacity, 1))
}

.text-\[\#257b23\] {
    --tw-text-opacity: 1;
    color: rgb(37 123 35/var(--tw-text-opacity, 1))
}

.text-\[\#262626\] {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
}

.text-\[\#273a47\] {
    --tw-text-opacity: 1;
    color: rgb(39 58 71/var(--tw-text-opacity, 1))
}

.text-\[\#2d7ff9\] {
    --tw-text-opacity: 1;
    color: rgb(45 127 249/var(--tw-text-opacity, 1))
}

.text-\[\#333333\] {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-\[\#337ab7\] {
    --tw-text-opacity: 1;
    color: rgb(51 122 183/var(--tw-text-opacity, 1))
}

.text-\[\#444444\],
.text-\[\#444\] {
    --tw-text-opacity: 1;
    color: rgb(68 68 68/var(--tw-text-opacity, 1))
}

.text-\[\#4b5359\] {
    --tw-text-opacity: 1;
    color: rgb(75 83 89/var(--tw-text-opacity, 1))
}

.text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-\[\#6a798f\] {
    --tw-text-opacity: 1;
    color: rgb(106 121 143/var(--tw-text-opacity, 1))
}

.text-\[\#707d9b\] {
    --tw-text-opacity: 1;
    color: rgb(112 125 155/var(--tw-text-opacity, 1))
}

.text-\[\#777777\] {
    --tw-text-opacity: 1;
    color: rgb(119 119 119/var(--tw-text-opacity, 1))
}

.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: rgb(136 136 136/var(--tw-text-opacity, 1))
}

.text-\[\#94a3b8\] {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.text-\[\#959292\] {
    --tw-text-opacity: 1;
    color: rgb(149 146 146/var(--tw-text-opacity, 1))
}

.text-\[\#9A9DA3\] {
    --tw-text-opacity: 1;
    color: rgb(154 157 163/var(--tw-text-opacity, 1))
}

.text-\[\#9D9C9D\],
.text-\[\#9d9c9d\] {
    --tw-text-opacity: 1;
    color: rgb(157 156 157/var(--tw-text-opacity, 1))
}

.text-\[\#ADADAF\] {
    --tw-text-opacity: 1;
    color: rgb(173 173 175/var(--tw-text-opacity, 1))
}

.text-\[\#FF0000\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#b30000\] {
    --tw-text-opacity: 1;
    color: rgb(179 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#c4c4c4\] {
    --tw-text-opacity: 1;
    color: rgb(196 196 196/var(--tw-text-opacity, 1))
}

.text-\[\#cc5f36\] {
    --tw-text-opacity: 1;
    color: rgb(204 95 54/var(--tw-text-opacity, 1))
}

.text-\[\#f5ab00\] {
    --tw-text-opacity: 1;
    color: rgb(245 171 0/var(--tw-text-opacity, 1))
}

.text-\[\#ff0000\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#fff\],
.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.text-color_affiliate_program_primary {
    color: var(--color-affiliate-program-primary)
}

.text-color_affiliate_program_primary_10 {
    color: var(--color-affiliate-program-primary-10)
}

.text-color_affiliate_program_primary_11 {
    color: var(--color-affiliate-program-primary-11)
}

.text-color_affiliate_program_primary_5 {
    color: var(--color-affiliate-program-primary-5)
}

.text-color_affiliate_program_primary_8 {
    color: var(--color-affiliate-program-primary-8)
}

.text-current {
    color: currentColor
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22/var(--tw-text-opacity, 1))
}

.text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.text-text_brand_primary {
    color: var(--text-color-brand-withOutGrd-primary)
}

.text-text_brand_secondary {
  color: #333;
    /*color: var(--text-color-brand-withOutGrd-secondary)*/
}

.text-text_color_InPlayEventsScoreAndTime {
    color: var(--text-color-InPlayEventsScoreAndTime)
}

.text-text_color_SpinCount {
    color: var(--text-color-SpinCount)
}

.text-text_color_UpcomingEventsScoreAndTime {
    color: var(--text-color-UpcomingEventsScoreAndTime)
}

.text-text_color_backTextColorConfirmBet {
    color: var(--text-color-backTextColorConfirmBet)
}

.text-text_color_betSlipCancelBtnColor {
    color: var(--text-color-betSlipCancelBtnColor)
}

.text-text_color_card_available {
    color: var(--text-color-card-available)
}

.text-text_color_card_claimed {
    color: var(--text-color-card-claimed)
}

.text-text_color_card_default {
    color: var(--text-color-card-default)
}

.text-text_color_card_expired {
    color: var(--text-color-card-expired)
}

.text-text_color_changeAnimationBack {
    color: var(--text-color-changeAnimationBack)
}

.text-text_color_changeAnimationLay {
    color: var(--text-color-changeAnimationLay)
}

.text-text_color_chatBoxText {
    color: var(--text-color-chatBoxText)
}

.text-text_color_chatBoxText1 {
    color: var(--text-color-chatBoxText1)
}

.text-text_color_claimSuccess {
    color: var(--text-color-claimSuccess)
}

.text-text_color_cr_1 {
    color: var(--text-color-cr-1)
}

.text-text_color_cr_2 {
    color: var(--text-color-cr-2)
}

.text-text_color_cr_3 {
    color: var(--text-color-cr-3)
}

.text-text_color_cr_4 {
    color: var(--text-color-cr-4)
}

.text-text_color_cr_5 {
    color: var(--text-color-cr-5)
}

.text-text_color_cr_6 {
    color: var(--text-color-cr-6)
}

.text-text_color_cr_default {
    color: var(--text-color-cr-default)
}

.text-text_color_cr_lb {
    color: var(--text-color-cr-lb)
}

.text-text_color_cr_nb {
    color: var(--text-color-cr-nb)
}

.text-text_color_cr_w {
    color: var(--text-color-cr-w)
}

.text-text_color_cr_wd {
    color: var(--text-color-cr-wd)
}

.text-text_color_danger {
    color: var(--text-color-danger)
}

.text-text_color_error_message {
    color: var(--text-color-error-message)
}

.text-text_color_info {
    color: var(--text-color-info)
}

.text-text_color_layTextColorConfirmBet {
    color: var(--text-color-layTextColorConfirmBet)
}

.text-text_color_loginButtonTextColor {
    color: var(--text-color-loginButtonTextColor)
}

.text-text_color_loginInputTextColor {
    color: var(--text-color-loginInputTextColor)
}

.text-text_color_loginTextColor {
    color: var(--text-color-loginTextColor)
}

.text-text_color_loginTextColor1 {
    color: var(--text-color-loginTextColor1)
}

.text-text_color_lossback_amt {
    color: var(--text-color-lossback-amt)
}

.text-text_color_oddValue {
    color: var(--text-color-oddValue)
}

.text-text_color_primary {
    color: var(--text-color-primary)
}

.text-text_color_primary1 {
    color: var(--text-color-primary1)
}

.text-text_color_primary2 {
    color: var(--text-color-primary2)
}

.text-text_color_primary3 {
    color: var(--text-color-primary3)
}

.text-text_color_primary4 {
    color: var(--text-color-primary4)
}

.text-text_color_primary5 {
    color: var(--text-color-primary5)
}

.text-text_color_primary6 {
    color: var(--text-color-primary6)
}

.text-text_color_primary7 {
    color: var(--text-color-primary7)
}

.text-text_color_secondary {
    color: var(--text-color-secondary)
}

.text-text_color_success {
    color: var(--text-color-success)
}

.text-text_color_suspendedFontColor {
    color: var(--text-color-suspendedFontColor)
}

.text-text_color_ternary {
    color: var(--text-color-ternary)
}

.text-text_color_tertiary1 {
    color: var(--text-color-tertiary1)
}

.text-text_color_tertiary2 {
    color: var(--text-color-tertiary2)
}

.text-text_color_tertiary3 {
    color: var(--text-color-tertiary3)
}

.text-text_color_tertiary4 {
    color: var(--text-color-tertiary4)
}

.text-text_color_tertiary5 {
    color: var(--text-color-tertiary5)
}

.text-text_color_tertiary6 {
    color: var(--text-color-tertiary6)
}

.text-text_color_tertiary7 {
    color: var(--text-color-tertiary7)
}

.text-text_color_tooltip {
    color: var(--text-color-tooltip)
}

.text-text_color_warning {
    color: var(--text-color-warning)
}

.text-text_headerDeskNav {
    color: var(--text-color-headerDeskNav)
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/50 {
    color: hsla(0, 0%, 100%, .5)
}

.text-white\/80 {
    color: hsla(0, 0%, 100%, .8)
}

.underline {
    text-decoration-line: underline
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
}

.accent-brandPrimary {
    accent-color: var(--bg-color-brand-primary1)
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-\[0_0_20px_rgba\(14\2c 58\2c 56\2c 0\.9\)\] {
    --tw-shadow: 0 0 20px rgba(14, 58, 56, .9);
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color)
}

.shadow-\[0_0_20px_rgba\(14\2c 58\2c 56\2c 0\.9\)\],
.shadow-\[0_0_2px_\#ccc\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_2px_\#ccc\] {
    --tw-shadow: 0 0 2px #ccc;
    --tw-shadow-colored: 0 0 2px var(--tw-shadow-color)
}

.shadow-\[0_0_4px_\#0000004d\] {
    --tw-shadow: 0 0 4px #0000004d;
    --tw-shadow-colored: 0 0 4px var(--tw-shadow-color)
}

.shadow-\[0_0_4px_0_rgba\(0\2c 0\2c 0\2c 0\.3\)\],
.shadow-\[0_0_4px_\#0000004d\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_4px_0_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    --tw-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color)
}

.shadow-\[0_1px_2px_\#0000002a\] {
    --tw-shadow: 0 1px 2px #0000002a;
    --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color)
}

.shadow-\[0_1px_2px_\#0000002a\],
.shadow-\[0_2px_40px_\#0006\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_2px_40px_\#0006\] {
    --tw-shadow: 0 2px 40px #0006;
    --tw-shadow-colored: 0 2px 40px var(--tw-shadow-color)
}

.shadow-\[0_2px_4px_\#0001\] {
    --tw-shadow: 0 2px 4px #0001;
    --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color)
}

.shadow-\[0_2px_4px_\#0001\],
.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_30px_rgb\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 8px 30px rgb(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color)
}

.shadow-\[0px_0px_0px_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0px_1px_1px_-0\.5px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0px_3px_3px_-1\.5px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c _0px_6px_6px_-3px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0px_12px_12px_-6px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0px_24px_24px_-12px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
    --tw-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .06), 0px 1px 1px -0.5px rgba(0, 0, 0, .06), 0px 3px 3px -1.5px rgba(0, 0, 0, .06), 0px 6px 6px -3px rgba(0, 0, 0, .06), 0px 12px 12px -6px rgba(0, 0, 0, .06), 0px 24px 24px -12px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 1px 1px -0.5px var(--tw-shadow-color), 0px 3px 3px -1.5px var(--tw-shadow-color), 0px 6px 6px -3px var(--tw-shadow-color), 0px 12px 12px -6px var(--tw-shadow-color), 0px 24px 24px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_2px_3px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0px_1px_0px_0px_rgba\(25\2c 28\2c 33\2c 0\.02\)\2c 0px_0px_0px_1px_rgba\(25\2c 28\2c 33\2c 0\.08\)\] {
    --tw-shadow: 0px 2px 3px -1px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(25, 28, 33, .02), 0px 0px 0px 1px rgba(25, 28, 33, .08);
    --tw-shadow-colored: 0px 2px 3px -1px var(--tw-shadow-color), 0px 1px 0px 0px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_6px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.20\)\] {
    --tw-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 0px 6px 16px 0px var(--tw-shadow-color)
}

.shadow-\[0px_6px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.20\)\],
.shadow-\[1px_0_9px_\#0000001a\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[1px_0_9px_\#0000001a\] {
    --tw-shadow: 1px 0 9px #0000001a;
    --tw-shadow-colored: 1px 0 9px var(--tw-shadow-color)
}

.shadow-\[rgba\(0\2c 0\2c 0\2c 0\.1\)_0px_3px_10px\2c _rgba\(0\2c 0\2c 0\2c 0\.05\)_0px_3px_3px\] {
    --tw-shadow: rgba(0, 0, 0, .1) 0px 3px 10px, rgba(0, 0, 0, .05) 0px 3px 3px;
    --tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color), 0px 3px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[rgba\(0\2c _0\2c _0\2c _0\.24\)_0px_3px_8px\] {
    --tw-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    --tw-shadow-colored: 0px 3px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[rgba\(0\2c _0\2c _0\2c _0\.25\)_0px_25px_50px_-12px\] {
    --tw-shadow: rgba(0, 0, 0, .25) 0px 25px 50px -12px;
    --tw-shadow-colored: 0px 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[rgba\(13\2c _38\2c _76\2c _0\.19\)_0px_9px_20px\] {
    --tw-shadow: rgba(13, 38, 76, .19) 0px 9px 20px;
    --tw-shadow-colored: 0px 9px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[rgba\(50\2c 50\2c 93\2c 0\.25\)_0px_6px_12px_-2px\2c _rgba\(0\2c 0\2c 0\2c 0\.3\)_0px_3px_7px_-3px\] {
    --tw-shadow: rgba(50, 50, 93, .25) 0px 6px 12px -2px, rgba(0, 0, 0, .3) 0px 3px 7px -3px;
    --tw-shadow-colored: 0px 6px 12px -2px var(--tw-shadow-color), 0px 3px 7px -3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-depositGateWayBoxShadows {
    --tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color)
}

.shadow-depositGateWayBoxShadows,
.shadow-giftCard {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-giftCard {
    --tw-shadow: var(--box-shadow-giftCard);
    --tw-shadow-colored: var(--box-shadow-giftCard)
}

.shadow-homeCasinoCardGamesShadow {
    --tw-shadow: 0px 2px 9.9px 0px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0px 2px 9.9px 0px var(--tw-shadow-color)
}

.shadow-homeCasinoCardGamesShadow,
.shadow-innerLogin {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-innerLogin {
    --tw-shadow: 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12), 0px 11px 15px -7px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 0px 24px 38px 3px var(--tw-shadow-color), 0px 9px 46px 8px var(--tw-shadow-color), 0px 11px 15px -7px var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,
.shadow-notificationBoxShadow {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-notificationBoxShadow {
    --tw-shadow: 0 2px 1px rgba(0, 0, 0, .09), 0 4px 2px rgba(0, 0, 0, .09), 0 8px 4px rgba(0, 0, 0, .09), 0 16px 8px rgba(0, 0, 0, .09), 0 32px 16px rgba(0, 0, 0, .09);
    --tw-shadow-colored: 0 2px 1px var(--tw-shadow-color), 0 4px 2px var(--tw-shadow-color), 0 8px 4px var(--tw-shadow-color), 0 16px 8px var(--tw-shadow-color), 0 32px 16px var(--tw-shadow-color)
}

.shadow-passwordRulesBox {
    --tw-shadow: -4px -9px 63px 3px rgba(0, 0, 0, .1), 0px 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: -4px -9px 63px 3px var(--tw-shadow-color), 0px 8px 10px -6px var(--tw-shadow-color)
}

.shadow-passwordRulesBox,
.shadow-quickAccessBtnBoxShadows {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-quickAccessBtnBoxShadows {
    --tw-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 3px 1px -2px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-black\/20 {
    --tw-shadow-color: rgba(0, 0, 0, .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-1 {
    outline-width: 1px
}

.outline-offset-\[-1px\] {
    outline-offset: -1px
}

.outline-color_affiliate_program_primary_2 {
    outline-color: var(--color-affiliate-program-primary-2)
}

.outline-color_affiliate_program_primary_4 {
    outline-color: var(--color-affiliate-program-primary-4)
}

.outline-color_affiliate_program_primary_6 {
    outline-color: var(--color-affiliate-program-primary-6)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-color_card_available {
    --tw-ring-color: var(--color-card-available)
}

.ring-color_card_claimed {
    --tw-ring-color: var(--color-card-claimed)
}

.ring-color_card_default {
    --tw-ring-color: var(--color-card-default)
}

.ring-color_card_expired {
    --tw-ring-color: var(--color-card-expired)
}

.ring-lossback_1 {
    --tw-ring-color: var(--color-lossback-1)
}

.ring-offset-1 {
    --tw-ring-offset-width: 1px
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-2xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-2xl {
    --tw-blur: blur(40px)
}

.blur-\[2\.5px\] {
    --tw-blur: blur(2.5px)
}

.blur-\[2\.5px\],
.blur-\[5px\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[5px\] {
    --tw-blur: blur(5px)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur-sm,
.blur-xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-xl {
    --tw-blur: blur(24px)
}

.brightness-100 {
    --tw-brightness: brightness(1)
}

.brightness-100,
.brightness-50 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-50 {
    --tw-brightness: brightness(.5)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-lg,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.invert {
    --tw-invert: invert(100%)
}

.filter,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-2 {
    --tw-backdrop-blur: blur(1px)
}

.backdrop-blur-2,
.backdrop-blur-lg {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-md,
.backdrop-blur-none {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-none {
    --tw-backdrop-blur:
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-height {
    transition-duration: .15s;
    transition-property: height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-none {
    transition-property: none
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-100 {
    transition-delay: .1s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.show-scrollbar::-webkit-scrollbar {
    display: block
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.show-scrollbar {
    -ms-overflow-style: auto;
    scrollbar-width: auto
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.filter-goo {
    filter: url(#goo)
}

.text-selection-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.font-extrabold {
    font-weight: 800 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-semibold {
    font-weight: 600 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-light {
    font-weight: 300 !important
}

@-moz-document url-prefix() {
    .font-extrabold {
        font-weight: 600 !important
    }

    .font-bold {
        font-weight: 500 !important
    }

    .font-semibold {
        font-weight: 400 !important
    }

    .font-medium {
        font-weight: 300 !important
    }

    .font-light {
        font-weight: 200 !important
    }
}

.autofill-primary input:-webkit-autofill,
.autofill-primary input:-webkit-autofill:active,
.autofill-primary input:-webkit-autofill:focus,
.autofill-primary input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 30px transparent !important;
    -webkit-text-fill-color: var(--text-color-primary1) !important;
    background-color: transparent !important;
    caret-color: var(--text-color-primary1) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important
}

/* Removed invalid CSS class [-:T] */

.\[animation-delay\:-\.3s\] {
    animation-delay: -.3s
}

.\[animation-delay\:-0\.15s\] {
    animation-delay: -.15s
}

.\[animation-delay\:-0\.3s\] {
    animation-delay: -.3s
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
    clip: rect(0, 0, 0, 0) !important
}

.\[line-height\:1\.3\] {
    line-height: 1.3
}

:root {
    --border-primary: #0f2326;
    --border-oddInputColor: #595b6a;
    --border-ternary6: #e6e6e6;
    --border-secondary: #60a3b3;
    --border-teranry2: #d1d5db;
    --border-success: #29ab2b;
    --border-secondary1: #3b82f6;
    --border-quaternary: #fa971e;
    --border-backBtn: #a7d8fd;
    --border-layBtn: #f9c9d4;
    --border-oddInputBorderActive: #0f2326;
    --border-oddInputBorder: #b9b8b8;
    --border-borderColorOfMarket: #d1d1d1;
    --border-borderColorFoprOddChange: #f6d69b;
    --border-depositBtn: #17c964;
    --border-withDrawBtn: #0f2326;
    --border-inActivePlaceBtnColor: #e6e6e6;
    --border-quinary: #9a9898;
    --border-bgGray300: #d1d5db;
    --border-betSlipLoginBtnBg: #bd3726;
    --border-disableBackGroundColorfForPlaceBetBtn: #979797;
    --border-ternary5: #b0b0b0;
    --border-ternary3: #d1d5db;
    --border-giftInputBorderColor: #ffffff4d;
    --border-ternary4: rgba(0, 0, 0, .2);
    --border-borderOfFancyPremiumTab: #d55c76;
    --border-borderinActiveFancyPremiumTab: #e6e6e6;
    --border-depostPayBg: #f2f2f2;
    --border-ternary8: #4a5568;
    --border-betSlipCancelBtnColor: #8c8c8c;
    --border-danger: #e90038;
    --border-notesBorderColor: #dadada;
    --border-borderColorForDepositPaymentMethod: #007df1;
    --box-shadow-giftCard: 0px 0px 16.5px 0px #ffba21;
    --icon-color-brand-primary: #fa971e;
    --icon-color-brand-primary1: #fa971e;
    --icon-color-brand-secondary: #fa971e;
    --icon-color-brand-tertiary: #fa971e;
    --icon-color-brand-tertiary1: #d3d3d3;
    --icon-color-primary: #d2d2d2;
    --icon-color-secondary: #fff;
    --icon-color-ternary: var(--icon-color-brand-secondary);
    --icon-color-quaternary: #fa971e;
    --icon-color-quinary: #fa971e;
    --icon-color-primary1: #fa971e;
    --icon-color-primary2: #8c8c8c;
    --icon-color-menuSearchIconsColor: #fa971e;
    --text-color-brand-primary: linear-gradient(95deg, #fa971e -8.6%, #fa971e 110.45%);
    --text-color-headerDeskNav: #d2d2d2;
    --text-color-brand-secondary: linear-gradient(95deg, #fa971e -8.6%, #fa971e 110.45%);
    --text-color-primary: #fff;
    --text-color-brand-withOutGrd-primary: #fa971e;
    --text-color-primary1: #fff;
    --text-color-primary2: #fff;
    --text-color-primary3: #e6e6e6;
    --text-color-primary4: #eed1d5;
    --text-color-primary5: #000;
    --text-color-primary6: #8a8a8a;
    --text-color-primary7: #878787;
    --text-color-primary8: #1a1a1a;
    --text-color-secondary: #fa971e;
    --text-color-ternary: #000;
    --text-color-tertiary2: #9c9c9c;
    --text-color-tertiary5: #b5b5b5;
    --text-color-loginTextColor: var(--text-color-primary1);
    --text-color-loginTextColor1: var(--text-color-secondary);
    --text-color-signUpTextColor: linear-gradient(95deg, #000 -8.6%, #000 110.45%);
    --text-color-loginInputTextColor: var(--text-color-primary1);
    --text-color-loginButtonTextColor: var(--text-color-primary2);
    --text-color-suspendedFontColor: #1e3f5a;
    --text-color-InPlayEventsScoreAndTime: #4cae50;
    --text-color-UpcomingEventsScoreAndTime: #fa971e;
    --text-color-cr-4: #fa971e;
    --text-color-cr-5: #fbc02d;
    --text-color-cr-6: #fa971e;
    --text-color-error-message: #fff;
    --bg-color-headerBg: linear-gradient(90deg, #000 -13.95%, #000 83.91%);
    --bg-headerDeskNavMenu: #27272a;
    --bg-headerDeskNavmenuEle: #3f3f46;
    --bg-color-appBg: #18181b;
    --bg-color-primary: #27272a;
    --bg-color-secondary: #23201f;
    --bg-color-tertiary: #fff;
    --bg-color-tertiary1: #475569;
    --bg-color-tertiary2: #000;
    --bg-color-quaternary: #121212;
    --bg-color-quaternary2: #27272a;
    --bg-color-quaternary3: #e8e8e8;
    --bg-color-quaternary4: #9a9898;
    --bg-color-quaternary5: #f8f9fa;
    --bg-color-quaternary6: #e6e6e6;
    --bg-color-quaternary7: #f3f4f6;
    --bg-color-quaternary8: #6b7280;
    --bg-color-quaternary9: #9ca3af;
    --bg-color-quaternary10: #f4f4f4;
    --bg-color-quaternary11: #00000033;
    --bg-color-quaternary12: #000000cc;
    --bg-color-quaternary13: #797979;
    --bg-color-casinoProvider: #e8e8e8;
    --bg-color-suspendedBgColor: #d3ebfe;
    --bg-color-brand-primary1: #fa971e;
    --bg-color-brand-secondary1: #fa971e;
    --bg-color-quaternary1: #505050;
    --bg-color-input-bg: #0e0e0f;
    --bg-color-LoginPopUpBg: linear-gradient(90deg, #27272a, #27272a);
    --bg-color-LoginBtnBgColor: var(--text-color-brand-primary);
    --bg-color-loginTabsBg: hsla(0, 0%, 100%, .1);
    --bg-color-skeletonBgLoaderColor: #464646;
    --bg-color-skeletonBgLoaderColor1: #23201f;
    --bg-color-success: #4cae50;
    --bg-color-warning: #fbc02d;
    --bg-color-danger: #eb244f;
    --bg-color-info: #0288d1;
    --bg-color-popUpParentBg: #00000090;
    --bg-color-lightGray: #ebebeb;
    --bg-color-loaderBg: #9a989816;
    --bg-color-backBtnBg: #a7d8fd;
    --bg-color-layBtnBg: #f9c9d4;
    --bg-color-highLightChangeColor: #ffb;
    --bg-color-sideBarDeskBg: #f1e9e6;
    --bg-color-confirmBetBackColor: #ebf1ff;
    --bg-color-confirmBetLayColor: #f9e7eb;
    --bg-color-casinoPopupBg: #000000b3;
    --bg-color-backgroundColorForOddChange: #fef8d3;
    --bg-color-disableBackGroundColorfForPlaceBetBtn: #979797;
    --bg-color-brand_primary: linear-gradient(95deg, #000 -8.6%, #000 110.45%);
    --bg-color-brand_secondary: linear-gradient(95deg, #fa971e -8.6%, #fa971e 110.45%);
    --bg-color-placeBetBtnGrd: linear-gradient(90deg, #fa971e, #fa971e);
    --bg-color-inPlayBlockBg: linear-gradient(90deg, #22c55d -13.95%, #22c55d 74.01%);
    --bg-color-UpcomingBg: linear-gradient(90deg, #22c55d -13.95%, #22c55d 74.01%);
    --bg-color-competetionInPlayUpComingBg: linear-gradient(90deg, #22c55d, #22c55d);
    --bg-color-scoreAndAndroidAppBtn: linear-gradient(90deg, #23201f, #23201f);
    --bg-color-cashOutBtnGrd: linear-gradient(89deg, #40af52, #2e924b 89.28%);
    --bg-color-lossGrd: linear-gradient(90deg, #0f2326, #bd3726);
    --bg-color-homeDepositBtnBgColor: linear-gradient(90deg, #17c964, #2e924b);
    --bg-color-homeWithdrawBtnBgColor: linear-gradient(90deg, #fa971e, #fa971e);
    --bg-color-transactionPendingBg: linear-gradient(90deg, #fa971e, #fa971e 89.28%);
    --bg-color-transactionFailedBg: linear-gradient(90deg, #eb244f, #a90f31 89.28%);
    --bg-color-transactionSuccessBg: linear-gradient(90deg, #40af52, #2e924b 89.28%);
    --bg-color-transactionInitiatedBg: linear-gradient(90deg, #618cbe, #536c8a 89.28%);
    --bg-color-bonusCard: linear-gradient(111deg, #d82f0a -25.88%, #ca27d8 116.27%);
    --bg-color-bonus-active: #ffc700;
    --bg-color-bonus-expired: #cd3c5b;
    --bg-color-bonus-expired-time: hsla(0, 0%, 100%, .2);
    --bg-color-bonus-claim-now: #0ed80a;
    --bg-color-wageredColor: #00000033;
    --bg-color-giftCardInputBg: #ffffff26;
    --bg-color-bonus: linear-gradient(90deg, #4c0ad8, #c509c9);
    --bg-color-bonus1: linear-gradient(90deg, #ffb700, #ffd466, #ffb800);
    --bg-color-GiftCardBg: linear-gradient(90deg, #743899, #9b1d39);
    --bg-color-redeemBtnBg: linear-gradient(89deg, #f6b129, #dab557 98.98%);
    --bg-color-superOverBannerGradient: linear-gradient(91deg, #091162 10.1%, #2a38b6 63.73%, #0736ae00 104.08%);
    --bg-color-minBtn: linear-gradient(90deg, #44b5d9, #2c8ba9);
    --bg-color-maxBtn: linear-gradient(90deg, #2e924b, #40af52);
    --bg-color-editStakes: linear-gradient(90deg, #b0b0b0, #747474);
    --bg-color-clearBtn: linear-gradient(90deg, #8d1d35, #cd3c5b);
    --bg-color-ballRunning: linear-gradient(90deg, #a7d8fd, #f9c9d4);
    --bg-color-bonusButtonBg1: #ffc700;
    --bg-color-bonusButtonBg2: #cd3c5b;
    --bg-color-bonusGradient1: #4c0ad8;
    --bg-color-bonusGradient2: #c509c9;
    --bg-color-bonusGradient3: #4883e7;
    --bg-color-bonusGradient4: #ae09c9;
    --bg-color-bonusRibbonBg1: #ffb700;
    --bg-color-bonusRibbonBg2: #ffd466;
    --bg-color-bonusRibbonBg3: #ffb800;
    --bg-color-accountStatementBg1: #05ff0e26;
    --bg-color-accountStatementBg2: #ff050526;
    --bg-color-ternary14: hsla(0, 0%, 100%, .05);
    --bg-color-teranry15: #bbbec3;
    --bg-color-success2: #4dc759;
    --bg-color-slate200: #e2e8f0;
    --bg-color-slate300: #cbd5e1;
    --bg-color-slate500: #64748b;
    --bg-color-slate800: #1e293b;
    --bg-color-purple700: #7e22ce;
    --bg-color-betSlipBgColor: #27272a;
    --bg-color-selectedOddColor: #fff;
    --bg-color-casinoProvider: #f3f4f6;
    --bg-color-blogCategory1: linear-gradient(90deg, #ae2c80, #831a5f);
    --bg-color-blogCategory2: linear-gradient(90deg, #249e2a, #1d8622);
    --bg-color-blogCategory3: linear-gradient(90deg, #304a8e, #466ac5);
    --bg-color-blogCategory4: linear-gradient(90deg, #930d2a, #930d2a);
    --bg-color-blogCategory5: linear-gradient(90deg, #652ea7, #581584);
    --bg-color-blogCategory6: linear-gradient(90deg, #146789, #239acd);
    --bg-color-switchBeforeCheck: #0000001a;
    --bg-color-switchAfterCheck: #01a950;
    --bg-color-switchBtnRound: #fff;
    --bg-color-betSlipOddIncDecrBtnsGrd: linear-gradient(62.57deg, #fa971e 34.17%, #fa971e 104.5%);
    --bg-color-iplMenuBoxBg: linear-gradient(107deg, #2259ff 0.55%, #a9218e 120.64%);
    --bg-color-promotionBanner: linear-gradient(90deg, #ffa616, #b92149);
    --bg-color-freeBetsBanner: linear-gradient(90deg, #169aff, #1559a3 64.5%, rgba(92, 14, 144, 0) 86.6%);
    --bg-color-bonusInfo: linear-gradient(91deg, #ba1e1e -1.96%, #f2c95a 110.45%);
    --bg-color-wageringCard: linear-gradient(93deg, #a71446 -0.52%, #580383 63.42%, rgba(82, 1, 136, .2) 81.58%, rgba(75, 0, 141, .4) 95.34%);
    --bg-color-freeBetsBannerDuration: linear-gradient(90deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    --bg-color-wageringCardDuration: linear-gradient(90deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    --bg-color-freeMoney: inear-gradient(97deg, #ffffff26 -2.08%, #ffffff26 95.97%);
    --bg-color-bonusCardPending: linear-gradient(97deg, #fff -2.08%, rgba(255, 229, 188, .6) 95.97%);
    --bg-color-bonusCardClaimed: linear-gradient(97deg, #fff -2.08%, rgba(177, 255, 200, .6) 95.97%);
    --bg-color-bonusCardExpired: linear-gradient(97deg, #fff -2.08%, rgba(249, 164, 180, .6) 95.97%);
    --bg-color-bonusCardActive: linear-gradient(97deg, #fff -2.08%, rgba(255, 132, 0, .4) 95.97%);
    --bg-color-promotionButton: linear-gradient(96deg, #fcb442 -15.44%, #e0560f 139.48%);
    --bg-color-promotionTimer: linear-gradient(90deg, #3a7a9a, #3a7a9a10);
    --bg-color-freeSpinExpired: #f44335;
    --bg-color-freeSpinActive: #4cae50;
    --bg-color-freeSpinClaimed: #4cae50;
    --bg-color-freeSpinPending: #fcbf07;
    --bg-color-freeSpinCompleted: #00a400;
    --bg-color-freeSpinInitiated: #006aeb;
    --bg-color-freeCash: #ffffff33;
    --bg-color-freeCashCount: #f80;
    --bg-color-wageringProgressBarStrokeActive: linear-gradient(90deg, #f09819, #f0981990);
    --bg-color-wageringProgressBarStrokeInactive: linear-gradient(90deg, #c2c2c240, #c2c2c240);
    --bg-color-SpinsBtn: #4a4ad7;
    --bg-color-SpinCount: #ff880033;
    --bg-color-FreeSpinsCard: linear-gradient(90deg, hsla(0, 0%, 85%, 0), #fff);
    --bg-color-SignUpBtnBgColor: linear-gradient(90deg, #fff, #fff);
    --bg-color-BuyCryptoBtnBg: linear-gradient(90deg, #ef8605, #ef8605);
    --bg-color-BalanceBtnBg: linear-gradient(to right, var(--bg-color-tertiary), var(--bg-color-tertiary));
    --bg-color-DepositBtnBg: var(--text-color-brand-primary);
    --border-color-primary: #545454;
    --border-color-primary1: #676767;
    --border-color-primary2: #737373;
    --border-color-primary3: #333;
    --border-color-primary4: #fa971e;
    --border-color-primary5: #c4c4c4;
    --border-color-primary6: #d2d2d230;
    --border-color-brand_primary: #fa971e;
    --border-color-brand_secondary: #fa971e;
    --border-color-brand_secondary1: #fa971e;
    --border-color-depositPaymentMethod: #fa971e;
    --border-color-activeInput: #d2d2d2;
    --border-color-cr-1: #00796b;
    --border-color-cr-2: #0288d1;
    --border-color-cr-3: #2e7d32;
    --border-color-cr-4: #ef6c00;
    --border-color-cr-5: #fbc02d;
    --border-color-cr-6: #d84315;
    --border-color-cr-w: #5d4037;
    --border-color-cr-wd: #512da8;
    --border-color-cr-nb: #303f9f;
    --border-color-cr-lb: #8e24aa;
    --border-color-cr-default: #000;
    --border-color-success: #29ab2b;
    --border-color-danger: #e90038;
    --border-color-info: #0288d1;
    --border-color-warning: #fbc02d;
    --border-color-homeDepositBtnBgColor: #17c964;
    --border-color-homeWithdrawBtnBgColor: #bd3726;
    --bg-color-tooltip: #fcc30d;
    --text-color-tooltip: #000;
    --border-color-tooltip: #fcc30d
}

.app-bg {
    background-color: #18181b;
    background-position: start;
    background-repeat: repeat;
    background-size: 300%
}

.sr-bb {
    background: #fff;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: left
}

.sr-bb.sr-rtl {
    text-align: right
}

.sr-bb .sr-bb {
    background: none
}

.sr-bb .srt-base-1 {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-1-win {
    background-color: transparent;
    border-color: #00003c;
    color: #00003c
}

.sr-bb .srt-base-1-draw {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.sr-bb .srt-base-1-lose {
    background-color: transparent;
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-is-active {
    background-color: rgba(255, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: rgba(255, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-1-primary {
    background-color: transparent;
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    border-color: #00003c;
    color: #00003c
}

.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    border-color: #940000;
    color: #00003c
}

.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    border-color: #940000;
    color: red
}

.sr-bb .srt-base-1-home-3 {
    color: #00003c
}

.sr-bb .srt-base-1-away-3,
.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-away-3 {
    color: red
}

.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    border-color: #4d4d77;
    color: #4d4d77
}

.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    border-color: #ff4d4d;
    color: #ff4d4d
}

.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    border-color: #000027;
    color: #000027
}

.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    border-color: #a60000;
    color: #a60000
}

.sr-bb .srt-base-1-background,
.sr-bb .srt-base-2 {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-2-is-active,
.sr-bb .srt-base-2-is-hoverable:hover,
.sr-bb .srt-base-3 {
    background-color: #ffe0e0;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-3-is-active,
.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #ffd4d4;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-3-background {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-4 {
    background-color: #fff2f2;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-5-is-active,
.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffbdbd;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-base-6 {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .3);
    color: #000
}

.sr-bb .srt-primary-1 {
    background-color: red;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-1-is-active,
.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #ff1a1a;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #f33;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-2 {
    background-color: #b30000;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-3 {
    background-color: #ff1a1a;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-4,
.sr-bb .srt-primary-5 {
    background-color: #f66;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: red;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-6 {
    background-color: #940000;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-7,
.sr-bb .srt-primary-8 {
    background-color: red;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #ff1a1a;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #ff1a1a;
    border-color: #fff;
    color: #fff
}

.sr-bb .srt-primary-9 {
    background-color: #ffb3b3;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-primary-10 {
    background-color: #f33;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-11 {
    background-color: #ff1a1a;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-primary-12 {
    background-color: red;
    border-color: #fff;
    color: #fff
}

.sr-bb .srt-primary-13 {
    background-color: #fff2f2;
    border-color: rgba(255, 0, 0, .3);
    color: #fff
}

.sr-bb .srt-base-1-primary-1 {
    background-color: transparent;
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    border-color: #b30000;
    color: #b30000
}

.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    border-color: #ff1a1a;
    color: #ff1a1a
}

.sr-bb .srt-base-1-primary-4,
.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    border-color: #f66;
    color: #f66
}

.sr-bb .srt-base-1-primary-6 {
    background-color: transparent;
    border-color: #940000;
    color: #940000
}

.sr-bb .srt-base-1-primary-7,
.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    border-color: #ffb3b3;
    color: #ffb3b3
}

.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    border-color: #f33;
    color: #f33
}

.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    border-color: #ff1a1a;
    color: #ff1a1a
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #fff;
    border-color: rgba(255, 0, 0, .3);
    color: #fff2f2
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    border-color: #dedede;
    color: #dedede
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    border-color: #1a1a1a;
    color: #1a1a1a
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    border-color: #595959;
    color: #595959
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    border-color: #404040;
    color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    border-color: #c2c2c2;
    color: #c2c2c2
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    border-color: #595959;
    color: #595959
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    border-color: #dedede;
    color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    border-color: #f0f0f0;
    color: #f0f0f0
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    border-color: #e0e0e0;
    color: #e0e0e0
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    border-color: #999;
    color: #999
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    border-color: #4d4d4d;
    color: #4d4d4d
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    border-color: #e6e6e6;
    color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: rgba(255, 0, 0, .12);
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #00003c;
    color: #00003c
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: rgba(255, 0, 0, .12);
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #940000;
    color: #00003c
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #940000;
    color: red
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: rgba(255, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: #00003c
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: rgba(255, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: red
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #4d4d77;
    color: #4d4d77
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #ff4d4d;
    color: #ff4d4d
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #000027;
    color: #000027
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #a60000;
    color: #a60000
}

.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: rgba(255, 0, 0, .12);
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #b30000;
    color: #b30000
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #ff1a1a;
    color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-primary-4,
.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #f66;
    color: #f66
}

.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #940000;
    color: #940000
}

.sr-bb .srt-base-1-is-active-primary-7,
.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: rgba(255, 0, 0, .12);
    border-color: red;
    color: red
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #ffb3b3;
    color: #ffb3b3
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #f33;
    color: #f33
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #ff1a1a;
    color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #dedede;
    color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #1a1a1a;
    color: #1a1a1a
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: rgba(255, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #595959;
    color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #404040;
    color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #c2c2c2;
    color: #c2c2c2
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #595959;
    color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #dedede;
    color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #f0f0f0;
    color: #f0f0f0
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #e0e0e0;
    color: #e0e0e0
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #999;
    color: #999
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #4d4d4d;
    color: #4d4d4d
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: rgba(255, 0, 0, .12);
    border-color: #e6e6e6;
    color: #e6e6e6
}

.sr-bb .srt-home-1 {
    background-color: #00003c;
    border-color: #00003c;
    color: #fff
}

.sr-bb .srt-away-1 {
    background-color: red;
    border-color: red;
    color: #fff
}

.sr-bb .srt-home-2 {
    background-color: #00003c;
    border-color: #940000;
    color: #fff
}

.sr-bb .srt-away-2 {
    background-color: red;
    border-color: #940000;
    color: #fff
}

.sr-bb .srt-home-3 {
    background-color: #00003c;
    border-color: #fff;
    color: #fff
}

.sr-bb .srt-away-3 {
    background-color: red;
    border-color: #fff;
    color: #fff
}

.sr-bb .srt-home-4 {
    background-color: #4d4d77;
    border-color: #4d4d77;
    color: #fff
}

.sr-bb .srt-away-4 {
    background-color: #ff4d4d;
    border-color: #ff4d4d;
    color: #fff
}

.sr-bb .srt-home-5 {
    background-color: #000027;
    border-color: #000027;
    color: #fff
}

.sr-bb .srt-away-5 {
    background-color: #a60000;
    border-color: #a60000;
    color: #fff
}

.sr-bb .srt-home-6 {
    background-color: rgba(0, 0, 60, .2)
}

.sr-bb .srt-away-6,
.sr-bb .srt-home-6 {
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-away-6 {
    background-color: rgba(255, 0, 0, .2)
}

.sr-bb .srt-home-6-is-hoverable:hover {
    background-color: rgba(0, 0, 60, .2);
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-away-6-is-hoverable:hover {
    background-color: rgba(255, 0, 0, .2);
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-1 {
    background-color: #dedede;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-2 {
    background-color: #1a1a1a;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-neutral-3 {
    background-color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-4 {
    background-color: #595959;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-neutral-5 {
    background-color: #404040;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-neutral-6 {
    background-color: #c2c2c2;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-7 {
    background-color: #595959;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-9 {
    background-color: #f0f0f0;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-10 {
    background-color: #e0e0e0;
    border-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .82)
}

.sr-bb .srt-neutral-11 {
    background-color: #999;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-neutral-12 {
    background-color: #4d4d4d;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-neutral-13 {
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, .12);
    color: #000
}

.sr-bb .srt-win {
    background-color: #00003c
}

.sr-bb .srt-draw,
.sr-bb .srt-win {
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-draw {
    background-color: rgba(0, 0, 0, .4)
}

.sr-bb .srt-lose {
    background-color: red;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary {
    opacity: .8;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled {
    opacity: .6
}

.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary {
    opacity: .7
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19)
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .23), 0 1px 5px rgba(0, 0, 0, .16)
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-green-card {
    fill: #2cbd00
}

.sr-bb .srt-stroke-green-card {
    stroke: #2cbd00
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    fill: transparent;
    stroke: #4fbe30
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    fill: transparent;
    stroke: #e43b3b
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    fill: transparent;
    stroke: #e43b3b
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, .3);
    border-color: hsla(0, 0%, 100%, .16);
    color: #fff
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    border-color: #f4a621;
    color: #fff
}

.sr-bb .srt-nfl-negative-yards-1,
.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    border-color: #ac182e;
    color: #fff
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    border-color: #4b90de;
    color: #fff
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    border-color: #f5a623;
    color: #fff
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    border-color: #090;
    color: #fff
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    border-color: #090;
    color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    border-color: #f7ab11;
    color: #000
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    border-color: #f7ab11;
    color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    border-color: #00a4ff;
    color: #fff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    border-color: #d0021b;
    color: #fff
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    border-color: #d0021b;
    color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    border-color: #fff;
    color: #fff
}

.sr-bb .srt-fill-mlb-base,
.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #00003c
}

.sr-bb .srt-stroke-change-increase {
    stroke: #00003c
}

.sr-bb .srt-fill-change-decrease {
    fill: red
}

.sr-bb .srt-stroke-change-decrease {
    stroke: red
}

.sr-bb .srt-fill-text {
    fill: #000
}

.sr-bb .srt-fill-text-invert {
    fill: #fff
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: transparent
}

.sr-bb .srt-stroke-base-1 {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-active {
    fill: rgba(255, 0, 0, .12)
}

.sr-bb .srt-stroke-base-1-active {
    stroke: rgba(255, 0, 0, .12)
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-home {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-home {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-away {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-away {
    stroke: transparent
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-2-hover {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3 {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-3 {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3-active {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-base-3-hover {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-primary-1 {
    fill: red
}

.sr-bb .srt-stroke-primary-1 {
    stroke: red
}

.sr-bb .srt-fill-primary-2 {
    fill: #b30000
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #b30000
}

.sr-bb .srt-fill-primary-3 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-4 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-5 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-6 {
    fill: #940000
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #940000
}

.sr-bb .srt-fill-primary-7 {
    fill: red
}

.sr-bb .srt-stroke-primary-7 {
    stroke: red
}

.sr-bb .srt-fill-primary-8 {
    fill: red
}

.sr-bb .srt-stroke-primary-8 {
    stroke: red
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-9 {
    fill: #ffb3b3
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #ffb3b3
}

.sr-bb .srt-fill-primary-10 {
    fill: #f33
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #f33
}

.sr-bb .srt-fill-primary-11 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-12 {
    fill: red
}

.sr-bb .srt-stroke-primary-12 {
    stroke: red
}

.sr-bb .srt-fill-home-1 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-1 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-2 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-2 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-3 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-3 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-4 {
    fill: #4d4d77
}

.sr-bb .srt-stroke-home-4 {
    stroke: #4d4d77
}

.sr-bb .srt-fill-home-5 {
    fill: #000027
}

.sr-bb .srt-stroke-home-5 {
    stroke: #000027
}

.sr-bb .srt-fill-away-1 {
    fill: red
}

.sr-bb .srt-stroke-away-1 {
    stroke: red
}

.sr-bb .srt-fill-away-2 {
    fill: red
}

.sr-bb .srt-stroke-away-2 {
    stroke: red
}

.sr-bb .srt-fill-away-3 {
    fill: red
}

.sr-bb .srt-stroke-away-3 {
    stroke: red
}

.sr-bb .srt-fill-away-4 {
    fill: #ff4d4d
}

.sr-bb .srt-stroke-away-4 {
    stroke: #ff4d4d
}

.sr-bb .srt-fill-away-5 {
    fill: #a60000
}

.sr-bb .srt-stroke-away-5 {
    stroke: #a60000
}

.sr-bb .srt-fill-neutral-1 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-2 {
    fill: #1a1a1a
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #1a1a1a
}

.sr-bb .srt-fill-neutral-3 {
    fill: rgba(0, 0, 0, .12)
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0, 0, 0, .12)
}

.sr-bb .srt-fill-neutral-4 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-5 {
    fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
    fill: #c2c2c2
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #c2c2c2
}

.sr-bb .srt-fill-neutral-7 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-8 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
    fill: #f0f0f0
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #f0f0f0
}

.sr-bb .srt-fill-neutral-10 {
    fill: #e0e0e0
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #e0e0e0
}

.sr-bb .srt-fill-neutral-11 {
    fill: #999
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #999
}

.sr-bb .srt-fill-neutral-12 {
    fill: #4d4d4d
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #4d4d4d
}

.sr-bb .srt-fill-neutral-13 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-win {
    fill: #00003c
}

.sr-bb .srt-stroke-win {
    stroke: #00003c
}

.sr-bb .srt-fill-draw {
    fill: rgba(0, 0, 0, .4)
}

.sr-bb .srt-stroke-draw {
    stroke: rgba(0, 0, 0, .4)
}

.sr-bb .srt-fill-lose {
    fill: red
}

.sr-bb .srt-stroke-lose {
    stroke: red
}

.sr-bb .srt-stop-base-1 {
    stop-color: transparent
}

.sr-bb .srt-stop-primary-1 {
    stop-color: red
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #b30000
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-4,
.sr-bb .srt-stop-primary-5 {
    stop-color: #f66
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #940000
}

.sr-bb .srt-stop-primary-7,
.sr-bb .srt-stop-primary-8 {
    stop-color: red
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #ffb3b3
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #f33
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-12 {
    stop-color: red
}

.sr-bb .srt-stop-home-1 {
    stop-color: #00003c
}

.sr-bb .srt-stop-away-1 {
    stop-color: red
}

.sr-bb .srt-fill-neutral-14 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
    display: inline-block
}

.sr-bb .srt-logo-powered-by-dark {
    display: none
}

@keyframes autoScrollAnimation {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

.autoScrollAnimation {
    animation: autoScrollAnimation 10s linear infinite
}

.scrollSmooth {
    scroll-behavior: smooth
}

.shimmer {
    animation: shimmer 2s infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 70%, hsla(0, 0%, 100%, 0));
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    transform: rotate(90deg);
    transform-origin: center center;
    width: 50%
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) rotate(45deg)
    }

    to {
        transform: translateX(300%) rotate(45deg)
    }
}

span.ripple {
    animation: ripple .6s linear;
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 50% !important;
    position: absolute;
    transform: scale(0)
}

@keyframes ripple {
    to {
        opacity: 0;
        transform: scale(4)
    }
}

.placeholder\:font-lato::-moz-placeholder {
    font-family: Lato
}

.placeholder\:font-lato::placeholder {
    font-family: Lato
}

.placeholder\:text-sm::-moz-placeholder {
    font-size: .875rem
}

.placeholder\:text-sm::placeholder {
    font-size: .875rem
}

.placeholder\:font-normal::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-normal::placeholder {
    font-weight: 400
}

.placeholder\:text-\[\#696969\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 105 105/var(--tw-text-opacity, 1))
}

.placeholder\:text-\[\#696969\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 105 105/var(--tw-text-opacity, 1))
}

.placeholder\:text-text_color_primary1::-moz-placeholder {
    color: var(--text-color-primary1)
}

.placeholder\:text-text_color_primary1::placeholder {
    color: var(--text-color-primary1)
}

.placeholder\:text-text_color_primary2::-moz-placeholder {
    color: var(--text-color-primary2)
}

.placeholder\:text-text_color_primary2::placeholder {
    color: var(--text-color-primary2)
}

.placeholder\:opacity-70::-moz-placeholder {
    opacity: .7
}

.placeholder\:opacity-70::placeholder {
    opacity: .7
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:left-2\/4:before {
    content: var(--tw-content);
    left: 50%
}

.before\:top-1\/2:before,
.before\:top-2\/4:before {
    content: var(--tw-content);
    top: 50%
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-2:before {
    content: var(--tw-content);
    height: .5rem
}

.before\:h-4:before {
    content: var(--tw-content);
    height: 1rem
}

.before\:h-max:before {
    content: var(--tw-content);
    height: -moz-max-content;
    height: max-content
}

.before\:w-2:before {
    content: var(--tw-content);
    width: .5rem
}

.before\:w-4:before {
    content: var(--tw-content);
    width: 1rem
}

.before\:w-max:before {
    content: var(--tw-content);
    width: -moz-max-content;
    width: max-content
}

.before\:-translate-x-2\/4:before {
    --tw-translate-x: -50%
}

.before\:-translate-x-2\/4:before,
.before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:-translate-y-1\/2:before,
.before\:-translate-y-2\/4:before {
    --tw-translate-y: -50%
}

.before\:-translate-y-2\/4:before,
.before\:scale-0:before {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:scale-0:before {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.before\:rounded-full:before {
    border-radius: 9999px;
    content: var(--tw-content)
}

.before\:bg-bg_color_quaternary8:before {
    background-color: var(--bg-color-quaternary8);
    content: var(--tw-content)
}

.before\:bg-green-600:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.before\:bg-transparent:before {
    background-color: transparent;
    content: var(--tw-content)
}

.before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0
}

.before\:shadow-\[0px_0px_0px_13px_transparent\]:before {
    content: var(--tw-content);
    --tw-shadow: 0px 0px 0px 13px transparent;
    --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.before\:transition-opacity:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\:content-\[\"\"\]:before,
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.1s\]:before {
    animation-delay: -.1s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.2s\]:before {
    animation-delay: -.2s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.3s\]:before {
    animation-delay: -.3s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.4s\]:before {
    animation-delay: -.4s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.5s\]:before {
    animation-delay: -.5s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.6s\]:before {
    animation-delay: -.6s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.7s\]:before {
    animation-delay: -.7s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.8s\]:before {
    animation-delay: -.8s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-0\.9s\]:before {
    animation-delay: -.9s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-1\.1s\]:before {
    animation-delay: -1.1s !important;
    content: var(--tw-content)
}

.before\:\!animation-delay-\[-1s\]:before {
    animation-delay: -1s !important;
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:z-\[1\]:after {
    content: var(--tw-content);
    z-index: 1
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-4:after {
    content: var(--tw-content);
    height: 1rem
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:w-4:after {
    content: var(--tw-content);
    width: 1rem
}

.after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.after\:border-r:after {
    border-right-width: 1px;
    content: var(--tw-content)
}

.after\:opacity-\[0\.17\]:after {
    content: var(--tw-content);
    opacity: .17
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.first\:rounded-t-lg:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.first\:rounded-tl-lg:first-child {
    border-top-left-radius: .5rem
}

.first\:rounded-tr-lg:first-child {
    border-top-right-radius: .5rem
}

.last\:rounded-b-lg:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-tr-lg:last-child {
    border-top-right-radius: .5rem
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.checked\:border-border_color_brand_primary:checked {
    border-color: var(--border-color-brand_primary)
}

.checked\:border-primary:checked {
    border-color: var(--border-primary)
}

.checked\:bg-bg_color_success:checked {
    background-color: var(--bg-color-success)
}

.checked\:bg-bg_text_brand_primary:checked {
    background-image: var(--text-color-brand-primary)
}

.checked\:before\:opacity-\[0\.16\]:checked:before {
    content: var(--tw-content);
    opacity: .16
}

.checked\:after\:absolute:checked:after {
    content: var(--tw-content);
    position: absolute
}

.checked\:after\:left-1\/2:checked:after {
    content: var(--tw-content);
    left: 50%
}

.checked\:after\:top-1\/2:checked:after {
    content: var(--tw-content);
    top: 50%
}

.checked\:after\:h-\[0\.625rem\]:checked:after {
    content: var(--tw-content);
    height: .625rem
}

.checked\:after\:w-\[0\.625rem\]:checked:after {
    content: var(--tw-content);
    width: .625rem
}

.checked\:after\:rounded-full:checked:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.checked\:after\:border-primary:checked:after {
    border-color: var(--border-primary);
    content: var(--tw-content)
}

.checked\:after\:bg-bg_brand_primary:checked:after {
    background-image: var(--bg-color-brand_primary);
    content: var(--tw-content)
}

.checked\:after\:content-\[\'\'\]:checked:after {
    --tw-content: "";
    content: var(--tw-content)
}

.checked\:after\:\[transform\:translate\(-50\%\2c -50\%\)\]:checked:after {
    content: var(--tw-content);
    transform: translate(-50%, -50%)
}

.focus-within\:border-\[\#FF0000\]:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0/var(--tw-border-opacity, 1))
}

.focus-within\:border-\[\#f8b144\]:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(248 177 68/var(--tw-border-opacity, 1))
}

.focus-within\:border-border_color_activeInput:focus-within {
    border-color: var(--border-color-activeInput)
}

.focus-within\:border-border_color_brand_primary:focus-within {
    border-color: var(--border-color-brand_primary)
}

.focus-within\:border-border_color_brand_secondary:focus-within {
    border-color: var(--border-color-brand_secondary)
}

.focus-within\:border-border_color_primary1:focus-within {
    border-color: var(--border-color-primary1)
}

.focus-within\:border-border_color_success:focus-within {
    border-color: var(--border-color-success)
}

.focus-within\:border-danger:focus-within {
    border-color: var(--border-danger)
}

.focus-within\:border-gray-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity, 1))
}

.focus-within\:border-primary:focus-within {
    border-color: var(--border-primary)
}

.focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-white\/10:focus-within {
    --tw-ring-color: hsla(0, 0%, 100%, .1)
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem
}

.hover\:-translate-y-1:hover,
.hover\:-translate-y-\[1px\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-y-\[1px\]:hover {
    --tw-translate-y: -1px
}

.hover\:rotate-180:hover {
    --tw-rotate: 180deg
}

.hover\:rotate-180:hover,
.hover\:scale-105:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:scale-110:hover,
.hover\:scale-\[1\.01\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.01\]:hover {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01
}

.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02
}

.hover\:scale-\[1\.02\]:hover,
.hover\:scale-\[1\.03\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.03\]:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03
}

.hover\:scale-\[102\%\]:hover {
    --tw-scale-x: 102%;
    --tw-scale-y: 102%
}

.hover\:scale-\[102\%\]:hover,
.hover\:scale-\[110\%\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[110\%\]:hover {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.hover\:animate-pulse:hover {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.hover\:animate-shake:hover {
    animation: shake 1s ease-in-out infinite
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:rounded-lg:hover {
    border-radius: .5rem
}

.hover\:border-\[0\.1px\]:hover {
    border-width: .1px
}

.hover\:border-\[\#f8b144\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(248 177 68/var(--tw-border-opacity, 1))
}

.hover\:border-bg_color_footer_secondary:hover {
    border-color: var(--bg-color-footer-secondary)
}

.hover\:border-border_color_affiliate_menu:hover {
    border-color: var(--color-affiliate-menu-border)
}

.hover\:border-border_color_brand_primary:hover {
    border-color: var(--border-color-brand_primary)
}

.hover\:border-primary:hover {
    border-color: var(--border-primary)
}

.hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#009dff\]\/90:hover {
    background-color: rgba(0, 157, 255, .9)
}

.hover\:bg-\[\#0f1f22\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 31 34/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#2c4f58\]\/80:hover {
    background-color: rgba(44, 79, 88, .8)
}

.hover\:bg-\[\#2e2d37\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(46 45 55/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#51983b\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(81 152 59/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#D73D32\]\/90:hover {
    background-color: rgba(215, 61, 50, .9)
}

.hover\:bg-\[\#cfe1fb\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(207 225 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#e4e4e4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 228/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#efefef\]\/80:hover {
    background-color: hsla(0, 0%, 94%, .8)
}

.hover\:bg-\[\#f6f6f6\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-bg_MenuHoverColor:hover {
    background-color: var(--color-bg-menuHoverColor)
}

.hover\:bg-bg_color_bonus_active:hover {
    background-color: var(--bg-color-bonus-active)
}

.hover\:bg-bg_color_footer_primary:hover {
    background-color: var(--bg-color-footer-primary)
}

.hover\:bg-bg_color_footer_secondary:hover {
    background-color: var(--bg-color-footer-secondary)
}

.hover\:bg-bg_color_input_bg:hover {
    background-color: var(--bg-color-input-bg)
}

.hover\:bg-bg_color_primary:hover {
    background-color: var(--bg-color-primary)
}

.hover\:bg-bg_color_quaternary:hover {
    background-color: var(--bg-color-quaternary)
}

.hover\:bg-bg_color_quaternary1:hover {
    background-color: var(--bg-color-quaternary1)
}

.hover\:bg-bg_color_quaternary2:hover {
    background-color: var(--bg-color-quaternary2)
}

.hover\:bg-bg_color_quaternary4:hover {
    background-color: var(--bg-color-quaternary4)
}

.hover\:bg-bg_color_quaternary6:hover {
    background-color: var(--bg-color-quaternary6)
}

.hover\:bg-bg_color_quaternary7:hover {
    background-color: var(--bg-color-quaternary7)
}

.hover\:bg-bg_color_secondary:hover {
    background-color: var(--bg-color-secondary)
}

.hover\:bg-bg_color_success1:hover {
    background-color: var(--bg-color-success1)
}

.hover\:bg-black\/80:hover {
    background-color: rgba(0, 0, 0, .8)
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity, 1))
}

.hover\:bg-color_affiliate_program_nonary:hover {
    background-color: var(--color-affiliate-program-nonary)
}

.hover\:bg-color_affiliate_program_primary_2:hover {
    background-color: var(--color-affiliate-program-primary-2)
}

.hover\:bg-color_affiliate_program_quinary:hover {
    background-color: var(--color-affiliate-program-quinary)
}

.hover\:bg-color_affiliate_program_septenary:hover {
    background-color: var(--color-affiliate-program-septenary)
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/10:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1
}

.hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3
}

.hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9
}

.hover\:bg-bg_brand_primary:hover {
    background-image: var(--bg-color-brand_primary)
}

.hover\:bg-bg_text_brand_primary:hover {
    background-image: var(--text-color-brand-primary)
}

.hover\:bg-bg_text_brand_secondary:hover {
    background-image: var(--text-color-brand-secondary)
}

.hover\:from-blue-600:hover {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(37, 99, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-color_affiliate_program_septenary:hover {
    --tw-gradient-from: var(--color-affiliate-program-septenary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-green-600:hover {
    --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(22, 163, 74, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-color_affiliate_program_nonary:hover {
    --tw-gradient-to: var(--color-affiliate-program-nonary) var(--tw-gradient-to-position)
}

.hover\:to-purple-700:hover {
    --tw-gradient-to: #7e22ce var(--tw-gradient-to-position)
}

.hover\:to-teal-700:hover {
    --tw-gradient-to: #0f766e var(--tw-gradient-to-position)
}

.hover\:bg-clip-text:hover {
    -webkit-background-clip: text;
    background-clip: text
}

.hover\:text-\[\#2c5aa0\]:hover {
    --tw-text-opacity: 1;
    color: rgb(44 90 160/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#333333\]:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#6a798f\]:hover {
    --tw-text-opacity: 1;
    color: rgb(106 121 143/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1))
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-text_brand_primary:hover {
    color: var(--text-color-brand-withOutGrd-primary)
}

.hover\:text-text_brand_secondary:hover {
    color: var(--text-color-brand-withOutGrd-secondary)
}

.hover\:text-text_color_primary1:hover {
    color: var(--text-color-primary1)
}

.hover\:text-text_color_primary2:hover {
    color: var(--text-color-primary2)
}

.hover\:text-transparent:hover {
    color: transparent
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-85:hover {
    opacity: .85
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-95:hover {
    opacity: .95
}

.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.hover\:shadow-\[0_8px_16px_\#0006\]:hover,
.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_8px_16px_\#0006\]:hover {
    --tw-shadow: 0 8px 16px #0006;
    --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color)
}

.hover\:shadow-\[1\.5px_0_4px_0_\#0000004d\]:hover {
    --tw-shadow: 1.5px 0 4px 0 #0000004d;
    --tw-shadow-colored: 1.5px 0 4px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[1\.5px_0_4px_0_\#0000004d\]:hover,
.hover\:shadow-lg:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.hover\:shadow-md:hover,
.hover\:shadow-sm:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-black\/20:hover {
    --tw-shadow-color: rgba(0, 0, 0, .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:brightness-90:hover {
    --tw-brightness: brightness(.9);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:backdrop-blur-sm:hover {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.hover\:show-scrollbar:hover::-webkit-scrollbar {
    display: block
}

.hover\:show-scrollbar:hover {
    -ms-overflow-style: auto;
    scrollbar-width: auto
}

.hover\:before\:opacity-10:hover:before {
    content: var(--tw-content);
    opacity: .1
}

.hover\:before\:opacity-\[0\.04\]:hover:before {
    content: var(--tw-content);
    opacity: .04
}

.hover\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:hover:before {
    content: var(--tw-content);
    --tw-shadow: 0px 0px 0px 13px rgba(0, 0, 0, .6);
    --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:not-sr-only:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    width: auto;
    clip: auto;
    white-space: normal
}

.focus\:absolute:focus {
    position: absolute
}

.focus\:left-4:focus {
    left: 1rem
}

.focus\:top-4:focus {
    top: 1rem
}

.focus\:z-50:focus {
    z-index: 50
}

.focus\:rounded-md:focus {
    border-radius: .375rem
}

.focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250/var(--tw-border-opacity, 1))
}

.focus\:border-border_color_activeInput:focus {
    border-color: var(--border-color-activeInput)
}

.focus\:border-border_color_brand_primary:focus {
    border-color: var(--border-color-brand_primary)
}

.focus\:border-border_color_danger:focus {
    border-color: var(--border-color-danger)
}

.focus\:border-border_color_success:focus {
    border-color: var(--border-color-success)
}

.focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94/var(--tw-border-opacity, 1))
}

.focus\:border-oddInputBorderActive:focus {
    border-color: var(--border-oddInputBorderActive)
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:bg-bg_color_input_bg:focus {
    background-color: var(--bg-color-input-bg)
}

.focus\:bg-blue-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.focus\:px-4:focus {
    padding-left: 1rem;
    padding-right: 1rem
}

.focus\:py-2:focus {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-\[\#337ab7\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 122 183/var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5
}

.focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus\:before\:scale-100:focus:before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:before\:opacity-\[0\.12\]:focus:before {
    content: var(--tw-content);
    opacity: .12
}

.focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:focus:before {
    content: var(--tw-content);
    --tw-shadow: 0px 0px 0px 13px rgba(0, 0, 0, .6);
    --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: box-shadow .2s, transform .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.checked\:focus\:border-primary:focus:checked {
    border-color: var(--border-primary)
}

.checked\:focus\:before\:scale-100:focus:checked:before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked:before {
    content: var(--tw-content);
    --tw-shadow: 0px 0px 0px 13px #3b71ca;
    --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.checked\:focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: box-shadow .2s, transform .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.active\:translate-y-1:active {
    --tw-translate-y: 0.25rem
}

.active\:scale-100:active,
.active\:translate-y-1:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.active\:scale-105:active {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.active\:scale-105:active,
.active\:scale-150:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-150:active {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.active\:scale-90:active {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.active\:scale-90:active,
.active\:scale-95:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.active\:scale-\[0\.95\]:active {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95
}

.active\:scale-\[0\.95\]:active,
.active\:scale-\[0\.97\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.97\]:active {
    --tw-scale-x: 0.97;
    --tw-scale-y: 0.97
}

.active\:scale-\[0\.98\]:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98
}

.active\:scale-\[0\.98\]:active,
.active\:scale-\[0\.99\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.99\]:active {
    --tw-scale-x: 0.99;
    --tw-scale-y: 0.99
}

.active\:scale-\[103\%\]:active {
    --tw-scale-x: 103%;
    --tw-scale-y: 103%
}

.active\:scale-\[103\%\]:active,
.active\:scale-\[115\%\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[115\%\]:active {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%
}

.active\:scale-\[120\%\]:active {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%
}

.active\:scale-\[120\%\]:active,
.active\:scale-\[94\%\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[94\%\]:active {
    --tw-scale-x: 94%;
    --tw-scale-y: 94%
}

.active\:scale-\[97\%\]:active {
    --tw-scale-x: 97%;
    --tw-scale-y: 97%
}

.active\:scale-\[97\%\]:active,
.active\:scale-\[98\%\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[98\%\]:active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%
}

.active\:scale-\[99\%\]:active {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:animate-spin:active {
    animation: spin 1s linear infinite
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:border-border_color_brand_primary:active {
    border-color: var(--border-color-brand_primary)
}

.active\:border-border_color_primary1:active {
    border-color: var(--border-color-primary1)
}

.active\:border-oddInputBorderActive:active {
    border-color: var(--border-oddInputBorderActive)
}

.active\:border-primary:active {
    border-color: var(--border-primary)
}

.active\:bg-bg_color_quaternary:active {
    background-color: var(--bg-color-quaternary)
}

.active\:bg-bg_color_quaternary2:active {
    background-color: var(--bg-color-quaternary2)
}

.active\:bg-bg_color_quaternary4:active {
    background-color: var(--bg-color-quaternary4)
}

.active\:bg-bg_color_quaternary6:active {
    background-color: var(--bg-color-quaternary6)
}

.active\:bg-bg_color_success:active {
    background-color: var(--bg-color-success)
}

.active\:text-text_brand_primary:active {
    color: var(--text-color-brand-withOutGrd-primary)
}

.active\:text-text_color_primary2:active {
    color: var(--text-color-primary2)
}

.active\:underline:active {
    text-decoration-line: underline
}

.active\:opacity-70:active {
    opacity: .7
}

.active\:opacity-75:active {
    opacity: .75
}

.active\:opacity-85:active {
    opacity: .85
}

.active\:opacity-90:active {
    opacity: .9
}

.active\:opacity-95:active {
    opacity: .95
}

.active\:transition-transform:active {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.active\:duration-100:active {
    transition-duration: .1s
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-bg_color_slate500:disabled {
    background-color: var(--bg-color-slate500)
}

.disabled\:opacity-40:disabled {
    opacity: .4
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.disabled\:opacity-70:disabled {
    opacity: .7
}

.disabled\:opacity-80:disabled {
    opacity: .8
}

.disabled\:opacity-95:disabled {
    opacity: .95
}

.group:hover .group-hover\:translate-x-1\.5 {
    --tw-translate-x: 0.375rem
}

.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-x-1\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-105,
.group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.group:hover .group-hover\:scale-\[105\%\] {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.group:hover .group-hover\:animate-shake {
    animation: shake 1s ease-in-out infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.group:hover .group-hover\:animate-spin {
    animation: spin 1s linear infinite
}

.group:hover .group-hover\:border-primary {
    border-color: var(--border-primary)
}

.group:hover .group-hover\:text-\[\#b0b0b0\] {
    --tw-text-opacity: 1;
    color: rgb(176 176 176/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-text_brand_primary {
    color: var(--text-color-brand-withOutGrd-primary)
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white\/80 {
    color: hsla(0, 0%, 100%, .8)
}

.group:hover .group-hover\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:shadow-\[0_0_5px_\#24f9f680\] {
    --tw-shadow: 0 0 5px #24f9f680;
    --tw-shadow-colored: 0 0 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:hover .group-hover\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.peer:checked~.peer-checked\:bg-bg_color_switchAfterCheck {
    background-color: var(--bg-color-switchAfterCheck)
}

.peer:checked~.peer-checked\:opacity-100 {
    opacity: 1
}

@media (prefers-reduced-motion:reduce) {
    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
        animation: spin 1.5s linear infinite
    }
}

@media (max-width:1440px) {
    .max-\[1440px\]\:w-\[17\%\] {
        width: 17%
    }

    .max-\[1440px\]\:min-w-\[244px\] {
        min-width: 244px
    }
}

@media (min-width:280px) {
    .xxs\:w-72 {
        width: 18rem
    }

    .xxs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xxs\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xxs\:flex-col {
        flex-direction: column
    }

    .xxs\:items-start {
        align-items: flex-start
    }

    .xxs\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
}

@media (min-width:320px) {
    .xxs1\:flex {
        display: flex
    }
}

@media (min-width:368px) {
    .xs\:w-5 {
        width: 1.25rem
    }

    .xs\:min-w-\[77\%\] {
        min-width: 77%
    }

    .xs\:max-w-\[200px\] {
        max-width: 200px
    }

    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xs\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xs\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xs\:justify-start {
        justify-content: flex-start
    }

    .xs\:p-0 {
        padding: 0
    }

    .xs\:p-5 {
        padding: 1.25rem
    }

    .xs\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xs\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .xs\:text-\[11px\] {
        font-size: 11px
    }

    .xs\:text-\[13px\] {
        font-size: 13px
    }

    .xs\:text-\[15px\] {
        font-size: 15px
    }

    .xs\:text-\[8px\] {
        font-size: 8px
    }

    .xs\:text-\[9px\] {
        font-size: 9px
    }

    .xs\:text-base {
        font-size: 1rem
    }

    .xs\:text-sm {
        font-size: .875rem
    }

    .xs\:text-x {
        font-size: .625rem
    }

    .xs\:text-xs {
        font-size: .75rem
    }
}

@media (min-width:380px) {
    .xs1\:block {
        display: block
    }

    .xs1\:flex {
        display: flex
    }

    .xs1\:text-\[11px\] {
        font-size: 11px
    }

    .xs1\:text-xs {
        font-size: .75rem
    }
}

@media (min-width:430px) {
    .xsm\:block {
        display: block
    }

    .xsm\:size-6 {
        height: 1.5rem;
        width: 1.5rem
    }

    .xsm\:min-w-\[60\%\] {
        min-width: 60%
    }

    .xsm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xsm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .xsm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xsm\:text-xs {
        font-size: .75rem
    }
}

@media (min-width:640px) {
    .sm\:absolute {
        position: absolute
    }

    .sm\:right-2 {
        right: .5rem
    }

    .sm\:top-2 {
        top: .5rem
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mb-2 {
        margin-bottom: .5rem
    }

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:ml-3 {
        margin-left: .75rem
    }

    .sm\:ml-4 {
        margin-left: 1rem
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[1\.35\] {
        aspect-ratio: 1.35
    }

    .sm\:size-3 {
        height: .75rem;
        width: .75rem
    }

    .sm\:size-4 {
        height: 1rem;
        width: 1rem
    }

    .sm\:size-7 {
        height: 1.75rem;
        width: 1.75rem
    }

    .sm\:size-\[24px\] {
        height: 24px;
        width: 24px
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-11 {
        height: 2.75rem
    }

    .sm\:h-2 {
        height: .5rem
    }

    .sm\:h-2\.5 {
        height: .625rem
    }

    .sm\:h-3 {
        height: .75rem
    }

    .sm\:h-4 {
        height: 1rem
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-7 {
        height: 1.75rem
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-\[140px\] {
        height: 140px
    }

    .sm\:h-\[21px\] {
        height: 21px
    }

    .sm\:h-\[240px\] {
        height: 240px
    }

    .sm\:h-\[250px\] {
        height: 250px
    }

    .sm\:h-\[28px\] {
        height: 28px
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:max-h-\[100px\] {
        max-height: 100px
    }

    .sm\:min-h-\[108px\] {
        min-height: 108px
    }

    .sm\:min-h-\[40px\] {
        min-height: 40px
    }

    .sm\:min-h-\[70\%\] {
        min-height: 70%
    }

    .sm\:min-h-\[72\%\] {
        min-height: 72%
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-2 {
        width: .5rem
    }

    .sm\:w-2\.5 {
        width: .625rem
    }

    .sm\:w-3 {
        width: .75rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-8 {
        width: 2rem
    }

    .sm\:w-\[140px\] {
        width: 140px
    }

    .sm\:w-\[150px\] {
        width: 150px
    }

    .sm\:w-\[26px\] {
        width: 26px
    }

    .sm\:w-\[30px\] {
        width: 30px
    }

    .sm\:w-\[4\.375rem\] {
        width: 4.375rem
    }

    .sm\:w-\[85\%\] {
        width: 85%
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .sm\:min-w-\[140px\] {
        min-width: 140px
    }

    .sm\:min-w-\[240px\] {
        min-width: 240px
    }

    .sm\:min-w-\[25\%\] {
        min-width: 25%
    }

    .sm\:min-w-\[300px\] {
        min-width: 300px
    }

    .sm\:min-w-\[4\.375rem\] {
        min-width: 4.375rem
    }

    .sm\:min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
    }

    .sm\:max-w-2xl {
        max-width: 42rem
    }

    .sm\:max-w-\[250px\] {
        max-width: 250px
    }

    .sm\:max-w-\[350px\] {
        max-width: 350px
    }

    .sm\:max-w-\[380px\] {
        max-width: 380px
    }

    .sm\:max-w-\[400px\] {
        max-width: 400px
    }

    .sm\:max-w-\[450px\] {
        max-width: 450px
    }

    .sm\:max-w-\[85\%\] {
        max-width: 85%
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:flex-\[0_0_20\%\] {
        flex: 0 0 20%
    }

    .sm\:flex-none {
        flex: none
    }

    .sm\:scale-\[1\.05\] {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:gap-12 {
        gap: 3rem
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm\:gap-y-2 {
        row-gap: .5rem
    }

    .sm\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
        margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }

    .sm\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .sm\:rounded-\[2px\] {
        border-radius: 2px
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:rounded-md {
        border-radius: .375rem
    }

    .sm\:rounded-xl {
        border-radius: .75rem
    }

    .sm\:rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .sm\:rounded-t-md {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

    .sm\:border {
        border-width: 1px
    }

    .sm\:border-t {
        border-top-width: 1px
    }

    .sm\:border-border_color_primary {
        border-color: var(--border-color-primary)
    }

    .sm\:border-transparent {
        border-color: transparent
    }

    .sm\:border-b-white {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(255 255 255/var(--tw-border-opacity, 1))
    }

    .sm\:border-l-\[\#dee2e6\] {
        --tw-border-opacity: 1;
        border-left-color: rgb(222 226 230/var(--tw-border-opacity, 1))
    }

    .sm\:border-r-\[\#dee2e6\] {
        --tw-border-opacity: 1;
        border-right-color: rgb(222 226 230/var(--tw-border-opacity, 1))
    }

    .sm\:border-t-\[\#dee2e6\] {
        --tw-border-opacity: 1;
        border-top-color: rgb(222 226 230/var(--tw-border-opacity, 1))
    }

    .sm\:bg-\[\#f7f7f7\] {
        --tw-bg-opacity: 1;
        background-color: rgb(247 247 247/var(--tw-bg-opacity, 1))
    }

    .sm\:bg-transparent {
        background-color: transparent
    }

    .sm\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .sm\:px-\[3px\] {
        padding-left: 3px;
        padding-right: 3px
    }

    .sm\:py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .sm\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .sm\:py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:py-4 {
        padding-top: 1rem
    }

    .sm\:pb-4,
    .sm\:py-4 {
        padding-bottom: 1rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pl-\[10px\] {
        padding-left: 10px
    }

    .sm\:pr-3 {
        padding-right: .75rem
    }

    .sm\:pr-\[30px\] {
        padding-right: 30px
    }

    .sm\:pt-3 {
        padding-top: .75rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

    .sm\:pt-6 {
        padding-top: 1.5rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-2xl {
        font-size: 1.5rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-\[0\.6875rem\] {
        font-size: .6875rem
    }

    .sm\:text-\[11px\] {
        font-size: 11px
    }

    .sm\:text-\[13px\] {
        font-size: 13px
    }

    .sm\:text-\[20px\] {
        font-size: 20px
    }

    .sm\:text-\[28px\] {
        font-size: 28px
    }

    .sm\:text-\[9px\] {
        font-size: 9px
    }

    .sm\:text-base {
        font-size: 1rem
    }

    .sm\:text-lg {
        font-size: 1.125rem
    }

    .sm\:text-sm {
        font-size: .875rem
    }

    .sm\:text-x {
        font-size: .625rem
    }

    .sm\:text-xl {
        font-size: 1.25rem
    }

    .sm\:text-xs {
        font-size: .75rem
    }

    .sm\:font-\[500\],
    .sm\:font-medium {
        font-weight: 500
    }

    .sm\:uppercase {
        text-transform: uppercase
    }

    .sm\:leading-normal {
        line-height: 1.5
    }

    .sm\:leading-tight {
        line-height: 1.25
    }

    .sm\:text-\[\#262626\] {
        --tw-text-opacity: 1;
        color: rgb(38 38 38/var(--tw-text-opacity, 1))
    }

    .sm\:text-\[\#444\] {
        --tw-text-opacity: 1;
        color: rgb(68 68 68/var(--tw-text-opacity, 1))
    }

    .sm\:text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

    .sm\:text-text_color_primary {
        color: var(--text-color-primary)
    }

    .sm\:no-underline {
        text-decoration-line: none
    }

    .sm\:font-medium {
        font-weight: 500 !important
    }

    @-moz-document url-prefix() {
        .sm\:font-medium {
            font-weight: 300 !important
        }
    }

    .hover\:sm\:-translate-y-0\.5:hover {
        --tw-translate-y: -0.125rem
    }

    .hover\:sm\:-translate-y-0\.5:hover,
    .sm\:hover\:translate-y-\[-2px\]:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:hover\:translate-y-\[-2px\]:hover {
        --tw-translate-y: -2px
    }

    .hover\:sm\:shadow-sm:hover {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width:768px) {
    .md\:right-0 {
        right: 0
    }

    .md\:top-\[125\%\] {
        top: 125%
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:m-1 {
        margin: .25rem
    }

    .md\:-mt-\[130px\] {
        margin-top: -130px
    }

    .md\:mb-0\.5 {
        margin-bottom: .125rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mr-2 {
        margin-right: .5rem
    }

    .md\:mr-\[15px\] {
        margin-right: 15px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-\[0px\] {
        margin-top: 0
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:size-10 {
        height: 2.5rem;
        width: 2.5rem
    }

    .md\:size-3\.5 {
        height: .875rem;
        width: .875rem
    }

    .md\:size-4 {
        height: 1rem;
        width: 1rem
    }

    .md\:size-5 {
        height: 1.25rem;
        width: 1.25rem
    }

    .md\:size-6 {
        height: 1.5rem;
        width: 1.5rem
    }

    .md\:size-8 {
        height: 2rem;
        width: 2rem
    }

    .md\:size-\[26px\] {
        height: 26px;
        width: 26px
    }

    .md\:size-\[35px\] {
        height: 35px;
        width: 35px
    }

    .md\:size-\[50px\] {
        height: 50px;
        width: 50px
    }

    .md\:size-\[60px\] {
        height: 60px;
        width: 60px
    }

    .md\:size-\[87px\] {
        height: 87px;
        width: 87px
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-11 {
        height: 2.75rem
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-\[12px\] {
        height: 12px
    }

    .md\:h-\[160px\] {
        height: 160px
    }

    .md\:h-\[22px\] {
        height: 22px
    }

    .md\:h-\[24px\] {
        height: 24px
    }

    .md\:h-\[28px\] {
        height: 28px
    }

    .md\:h-\[300px\] {
        height: 300px
    }

    .md\:h-\[37px\] {
        height: 37px
    }

    .md\:h-\[45px\] {
        height: 45px
    }

    .md\:h-\[50px\] {
        height: 50px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-max {
        height: -moz-max-content;
        height: max-content
    }

    .md\:max-h-10 {
        max-height: 2.5rem
    }

    .md\:max-h-16 {
        max-height: 4rem
    }

    .md\:min-h-\[46px\] {
        min-height: 46px
    }

    .md\:min-h-\[85px\] {
        min-height: 85px
    }

    .md\:min-h-max {
        min-height: -moz-max-content;
        min-height: max-content
    }

    .md\:w-0\.5 {
        width: .125rem
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-14 {
        width: 3.5rem
    }

    .md\:w-16 {
        width: 4rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-\[10px\] {
        width: 10px
    }

    .md\:w-\[160px\] {
        width: 160px
    }

    .md\:w-\[22px\] {
        width: 22px
    }

    .md\:w-\[240px\] {
        width: 240px
    }

    .md\:w-\[24px\] {
        width: 24px
    }

    .md\:w-\[28px\] {
        width: 28px
    }

    .md\:w-\[33\%\] {
        width: 33%
    }

    .md\:w-\[35\%\] {
        width: 35%
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[551px\] {
        width: 551px
    }

    .md\:w-\[70\%\] {
        width: 70%
    }

    .md\:w-\[89\%\] {
        width: 89%
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .md\:min-w-\[120px\] {
        min-width: 120px
    }

    .md\:min-w-\[150px\] {
        min-width: 150px
    }

    .md\:min-w-\[160px\] {
        min-width: 160px
    }

    .md\:min-w-\[17rem\] {
        min-width: 17rem
    }

    .md\:min-w-\[280px\] {
        min-width: 280px
    }

    .md\:min-w-\[300px\] {
        min-width: 300px
    }

    .md\:min-w-\[660px\] {
        min-width: 660px
    }

    .md\:max-w-\[320px\] {
        max-width: 320px
    }

    .md\:max-w-\[350px\] {
        max-width: 350px
    }

    .md\:max-w-\[70\%\] {
        max-width: 70%
    }

    .md\:max-w-\[700px\] {
        max-width: 700px
    }

    .md\:max-w-lg {
        max-width: 32rem
    }

    .md\:max-w-none {
        max-width: none
    }

    .md\:translate-y-1\/2 {
        --tw-translate-y: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:cursor-default {
        cursor: default
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-\[10px\] {
        gap: 10px
    }

    .md\:gap-\[15px\] {
        gap: 15px
    }

    .md\:gap-\[30px\] {
        gap: 30px
    }

    .md\:gap-x-0 {
        -moz-column-gap: 0;
        column-gap: 0
    }

    .md\:gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .md\:gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .md\:rounded {
        border-radius: .25rem
    }

    .md\:rounded-2xl {
        border-radius: 1rem
    }

    .md\:rounded-\[0\.3125rem\] {
        border-radius: .3125rem
    }

    .md\:rounded-\[1px\] {
        border-radius: 1px
    }

    .md\:rounded-\[8px\] {
        border-radius: 8px
    }

    .md\:rounded-full {
        border-radius: 9999px
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-md {
        border-radius: .375rem
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-sm {
        border-radius: .125rem
    }

    .md\:rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .md\:rounded-t-md {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-\[15px\] {
        border-width: 15px
    }

    .md\:border-t-4 {
        border-top-width: 4px
    }

    .md\:border-none {
        border-style: none
    }

    .md\:border-\[\#444\] {
        --tw-border-opacity: 1;
        border-color: rgb(68 68 68/var(--tw-border-opacity, 1))
    }

    .md\:border-\[\#888888\] {
        --tw-border-opacity: 1;
        border-color: rgb(136 136 136/var(--tw-border-opacity, 1))
    }

    .md\:border-\[\#cfd7e9\] {
        --tw-border-opacity: 1;
        border-color: rgb(207 215 233/var(--tw-border-opacity, 1))
    }

    .md\:bg-\[\#242731\] {
        --tw-bg-opacity: 1;
        background-color: rgb(36 39 49/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[\#f5f5f5\] {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[\#f6f6f6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[\#f8d7da\] {
        --tw-bg-opacity: 1;
        background-color: rgb(248 215 218/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[\#fff\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .md\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[linear-gradient\(90deg\2c _\#142969_50\.05\%\2c _\#84c2f1_99\%\)\] {
        background-image: linear-gradient(90deg, #142969 50.05%, #84c2f1 99%)
    }

    .md\:bg-\[linear-gradient\(95\.22deg\2c _\#2dc3e8_7\.33\%\2c _\#2d7182_108\.79\%\)\] {
        background-image: linear-gradient(95.22deg, #2dc3e8 7.33%, #2d7182 108.79%)
    }

    .md\:bg-bg_color_LoginPopUpBg {
        background-image: var(--bg-color-LoginPopUpBg)
    }

    .md\:bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--tw-gradient-stops))
    }

    .md\:from-\[\#457fca\] {
        --tw-gradient-from: #457fca var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(69, 127, 202, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .md\:from-\[\#f4c4f3\] {
        --tw-gradient-from: #f4c4f3 var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(244, 196, 243, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .md\:to-\[\#84c2f1\] {
        --tw-gradient-to: #84c2f1 var(--tw-gradient-to-position)
    }

    .md\:to-\[\#f59dc2\] {
        --tw-gradient-to: #f59dc2 var(--tw-gradient-to-position)
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-\[1px\] {
        padding: 1px
    }

    .md\:p-\[5px\] {
        padding: 5px
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-\[\.9275rem\] {
        padding-left: .9275rem;
        padding-right: .9275rem
    }

    .md\:px-\[1\.125rem\] {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .md\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .md\:px-\[3px\] {
        padding-left: 3px;
        padding-right: 3px
    }

    .md\:px-\[5px\] {
        padding-left: 5px;
        padding-right: 5px
    }

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .md\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .md\:py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .md\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .md\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .md\:py-\[\.5625rem\] {
        padding-bottom: .5625rem;
        padding-top: .5625rem
    }

    .md\:py-\[14px\] {
        padding-bottom: 14px;
        padding-top: 14px
    }

    .md\:py-\[3\.2px\] {
        padding-bottom: 3.2px;
        padding-top: 3.2px
    }

    .md\:py-\[4\.8px\] {
        padding-bottom: 4.8px;
        padding-top: 4.8px
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-1\.5 {
        padding-bottom: .375rem
    }

    .md\:pb-2 {
        padding-bottom: .5rem
    }

    .md\:pb-\[\.9375rem\] {
        padding-bottom: .9375rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-2 {
        padding-left: .5rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pl-\[12px\] {
        padding-left: 12px
    }

    .md\:pl-\[17px\] {
        padding-left: 17px
    }

    .md\:pl-\[4\.8px\] {
        padding-left: 4.8px
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-0\.5 {
        padding-right: .125rem
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pr-2\.5 {
        padding-right: .625rem
    }

    .md\:pr-3 {
        padding-right: .75rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pr-\[15\.2px\] {
        padding-right: 15.2px
    }

    .md\:pr-\[7px\] {
        padding-right: 7px
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:pt-\[5rem\] {
        padding-top: 5rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:font-sans {
        font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    .md\:text-2xl {
        font-size: 1.5rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-\[\.875rem\] {
        font-size: .875rem
    }

    .md\:text-\[10px\] {
        font-size: 10px
    }

    .md\:text-\[11px\] {
        font-size: 11px
    }

    .md\:text-\[13\.2px\] {
        font-size: 13.2px
    }

    .md\:text-\[13\.5px\] {
        font-size: 13.5px
    }

    .md\:text-\[13px\] {
        font-size: 13px
    }

    .md\:text-\[14px\] {
        font-size: 14px
    }

    .md\:text-\[15px\] {
        font-size: 15px
    }

    .md\:text-\[16px\] {
        font-size: 16px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[22px\] {
        font-size: 22px
    }

    .md\:text-base {
        font-size: 1rem
    }

    .md\:text-lg {
        font-size: 1.125rem
    }

    .md\:text-sm {
        font-size: .875rem
    }

    .md\:text-x {
        font-size: .625rem
    }

    .md\:text-xl {
        font-size: 1.25rem
    }

    .md\:text-xs {
        font-size: .75rem
    }

    .md\:font-\[500\] {
        font-weight: 500
    }

    .md\:font-bold {
        font-weight: 700
    }

    .md\:font-light {
        font-weight: 300
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:font-normal {
        font-weight: 400
    }

    .md\:font-semibold {
        font-weight: 600
    }

    .md\:tracking-wide {
        letter-spacing: .025em
    }

    .md\:text-\[\#444\] {
        --tw-text-opacity: 1;
        color: rgb(68 68 68/var(--tw-text-opacity, 1))
    }

    .md\:text-\[\#842029\] {
        --tw-text-opacity: 1;
        color: rgb(132 32 41/var(--tw-text-opacity, 1))
    }

    .md\:text-\[\#858585\] {
        --tw-text-opacity: 1;
        color: rgb(133 133 133/var(--tw-text-opacity, 1))
    }

    .md\:text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

    .md\:text-text_color_loginTextColor {
        color: var(--text-color-loginTextColor)
    }

    .md\:text-text_color_primary2 {
        color: var(--text-color-primary2)
    }

    .md\:shadow-\[0_0_4px_\#0000004d\] {
        --tw-shadow: 0 0 4px #0000004d;
        --tw-shadow-colored: 0 0 4px var(--tw-shadow-color)
    }

    .md\:shadow-\[0_0_4px_\#0000004d\],
    .md\:shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .md\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
    }

    .md\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .md\:font-bold {
        font-weight: 700 !important
    }

    .md\:font-semibold {
        font-weight: 600 !important
    }

    .md\:font-medium {
        font-weight: 500 !important
    }

    .md\:font-light {
        font-weight: 300 !important
    }

    @-moz-document url-prefix() {
        .md\:font-bold {
            font-weight: 500 !important
        }

        .md\:font-semibold {
            font-weight: 400 !important
        }

        .md\:font-medium {
            font-weight: 300 !important
        }

        .md\:font-light {
            font-weight: 200 !important
        }
    }

    .md\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .md\:hover\:scale-105:hover,
    .md\:hover\:scale-\[1\.01\]:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:scale-\[1\.01\]:hover {
        --tw-scale-x: 1.01;
        --tw-scale-y: 1.01
    }

    .md\:hover\:scale-\[101\%\]:hover {
        --tw-scale-x: 101%;
        --tw-scale-y: 101%
    }

    .md\:hover\:scale-\[101\%\]:hover,
    .md\:hover\:scale-\[103\%\]:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:scale-\[103\%\]:hover {
        --tw-scale-x: 103%;
        --tw-scale-y: 103%
    }

    .md\:hover\:scale-\[98\%\]:hover {
        --tw-scale-x: 98%;
        --tw-scale-y: 98%
    }

    .md\:hover\:scale-\[98\%\]:hover,
    .md\:hover\:scale-x-\[101\.5\%\]:hover {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:scale-x-\[101\.5\%\]:hover {
        --tw-scale-x: 101.5%
    }

    .md\:hover\:scale-y-\[102\%\]:hover {
        --tw-scale-y: 102%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:cursor-pointer:hover {
        cursor: pointer
    }

    .md\:hover\:bg-bg_color_quaternary:hover {
        background-color: var(--bg-color-quaternary)
    }

    .md\:active\:scale-100:active {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:active\:scale-100:active,
    .md\:active\:scale-\[98\%\]:active {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:active\:scale-\[98\%\]:active {
        --tw-scale-x: 98%;
        --tw-scale-y: 98%
    }

    .md\:active\:opacity-100:active {
        opacity: 1
    }
}

@media (min-width:1024px) {
    .lg\:relative {
        position: relative
    }

    .lg\:bottom-1 {
        bottom: .25rem
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:mb-2 {
        margin-bottom: .5rem
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:ml-2 {
        margin-left: .5rem
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mt-1 {
        margin-top: .25rem
    }

    .lg\:mt-2 {
        margin-top: .5rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-\[0px\] {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-\[72px\] {
        height: 72px
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-max {
        height: -moz-max-content;
        height: max-content
    }

    .lg\:w-\[20\%\] {
        width: 20%
    }

    .lg\:w-\[40\%\] {
        width: 40%
    }

    .lg\:w-\[45\%\] {
        width: 45%
    }

    .lg\:w-\[450px\] {
        width: 450px
    }

    .lg\:w-\[54\%\] {
        width: 54%
    }

    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-\[180px\] {
        min-width: 180px
    }

    .lg\:min-w-\[189px\] {
        min-width: 189px
    }

    .lg\:min-w-\[750px\] {
        min-width: 750px
    }

    .lg\:max-w-\[45\%\] {
        max-width: 45%
    }

    .lg\:max-w-\[450px\] {
        max-width: 450px
    }

    .lg\:max-w-\[700px\] {
        max-width: 700px
    }

    .lg\:max-w-\[850px\] {
        max-width: 850px
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .lg\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:gap-2\.5 {
        gap: .625rem
    }

    .lg\:gap-\[0\.5px\] {
        gap: .5px
    }

    .lg\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse));
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)))
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:overflow-y-auto {
        overflow-y: auto
    }

    .lg\:overflow-y-hidden {
        overflow-y: hidden
    }

    .lg\:rounded {
        border-radius: .25rem
    }

    .lg\:rounded-\[0\.3125rem\] {
        border-radius: .3125rem
    }

    .lg\:rounded-lg {
        border-radius: .5rem
    }

    .lg\:border-none {
        border-style: none
    }

    .lg\:bg-bg_color_primary {
        background-color: var(--bg-color-primary)
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .lg\:py-\[1\.6px\] {
        padding-bottom: 1.6px;
        padding-top: 1.6px
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-2 {
        padding-bottom: .5rem
    }

    .lg\:pb-\[0px\] {
        padding-bottom: 0
    }

    .lg\:pl-3 {
        padding-left: .75rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-2 {
        padding-top: .5rem
    }

    .lg\:pt-2\.5 {
        padding-top: .625rem
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem
    }

    .lg\:text-\[10px\] {
        font-size: 10px
    }

    .lg\:text-\[11px\] {
        font-size: 11px
    }

    .lg\:text-\[12px\] {
        font-size: 12px
    }

    .lg\:text-\[14px\] {
        font-size: 14px
    }

    .lg\:text-\[15px\] {
        font-size: 15px
    }

    .lg\:text-base {
        font-size: 1rem
    }

    .lg\:text-lg {
        font-size: 1.125rem
    }

    .lg\:text-sm {
        font-size: .875rem
    }

    .lg\:text-xl {
        font-size: 1.25rem
    }

    .lg\:text-xs {
        font-size: .75rem
    }

    .lg\:font-bold {
        font-weight: 700
    }

    .lg\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
    }

    .lg\:shadow-lg,
    .lg\:shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .lg\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
    }

    .lg\:shadow-passwordRulesBox {
        --tw-shadow: -4px -9px 63px 3px rgba(0, 0, 0, .1), 0px 8px 10px -6px rgba(0, 0, 0, .1);
        --tw-shadow-colored: -4px -9px 63px 3px var(--tw-shadow-color), 0px 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .lg\:font-bold {
        font-weight: 700 !important
    }

    @-moz-document url-prefix() {
        .lg\:font-bold {
            font-weight: 500 !important
        }
    }
}

@media (min-width:1220px) {
    .xlg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media (min-width:1280px) {
    .xl\:flex {
        display: flex
    }

    .xl\:w-\[20\%\] {
        width: 20%
    }

    .xl\:w-\[30\%\] {
        width: 30%
    }

    .xl\:min-w-\[200px\] {
        min-width: 200px
    }

    .xl\:max-w-\[400px\] {
        max-width: 400px
    }

    .xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:text-nowrap {
        text-wrap: nowrap
    }

    .xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width:1536px) {
    .\32xl\:w-\[25\%\] {
        width: 25%
    }

    .\32xl\:w-\[40\%\] {
        width: 40%
    }

    .\32xl\:min-w-\[220px\] {
        min-width: 220px
    }

    .\32xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .\32xl\:text-\[0\.625rem\] {
        font-size: .625rem
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:border-neutral-600 {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 82/var(--tw-border-opacity, 1))
    }

    .dark\:checked\:border-primary:checked {
        border-color: var(--border-primary)
    }

    .dark\:checked\:after\:border-primary:checked:after {
        border-color: var(--border-primary);
        content: var(--tw-content)
    }

    .dark\:checked\:after\:bg-bg_brand_primary:checked:after {
        background-image: var(--bg-color-brand_primary);
        content: var(--tw-content)
    }

    .dark\:focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]:focus:before {
        content: var(--tw-content);
        --tw-shadow: 0px 0px 0px 13px hsla(0, 0%, 100%, .4);
        --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .dark\:checked\:focus\:border-primary:focus:checked {
        border-color: var(--border-primary)
    }

    .dark\:checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked:before {
        content: var(--tw-content);
        --tw-shadow: 0px 0px 0px 13px #3b71ca;
        --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

.\[\&\>\*\:first-child\]\:mt-0>:first-child {
    margin-top: 0
}

.\[\&\>\*\:last-child\]\:mb-0>:last-child {
    margin-bottom: 0
}

.\[\&\>span\]\:absolute>span {
    position: absolute
}

.\[\&\>span\]\:inset-0>span {
    inset: 0
}

.\[\&\>span\]\:inline-flex>span {
    display: inline-flex
}

.\[\&\>span\]\:h-full>span {
    height: 100%
}

.\[\&\>span\]\:w-full>span {
    width: 100%
}

.\[\&\>span\]\:before\:h-1\.5>span:before {
    content: var(--tw-content);
    height: .375rem
}

.\[\&\>span\]\:before\:w-1\.5>span:before {
    content: var(--tw-content);
    width: .375rem
}

@keyframes fadeIn {

    0%,
    39%,
    to {
        content: var(--tw-content);
        opacity: 0
    }

    40% {
        content: var(--tw-content);
        opacity: 1
    }
}

.\[\&\>span\]\:before\:animate-fadeIn>span:before {
    animation: fadeIn 1.2s ease-in-out infinite both;
    content: var(--tw-content)
}

.\[\&\>span\]\:before\:rounded-full>span:before {
    border-radius: 9999px;
    content: var(--tw-content)
}

.\[\&\>span\]\:before\:bg-bg_color_brand_primary1>span:before {
    background-color: var(--bg-color-brand-primary1);
    content: var(--tw-content)
}

@supports(-webkit-touch-callout:none) {
    .\[\@supports\(-webkit-touch-callout\:none\)\]\:h-full {
        height: 100%
    }
}
/* Save As Code Css*/
/* 2nd Save As CSS */
input[type=number] {
    -moz-appearance: textfield
}

body,
html {
    overflow-x: hidden
}

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
    --loader-size: 100px;
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --bg-color-success1: #4cae4f4d;
    --icon-color-info: #5093ff;
    --icon-color-warning: #f38221;
    --icon-color-pending: #f38221;
    --icon-color-error: #c10931;
    --icon-color-loader: #005a52;
    --icon-color-rulesOpenIconColor: #9d9d9d;
    --icon-color-favouriteIconColor: #dfc548;
    --icon-color-menuSearchIconsColor: #cc5f36;
    --icon-color-betSlipIconsColor: #b0b0b0;
    --icon-color-success: #4cae50;
    --icon-color-bonus-active: #ffb700;
    --icon-color-activeBonusStroke: #ffbf00;
    --icon-color-awaitingBonus: #e4a401;
    --color-common-primary: #ffffff1a;
    --color-lossback-1: #15803d1a;
    --color-lossback-card-bg: linear-gradient(90deg, #15803d, #000, #000);
    --text-color-lossback-amt: #facc15;
    --bg-color-lossbackSeeAll: #16a34a;
    --bg-color-avlnowLossback: #eab30833;
    --bg-color-claimNowLossbackButton: linear-gradient(90deg, #f59e0b, #fbbf24);
    --bg-color-claimedButton: #006a29;
    --bg-color-claimAwaitingButton: #64748b;
    --bg-color-loginInputBg: var(--bg-color-input-bg);
    --bg-color-promotionSuccessPopUpBg: var(--bg-color-primary);
    --text-color-claimSuccess: #fff;
    --text-color-claimPending: #c2410c;
    --text-color-claimExpired: #b91c1c;
    --bg-color-card-available: linear-gradient(90deg, #d97706, #92400e);
    --bg-color-card-claimed: linear-gradient(90deg, #22c55e, #059669);
    --bg-color-card-expired: linear-gradient(90deg, #ef4444, #dc2626);
    --bg-color-card-default: linear-gradient(90deg, #64748b, #475569);
    --bg-color-cr-1: #e0f7fa;
    --bg-color-cr-2: #e1f5fe;
    --bg-color-cr-3: #e8f5e9;
    --bg-color-cr-4: #fff3e0;
    --bg-color-cr-5: #fffde7;
    --bg-color-cr-6: #fbe9e7;
    --bg-color-cr-w: #efebe9;
    --bg-color-cr-wd: #ede7f6;
    --bg-color-cr-nb: #e8eaf6;
    --bg-color-cr-lb: #f3e5f5;
    --bg-color-cr-default: #f7f7f7;
    --color-card-available: #dbcfbc6f;
    --color-card-claimed: #d0ead9c0;
    --color-card-expired: #ffffff6e;
    --color-card-default: #acb0b6d1;
    --text-color-card-available: #d97706;
    --text-color-card-claimed: #22c55e;
    --text-color-card-expired: #ef4444;
    --text-color-card-default: #64748b;
    --bg-color-kyc-verify: rgba(243, 130, 33, .1);
    --border-color-kyc-verify: #f9b134;
    --bg-color-modal-glass: #00000080;
    --bg-color-verification-get-otp-btn: var(--bg-color-LoginBtnBgColor);
    --bg-color-watch-enjoy-live-action-btn: var(--bg-color-brand_primary);
    --bg-color-tooltip: #000;
    --text-color-tooltip: #fff;
    --border-color-tooltip: #000;
    --border-color-login-button: var(--border-color-primary);
    --active-nav-menu-bg-color: var(--bg-headerDeskNavmenuEle);
    --login-select-bg-color: var(--bg-color-quaternary7);
    --select-box-bg-color: var(--bg-color-primary);
    --bg-color-google-button: var(--bg-color-primary);
    --text-color-tertiary1: #9a9898;
    --text-color-tertiary3: #b0b0b0;
    --text-color-tertiary4: #626262;
    --text-color-tertiary6: #d2d2d2;
    --text-color-cr-1: #00796b;
    --text-color-cr-2: #0288d1;
    --text-color-cr-3: #2e7d32;
    --text-color-cr-w: #5d4037;
    --text-color-cr-wd: #512da8;
    --text-color-cr-nb: #303f9f;
    --text-color-cr-lb: #8e24aa;
    --text-color-cr-default: #000;
    --text-color-changeAnimationBack: #0a8bed;
    --text-color-changeAnimationLay: #f67d99;
    --text-color-betSlipCancelBtnColor: #8c8c8c;
    --text-color-layTextColorConfirmBet: #cd3c5b;
    --text-color-backTextColorConfirmBet: #5c92ff;
    --text-color-oddValue: #000;
    --text-color-success: #4cae50;
    --text-color-danger: #eb244f;
    --text-color-info: #0288d1;
    --text-color-warning: #fbc02d;
    --bg-color-footer-primary: hsla(0, 0%, 100%, .05);
    --bg-color-footer-secondary: hsla(0, 0%, 100%, .1);
    --bg-main-card-affiliate-program: linear-gradient(90deg, rgba(234, 88, 12, .2), rgba(253, 224, 71, .2));
    --color-affiliate-program-primary: #f97316;
    --color-affiliate-program-secondary: #eab308;
    --color-affiliate-program-tertiary: #c2410c;
    --color-affiliate-program-quaternary: #a16207;
    --color-affiliate-program-quinary: #f97316;
    --color-affiliate-program-senary: #ea580c;
    --color-affiliate-program-septenary: rgba(234, 88, 12, .8);
    --color-affiliate-program-octonary: #fb923c;
    --color-affiliate-program-nonary: rgba(250, 204, 21, .8);
    --color-affiliate-menu-border: #d55c76;
    --color-affiliate-program-primary-1: #f4f4f5;
    --color-affiliate-program-primary-2: #e6e6e6;
    --color-affiliate-program-primary-3: #d0d0d0;
    --color-affiliate-program-primary-4: #d4d4d4;
    --color-affiliate-program-primary-5: #626262;
    --color-affiliate-program-primary-6: #e5e5e5;
    --color-affiliate-program-primary-7: #8a8a8a;
    --color-affiliate-program-primary-8: #d97706;
    --color-affiliate-program-primary-9: #fffbeb;
    --color-affiliate-program-primary-10: #059669;
    --color-affiliate-program-primary-11: #f87171;
    --color-affiliate-program-primary-12: #a7f3d0;
    --color-affiliate-program-primary-13: #e9f5ef;
    --color-crypto-loader: #00000021;
    --color-cricket-back-btn: var(--bg-color-quaternary);
    --color-border-placeBetBtn: var(--border-color-brand_primary)
}

body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--bg-color-appBg);
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    height: calc(100dvh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
    min-height: -webkit-fill-available;
    width: calc(100dvw - var(--safe-area-inset-left) - var(--safe-area-inset-right))
}

body.standalone-mode {
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
}

input,
select,
textarea {
    touch-action: manipulation
}

#g_a11y_announcement {
    display: none !important;
    visibility: hidden !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    background-color: transparent !important;
    -webkit-box-shadow: inset 0 0 0 30px transparent !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#loginRegLayOut input:-webkit-autofill,
#loginRegLayOut input:-webkit-autofill:active,
#loginRegLayOut input:-webkit-autofill:focus,
#loginRegLayOut input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 30px transparent !important;
    -webkit-text-fill-color: var(--text-color-loginInputTextColor) !important;
    background-color: transparent !important;
    caret-color: var(--text-color-loginInputTextColor) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important
}

#cryptoAddressInputsContainer input:-webkit-autofill,
#cryptoAddressInputsContainer input:-webkit-autofill:active,
#cryptoAddressInputsContainer input:-webkit-autofill:focus,
#cryptoAddressInputsContainer input:-webkit-autofill:hover,
#withdraw-form-page input:-webkit-autofill,
#withdraw-form-page input:-webkit-autofill:active,
#withdraw-form-page input:-webkit-autofill:focus,
#withdraw-form-page input:-webkit-autofill:hover {
    caret-color: var(--text-color-primary1) !important;
    color: var(--text-color-primary1) !important;
    -webkit-text-fill-color: var(--text-color-primary1) !important;
    background-color: transparent !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important
}

.mobileLogoHeight {
    height: 30px
}

.onesignal-bell-launcher {
    transform: scale(.85) !important
}

.intercom-lightweight-app-launcher {
    bottom: 12px !important;
    right: 8px !important;
    scale: .85 !important
}

@media (prefers-color-scheme:dark) {
    :root {
        --foreground-rgb: 255, 255, 255;
        --background-start-rgb: 0, 0, 0;
        --background-end-rgb: 0, 0, 0
    }
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/Fonts/Open_Sans/static/OpenSans-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/Fonts/Lato/Lato-Bold.ttf) format("truetype");
    font-preload: true
}

@font-face {
    font-display: swap;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/Lato/Lato-Regular.ttf) format("truetype");
    font-preload: true
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/helvetica-neue-5/HelveticaNeueMedium.otf) format("truetype");
    font-preload: true
}

@font-face {
    font-display: swap;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/Fonts/helvetica-neue-5/HelveticaNeueBold.otf) format("truetype");
    font-preload: true
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/Fonts/Roboto/Roboto-Regular.ttf) format("truetype");
    font-preload: true
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/Fonts/Manrope/static/Manrope-Regular.ttf) format("truetype");
    font-preload: true
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/Fonts/Manrope/static/Manrope-Bold.ttf) format("truetype");
    font-preload: true
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 100;
    src: url("/assets/Fonts/San Francisco Pro Display/SF-Pro-Display-Thin.otf") format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 100;
    src: url("/assets/Fonts/San Francisco Pro Display/SF-Pro-Display-ThinItalic.otf") format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 200;
    src: url("/assets/Fonts/San Francisco Pro Display/SF-Pro-Display-Ultralight.otf") format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 200;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-UltralightItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Light.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 300;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-LightItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Regular.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-RegularItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Medium.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 500;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-MediumItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Semibold.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 600;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-SemiboldItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Bold.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-BoldItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Heavy.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 800;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-HeavyItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 900;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-Black.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: SF Pro Display;
    font-style: italic;
    font-weight: 900;
    src: url(/assets/Fonts/San-Francisco-Pro-Display/SF-Pro-Display-BlackItalic.otf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: GemExch;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/gemexch-fonts/gemexch-Regular.woff2) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: GemExch;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/Fonts/gemexch-fonts/gemexch-Medium.woff2) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: GemExch;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/Fonts/gemexch-fonts/gemexch-SemiBold.woff2) format("truetype")
}

.marquee-scroll {
    animation: marquee linear infinite
}

.marquee-scroll-slow {
    animation: marquee-slow linear infinite
}

@keyframes marquee {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee-slow {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

.marquee-enhanced {
    animation: marquee-enhanced linear infinite
}

@keyframes marquee-enhanced {
    0% {
        transform: translateX(100%)
    }

    10% {
        transform: translateX(100%)
    }

    90% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(-100%)
    }
}

@media (max-width:640px) {
    .marquee-scroll {
        animation-duration: 8s !important
    }

    .marquee-scroll-slow {
        animation-duration: 12s !important
    }
}

@media (min-width:641px) and (max-width:1024px) {
    .marquee-scroll {
        animation-duration: 15s !important
    }

    .marquee-scroll-slow {
        animation-duration: 20s !important
    }
}

@media (min-width:1025px) {
    .marquee-scroll {
        animation-duration: 20s !important
    }

    .marquee-scroll-slow {
        animation-duration: 25s !important
    }
}

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

::-webkit-scrollbar-thumb {
    background: var(--icon-color-primary);
    border-radius: 8px
}

input:focus {
    outline: none
}

.scaleHorizontally {
    animation: scaleHorizontally .4s ease-in-out
}

.scaleHorizontallyClose {
    animation: scaleHorizontallyClose .5s ease-in-out
}

@keyframes scaleHorizontallyClose {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform: scaleX(0)
    }
}

@keyframes scaleHorizontally {
    0% {
        opacity: .5;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

.backdrop-blur-2 {
    backdrop-filter: blur(1px)
}

.backdrop-blur-4 {
    backdrop-filter: blur(4px)
}

.backdrop-blur-6 {
    backdrop-filter: blur(6px)
}

.btn-danger:hover,
.btn-dark:hover,
.btn-info:hover,
.btn-light:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-warning:hover {
    opacity: .9
}

.btn-danger:active,
.btn-dark:active,
.btn-info:active,
.btn-light:active,
.btn-primary:active,
.btn-secondary:active,
.btn-success:active,
.btn-warning:active {
    opacity: 1
}

input::-moz-placeholder {
    color: #999
}

input::placeholder {
    color: #999
}

.popUpOpenAnimation {
    animation: popUpOpenAnimation .3s ease-in-out
}

button {
    cursor: pointer
}

.autoAnimate {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@keyframes popUpOpenAnimation {
    0% {
        opacity: .5;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.popUpCloseAnimation {
    animation: popUpCloseAnimation .3s ease-in-out
}

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

    to {
        opacity: .5;
        transform: scale(0)
    }
}

.popUpCloseAnimation1 {
    animation: popUpCloseAnimation1 .31s ease-in-out
}

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

    to {
        opacity: .5;
        transform: scale(0)
    }
}

.popUpCloseAnimation2 {
    animation: popUpCloseAnimation2 .31s ease-in-out
}

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

    to {
        opacity: .5;
        transform: scale(.4)
    }
}

.popUpOpenAnimation1 {
    animation: popUpOpenAnimation1 .31s ease-in-out
}

@keyframes popUpOpenAnimation1 {
    0% {
        opacity: .5;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.popUpOpenAnimation2 {
    animation: popUpOpenAnimation2 .31s ease-in-out
}

@keyframes popUpOpenAnimation2 {
    0% {
        opacity: .5;
        transform: scale(.6)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.flip-180 {
    animation: flip-180 2s ease-in-out forwards;
    transform-style: preserve-3d
}

@keyframes flip-180 {
    0% {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(180deg)
    }
}

.scaleVerticalOpen {
    animation: scaleVerticalOpen .2s ease-in-out
}

.scaleVerticalClose {
    animation: scaleVerticalClose .3s ease-in-out
}

@keyframes scaleVerticalOpen {
    0% {
        opacity: .5;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes scaleVerticalClose {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

    to {
        opacity: .5;
        transform: scaleY(0)
    }
}

.openDrawer {
    animation: openDrawer .25s ease-in-out
}

.openDrawerFromRight {
    animation: openDrawerFromRight .25s ease-in-out
}

.closeDraerFromRight {
    animation: closeDrawerFromRight .3s ease-in-out
}

.openDrawerFromLeft {
    animation: openDrawerFromLeft .25s ease-in-out
}

@keyframes openDrawerFromLeft {
    0% {
        opacity: .5;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes openDrawerFromRight {
    0% {
        opacity: .5;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.dropDownTransition {
    animation: dropDownTransition .3s ease-in-out
}

@keyframes dropDownTransition {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes closeDrawerFromRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: .5;
        transform: translateX(100%)
    }
}

.closeDrawer {
    animation: closeDrawer .29s ease-in-out
}

@keyframes openDrawer {
    0% {
        opacity: .5;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes closeDrawer {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: .5;
        transform: translateX(-100%)
    }
}

.popUpBoxShadow {
    box-shadow: 0 4px 16px rgba(17, 17, 26, .1), 0 8px 32px rgba(17, 17, 26, .05)
}

.toast-animation {
    animation: toast-animation .1s ease-in-out
}

@keyframes toast-animation {
    0% {
        opacity: .5;
        scale: .3 1;
        transform: translateY(-10%)
    }

    to {
        opacity: 1;
        scale: 1 1;
        transform: translateY(0)
    }
}

.rotate {
    animation: rotates 1s ease-in-out
}

@keyframes rotates {
    0% {
        transform: rotateY(90deg)
    }
}

.fadein {
    animation: fadein 1s ease-in-out
}

@keyframes fadein {
    0% {
        opacity: 0
    }
}

.loading,
.loading__ring {
    height: var(--loader-size);
    width: var(--loader-size)
}

.loading__ring {
    position: absolute
}

.loading__ring:first-child {
    transform: skew(30deg, 20deg)
}

.loading__ring:last-child {
    transform: skew(-30deg, -20deg) scaleX(-1)
}

.loading__ring:last-child svg {
    animation-delay: -.5s
}

.loading__ring svg {
    animation: rotate 1s linear infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

.popupAnimation {
    animation: popupAnimation .5s ease-in-out
}

@keyframes popupAnimation {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

#scrollShow {
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#scrollShow::-webkit-scrollbar {
    display: none
}

#stakeInput::-moz-placeholder {
    color: var(--color-oddInputColor);
    font-size: 13px
}

#stakeInput::placeholder {
    color: var(--color-oddInputColor);
    font-size: 13px
}

#hideScrollBar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important
}

.increaseStakesValueDark {
    animation: boxShadowForStakeDark .3s ease-in-out
}

@keyframes boxShadowForStakeDark {
    0% {
        box-shadow: inset 0 0 40px 0 hsla(0, 0%, 85%, .18), inset 0 0 40px 0 hsla(0, 1%, 81%, .15), inset 0 0 36px -24px hsla(0, 0%, 87%, .1)
    }

    to {
        box-shadow: none !important
    }
}

.increaseStakesValue {
    animation: boxShadowForStake .3s ease-in-out
}

@keyframes boxShadowForStake {
    0% {
        box-shadow: inset 0 0 40px 0 hsla(0, 0%, 85%, .5), inset 0 0 40px 0 hsla(0, 1%, 81%, .5), inset 0 0 36px -24px #ddd
    }

    to {
        box-shadow: none !important
    }
}

.translateHight {
    animation: transformHight 1s ease-in-out forwards;
    height: 0
}

@keyframes transformHight {
    0% {
        height: 10%
    }

    10% {
        height: 20%
    }

    20% {
        height: 30%
    }

    30% {
        height: 40%
    }

    40% {
        height: 50%
    }

    50% {
        height: 60%
    }

    60% {
        height: 70%
    }

    70% {
        height: 80%
    }

    80% {
        height: 90%
    }

    to {
        height: 100%
    }
}

.scrollInfinity {
    animation: scrollInf 30s linear infinite
}

.highLightChange {
    animation: highLightChange .3s ease-in-out
}

@keyframes highLightChange {
    0% {
        background-color: var(--bg-color-highLightChangeColor)
    }
}

@keyframes scrollInf {
    to {
        transform: translate(-100%)
    }
}

#slideset1>* {
    animation: autoplay1 16s infinite;
    position: absolute;
    visibility: hidden
}

#slideset1>:first-child {
    animation-delay: 0s
}

#slideset1>:nth-child(2) {
    animation-delay: 4s
}

#slideset1>:nth-child(3) {
    animation-delay: 8s
}

#slideset1>:nth-child(4) {
    animation-delay: 12s
}

@keyframes autoplay1 {
    0% {
        visibility: visible
    }

    25% {
        visibility: hidden
    }
}

.slideUp {
    animation: slideUp .3s ease-in-out
}

.slideDown {
    animation: slideDown .3s ease-in-out
}

@keyframes slideUp {
    0% {
        transform: translateY(200%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(200%)
    }
}

.ai-agent-chat-avatar-container {
    bottom: var(--safe-area-inset-bottom) !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    height: 57px !important;
    right: var(--safe-area-inset-right) !important;
    width: 57px !important;
    z-index: 1000
}

.ai-agent-chat-avatar-container .ai-agent-chat-avatar {
    height: 50px !important;
    width: 50px !important
}

@media screen and (min-width:768px) {
    .ai-agent-chat-avatar-container .ai-agent-chat-avatar {
        height: 67px !important;
        width: 67px !important
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.openScaleAtY {
    animation: openScaleAtY .2s ease-in-out
}

@keyframes openScaleAtY {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

.closeScaleAtY {
    animation: closeScaleAtY .1s ease-in-out
}

@keyframes closeScaleAtY {
    0% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}
/* 2nd Save As CSS */
#lside{
  padding: 15px 0 !important;
}

/* Privacy Modal Bottom Slide */
.privacy-modal .modal-dialog {
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.privacy-modal.show .modal-dialog {
  transform: translateY(0);
}
.privacy-modal .modal-body::-webkit-scrollbar {
  width: 6px;
}
.privacy-modal .modal-body::-webkit-scrollbar-track {
  background: #222;
}
.privacy-modal .modal-body::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 3px;
}

/* Privacy Policy Popup */
#PopUpMainContainer {
  display: none;
}

/* Mobile Header Styles */
.topbar .d-flex.align-items-center.gap-2 {
  flex-wrap: nowrap;
  position: relative;
}

.topbar .brand {
  flex: 0 0 auto;
  min-width: 120px;
}

/* Center search icon on mobile */
.search-icon-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.topbar .search-wrap {
  flex: 1 1 auto;
  max-width: 400px;
}

.topbar .logsign {
  flex: 0 0 auto;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .topbar .container-fluid {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  .topbar .brand {
    min-width: auto;
    flex: 0 1 auto;
  }
  
  /* Center search icon */
  .search-icon-container {
    position: absolute;
    left: 55%;
    transform: translateX(-50%);
    z-index: 10;
  }
  
  .topbar .d-flex {
    position: relative;
  }
  
  .topbar .d-flex.d-lg-none.align-items-center {
    margin-left: auto;
    flex-wrap: nowrap;
  }
  
  .topbar .d-flex.d-lg-none.align-items-center .btn {
    padding: 0.25rem 0.4rem !important;
    font-size: 11px;
    white-space: nowrap;
  }
  
  .topbar .d-flex.d-lg-none.align-items-center .btn i {
    margin-right: 0.2rem;
  }
  
  /* Hide text on very small screens */
  @media (max-width: 575.98px) {
    .topbar .d-flex.d-lg-none.align-items-center .btn span {
      display: none;
    }
    
    .topbar .d-flex.d-lg-none.align-items-center .btn {
      padding: 0.25rem 0.3rem !important;
    }
    
    .topbar .d-flex.d-lg-none.align-items-center .btn i {
      margin-right: 0;
    }
  }
}

/* Mobile Offcanvas Menu Styling */
.offcanvas.offcanvas-start {
  background-color: #000 !important;
  color: #fff !important;
}

.offcanvas.offcanvas-start .offcanvas-header {
  border-bottom: 1px solid #333 !important;
}

.offcanvas.offcanvas-start .list-group-item {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #333 !important;
}

.offcanvas.offcanvas-start .list-group-item:hover {
  background-color: #222 !important;
  color: #fff !important;
}

.offcanvas.offcanvas-start .text-secondary {
  color: #aaa !important;
}
.referlossback{
    padding: 5px 20px 0px 20px;
}

/* Hide images in mobile auth forms */
@media (max-width: 767.98px) {
  .auth-image,
  .modal-auth-image,
  .login-image,
  .signup-image,
  .forgot-password-image {
    display: none !important;
  }
  
  /* Adjust form layout for mobile */
  .auth-panel .row > div:first-child {
    order: 2;
  }
  
  .auth-panel .row > div:last-child {
    order: 1;
  }
  
  .auth-form-content {
    padding: 1rem !important;
  }
}
@media (max-width: 768px) {
  .imglogo{
    width:100px;
  }
  .offcanvas.offcanvas-start {
    width: 75%;
  }
  svg{
    display: inline;
  }
  
.bg-bg_color_primary {
    background-color: #000000;
}
li{
        list-style: none;
}
.hero{
}
  .card-row.slider {
    overflow: hidden;
  }

  .card-track {
    gap: 0.55rem;
  }

  .card-row.slider .game-tile {
    flex: 0 0 calc((100% - (0.55rem * 71)) / 3) !important;
    height: 160px !important;
  }

  .game-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}