
:root{
  color-scheme:dark;
  --dependa-navy-980:#020814;
  --dependa-navy-960:#020b18;
  --dependa-navy-950:#03101d;
  --dependa-navy-920:#051224;
  --dependa-navy-900:#08182c;
  --dependa-navy-850:#0d2239;
  --dependa-steel:#335e97;
  --dependa-steel-soft:#91aacd;
  --dependa-border:#183552;
}
html,body{background:var(--dependa-navy-960)!important;}
body{
  background-image:radial-gradient(circle at 90% 85%, rgba(145,170,205,.08), transparent 15%),linear-gradient(180deg,#020814 0%,#020b18 36%,#03101d 100%)!important;
  color:#eef4fb!important;
}
#bm-header{
  background:linear-gradient(180deg,#030d1b 0%,#051224 100%)!important;
  box-shadow:0 10px 30px rgba(0,4,10,.45)!important;
  border-bottom:1px solid rgba(145,170,205,.08)!important;
}
.dependabet-logo{display:inline-flex;align-items:center;color:#f4f8fe;font-size:1.35rem;line-height:1;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.dependabet-logo>span{color:var(--dependa-steel-soft);margin-left:.05em}
.dependabet-licence-card{display:flex;flex-direction:column;gap:.28rem;padding:.85rem 1rem;border:1px solid rgba(145,170,205,.2);border-radius:.7rem;background:linear-gradient(135deg,rgba(145,170,205,.08),rgba(3,13,27,.92));color:#d7e3f1;box-shadow:0 10px 25px rgba(0,0,0,.16)}
.dependabet-licence-card>strong{font-size:.9rem;color:#fff;margin-bottom:.12rem}
.dependabet-licence-card b{color:#fff}
.dependabet-licence-card a{color:#b5c8e2;text-decoration:underline}
.bg-\[\#2B2D31\],.bg-\[\#2b2d31\]{background-color:#071427!important}
.bg-\[\#202831\]{background-color:#081827!important}
.bg-\[\#101519\]{background-color:#030d1b!important}
.border-\[\#39434d\]{border-color:#1a3551!important}
.text-blue-600{color:#9ab7db!important}
button.bg-bg-button-topnav-primary,a.bg-bg-button-topnav-primary{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.24)!important}
[class*="_container_"]{background-color:#020b18!important}
[class*="_header_"]{background-color:#030d1b!important}
[class*="_navigation_"]{background-color:#051224!important}
[class*="_main_"]{background-color:#020b18!important}
[class*="betslip"],[class*="_betslip_"]{background-color:#03101d!important}
button,[role="button"],.bg-bg-button-topnav-primary,.bg-bg-button-primary-default{
  border-color:rgba(145,170,205,.18)!important;
}
@media (max-width:767px){
  .dependabet-logo{font-size:1.15rem}
  .dependabet-licence-card{padding:.75rem}
  .dependabet-licence-card span{overflow-wrap:anywhere}
}
.legal-page-card{margin:.75rem 0 1rem}
@media (min-width:768px){.legal-page-card{margin:.15rem 0 1rem}}

/* =========================================================
   DependaBet V3 visual redesign
   Dark navy dashboard / floating panel aesthetic
   ========================================================= */
.dependabet-app{
  --dependa-shell-gap:14px;
  --dependa-radius-xl:22px;
  --dependa-radius-lg:16px;
  --dependa-radius-md:12px;
  --dependa-panel:#061426;
  --dependa-panel-2:#081a2f;
  --dependa-panel-3:#0b213b;
  --dependa-line:rgba(164,190,222,.12);
  --dependa-line-strong:rgba(164,190,222,.2);
  --dependa-muted:#91a3ba;
  --dependa-accent:#5f82ad;
  --dependa-accent-strong:#7396c0;
  --dependa-accent-soft:#a9bfd9;
  background:
    radial-gradient(circle at 8% -5%,rgba(95,130,173,.08),transparent 28%),
    radial-gradient(circle at 92% 102%,rgba(115,150,192,.06),transparent 26%),
    #020b18!important;
}

.dependabet-app *{scrollbar-color:#183552 #030d1b;}
.dependabet-app ::selection{background:#7396c0;color:#fff;}

/* Logo rebuilt as a compact brand lockup */
.dependabet-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f6f9fd;
  white-space:nowrap;
  text-decoration:none;
}
.dependabet-logo .dependabet-mark{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(169,191,217,.22);
  border-radius:11px;
  background:linear-gradient(145deg,#16385d 0%,#0a1d34 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.24);
  color:#eaf2fb;
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.05em;
}
.dependabet-logo .dependabet-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:4px;}
.dependabet-logo .dependabet-word{font-size:1.05rem;font-weight:650;letter-spacing:-.035em;color:#f5f8fc;}
.dependabet-logo .dependabet-word strong{color:var(--dependa-accent-soft);font-weight:850;}
.dependabet-logo small{font-size:.47rem;font-weight:700;letter-spacing:.18em;color:#73879f;}

/* Desktop app shell: floating cards instead of edge-to-edge panels */
@media (min-width:80rem){
  body.dependabet-app._container_182i6_1{
    grid:
      "ticker ticker ticker"
      "header header header"
      "stories stories betslip"
      "navigation main betslip" 1fr /
      15.8rem minmax(0,1fr) 19.25rem!important;
    gap:var(--dependa-shell-gap)!important;
    padding:12px 14px 14px!important;
    max-width:100rem!important;
    max-height:100vh;
    background-color:transparent!important;
  }
  .dependabet-app ._ticker_182i6_29{
    border-radius:12px;
    overflow:hidden;
    border:1px solid var(--dependa-line);
  }
  .dependabet-app ._header_182i6_44{
    top:12px!important;
    height:4.25rem!important;
    border:1px solid var(--dependa-line)!important;
    border-radius:var(--dependa-radius-xl)!important;
    overflow:hidden;
    backdrop-filter:blur(18px);
  }
  .dependabet-app ._navigation_182i6_85{
    width:15.8rem!important;
    border:1px solid var(--dependa-line)!important;
    border-radius:var(--dependa-radius-xl)!important;
    overflow:auto!important;
    box-shadow:0 18px 40px rgba(0,0,0,.2);
  }
  .dependabet-app ._main_182i6_113{
    border:1px solid var(--dependa-line)!important;
    border-radius:var(--dependa-radius-xl)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.2);
  }
  .dependabet-app ._betslip_182i6_130{
    width:19.25rem!important;
    inset:auto!important;
    border:1px solid var(--dependa-line)!important;
    border-radius:var(--dependa-radius-xl)!important;
    overflow:hidden!important;
    box-shadow:0 18px 40px rgba(0,0,0,.2);
  }
  .dependabet-app ._betslip_182i6_130>div{width:100%!important;border-left:0!important;}
}

/* Header */
.dependabet-app #bm-header{
  background:rgba(3,13,27,.92)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.28)!important;
}
.dependabet-app #bm-header>div{padding:0 8px;}
.dependabet-app #bm-header .bg-bg-button-topnav-secondary{
  background:#081a2f!important;
  border:1px solid var(--dependa-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.dependabet-app #bm-header button[aria-label="Open global search"]{
  border-radius:12px!important;
  min-height:38px;
  background:#061426!important;
  border:1px solid var(--dependa-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dependabet-app #bm-header button[aria-label="Open global search"]:hover{
  background:#0a1d34!important;
  border-color:var(--dependa-line-strong)!important;
}
.dependabet-app #bm-header button.bg-bg-button-topnav-primary{
  border-radius:11px!important;
  background:linear-gradient(180deg,#557ca8,#3f648f)!important;
  color:#fff!important;
  min-width:72px;
  min-height:38px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.2)!important;
}
.dependabet-app #bm-header a button.bg-bg-button-topnav-secondary{
  border-radius:11px!important;
  min-width:72px;
  min-height:38px;
  color:#dce8f5!important;
}
.dependabet-app #bm-header button.bg-bg-button-topnav-primary:hover{filter:brightness(1.08);}

/* Left navigation redesigned into a stacked command panel */
.dependabet-app ._navigation_182i6_85{background:#04101f!important;}
@media (min-width:48rem){
  .dependabet-app ._navigation_182i6_85>ul{padding:12px 10px 18px;}
  .dependabet-app ._navigation_182i6_85 li>div.text-text-navigation-leftnav{
    border-radius:12px;
    margin:3px 0;
    padding:10px 11px!important;
    transition:background .18s ease,transform .18s ease,border-color .18s ease;
    border:1px solid transparent;
  }
  .dependabet-app ._navigation_182i6_85 li>div.text-text-navigation-leftnav:hover{
    background:#081a2f!important;
    border-color:var(--dependa-line);
    transform:translateX(2px);
  }
  .dependabet-app ._navigation_182i6_85 li>div.text-text-navigation-leftnav svg{
    color:#9bb3cf;
    width:20px!important;
    height:20px!important;
  }
  .dependabet-app ._navigation_182i6_85 li>div.text-text-navigation-leftnav span{font-weight:600!important;color:#dbe6f2;}
  .dependabet-app ._navigation_182i6_85 h3{
    font-size:.63rem!important;
    letter-spacing:.16em;
    color:#667a92;
    margin-top:10px;
  }
  .dependabet-app ._navigation_182i6_85 li a[title="Australian Rules"],
  .dependabet-app ._navigation_182i6_85 li a[title="Basketball"]{
    border-radius:10px;
  }
}

/* Main content canvas */
.dependabet-app ._main_182i6_113{
  background:linear-gradient(180deg,#020b18 0%,#03101d 100%)!important;
  color:#edf4fb!important;
}
.dependabet-home .dependa-home-content{padding-bottom:2px;}
@media (min-width:48rem){.dependabet-home .dependa-home-content{padding:14px;}}

/* Hero becomes a distinct card instead of full-bleed strip */
.dependabet-home .dependa-hero{
  border:1px solid var(--dependa-line);
  border-radius:18px;
  overflow:hidden;
  background:#061426;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.dependabet-home .dependa-hero>div.relative.flex.h-full.w-full{border-radius:18px;overflow:hidden;}
.dependabet-home .dependa-hero img{transition:transform .35s ease,filter .35s ease;filter:saturate(.86) contrast(1.04) brightness(.88);}
.dependabet-home .dependa-hero:hover img{transform:scale(1.008);filter:saturate(.92) contrast(1.06) brightness(.92);}
.dependabet-home .dependa-hero .mt-1{margin-top:8px!important;margin-bottom:8px;}
.dependabet-home .dependa-hero .h-\[4px\]{height:3px!important;}

/* Racing / Sports switch */
.dependabet-home .dependa-switch{margin-top:2px;}
.dependabet-home .dependa-switch>.bg-bg-segment-main{
  width:min(100%,420px);
  padding:5px!important;
  border:1px solid var(--dependa-line)!important;
  border-radius:14px!important;
  background:#04101f!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.dependabet-home .dependa-switch button{
  width:50%!important;
  min-height:38px;
  border-radius:10px!important;
  letter-spacing:.01em;
  transition:.18s ease;
}
.dependabet-home .dependa-switch button.bg-bg-segment-active{
  background:linear-gradient(180deg,#173a5e,#102b48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 12px rgba(0,0,0,.18)!important;
  color:#f7fbff;
}

/* Category selector is now horizontal pill cards */
.dependabet-home .dependa-categories{padding:2px 0 5px;}
.dependabet-home .dependa-categories>.inline-flex{padding:0 4px!important;gap:8px!important;}
.dependabet-home .dependa-categories a{
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content;
  padding:6px 10px 6px 6px!important;
  border:1px solid var(--dependa-line);
  border-radius:13px;
  background:#051427;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.dependabet-home .dependa-categories a:hover{
  transform:translateY(-2px);
  background:#091d34;
  border-color:var(--dependa-line-strong);
}
.dependabet-home .dependa-categories a>.bg-core-primary{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:#0c2744!important;
  box-shadow:inset 0 0 0 1px rgba(169,191,217,.08)!important;
}
.dependabet-home .dependa-categories a>.bg-core-primary svg{width:22px!important;height:22px!important;color:#a8bed7;}
.dependabet-home .dependa-categories a>div:last-child{font-size:.72rem!important;font-weight:600!important;color:#cbd9e8;}

/* Lists: detached cards, no legacy table look */
.dependabet-home main ul.border.border-border-secondary,
.dependabet-home main ul.border-border-secondary{
  border:0!important;
  background:transparent!important;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.dependabet-home main li.border-border-secondary.border-b{
  border:1px solid var(--dependa-line)!important;
  border-radius:12px!important;
  background:#051427;
  overflow:hidden;
  transition:background .17s ease,border-color .17s ease,transform .17s ease;
}
.dependabet-home main li.border-border-secondary.border-b:hover{
  background:#091d34!important;
  border-color:var(--dependa-line-strong)!important;
  transform:translateY(-1px);
}
.dependabet-home main li.border-border-secondary.border-b>a{min-height:58px!important;padding:0 13px!important;}
.dependabet-home main li.border-border-secondary.border-b>a:hover{background:transparent!important;}
.dependabet-home main li.border-border-secondary.border-b svg{color:#a8bdd5;}
.dependabet-home main h2.text-sm.font-bold{
  font-size:.76rem!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#9fb2c9;
}
.dependabet-home main h2.text-sm.font-bold:before{
  content:"";
  display:inline-block;
  width:3px;
  height:12px;
  border-radius:99px;
  background:#668db8;
  margin-right:7px;
  vertical-align:-1px;
}

/* Generic content cards */
.dependabet-app .bg-core-primary{background-color:#061426!important;}
.dependabet-app .bg-surface-moderate{background-color:#0b1d32!important;}
.dependabet-app .bg-surface-light{background-color:#122b47!important;}
.dependabet-app .bg-surface-feather{background-color:#09192b!important;}
.dependabet-app .border-border-primary,.dependabet-app .border-border-secondary{border-color:var(--dependa-line)!important;}
.dependabet-app .shadow-main{box-shadow:0 10px 24px rgba(0,0,0,.16)!important;}

/* Bet slip feels like a separate utility card */
.dependabet-app ._betslip_182i6_130>div{
  background:#04101f!important;
}
.dependabet-app ._betslip_182i6_130 .bg-bg-button-topnav-primary{
  background:#081b31!important;
  border-bottom:1px solid var(--dependa-line)!important;
  color:#edf5fd!important;
}
.dependabet-app ._betslip_182i6_130 .bg-bg-betslip-main{background:#04101f!important;}
.dependabet-app ._betslip_182i6_130 .text-lg.font-bold{font-size:.93rem!important;letter-spacing:.03em;text-transform:uppercase;}

/* Legal pages: editorial layout */
.dependabet-legal .dependa-legal-wrap{max-width:900px;width:100%;margin-left:auto!important;margin-right:auto!important;padding:24px 16px 56px!important;gap:14px!important;}
.dependabet-legal .dependa-legal-hero{
  border-radius:20px!important;
  border:1px solid var(--dependa-line)!important;
  background:linear-gradient(135deg,#0a2039 0%,#051427 68%,#071b30 100%)!important;
  padding:34px 32px!important;
  position:relative;
  isolation:isolate;
}
.dependabet-legal .dependa-legal-hero:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-70px;
  width:210px;
  height:210px;
  border:1px solid rgba(169,191,217,.06);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(169,191,217,.018),0 0 0 60px rgba(169,191,217,.012);
  z-index:-1;
}
.dependabet-legal .dependa-legal-hero h1{font-size:1.75rem!important;letter-spacing:-.035em!important;margin:0!important;}
.dependabet-legal .dependabet-licence-card{
  border-radius:16px;
  background:#051427!important;
  border-color:var(--dependa-line)!important;
  padding:16px 18px;
}
.dependabet-legal .dependa-legal-panel{
  background:transparent!important;
  padding:0!important;
  border-radius:20px!important;
}
.dependabet-legal .dependa-legal-panel>.bg-core-primary{
  border:1px solid var(--dependa-line)!important;
  border-radius:20px!important;
  background:#051427!important;
  padding:28px 30px!important;
  line-height:1.72;
  color:#dbe6f1;
}
.dependabet-legal .dependa-legal-panel p{font-size:.93rem;}
.dependabet-legal .dependa-legal-panel strong{color:#f6f9fd;}
.dependabet-legal .dependa-legal-panel a{color:#abc2dc;}

/* Footer simplification and spacing */
.dependabet-home main .dependabet-licence-card{background:#04101f!important;border-color:var(--dependa-line)!important;}
.dependabet-home main a.text-xs.font-bold{color:#b3c4d6;transition:color .15s ease;}
.dependabet-home main a.text-xs.font-bold:hover{color:#fff;}

/* Mobile retains the redesign without breaking the fixed bottom nav */
@media (max-width:79.9375rem){
  body.dependabet-app._container_182i6_1{background:#020b18!important;}
  .dependabet-app #bm-header{height:3.8rem!important;border-bottom:1px solid var(--dependa-line)!important;}
  .dependabet-app ._main_182i6_113{background:#020b18!important;}
}
@media (max-width:47.9375rem){
  .dependabet-logo .dependabet-mark{width:31px;height:31px;border-radius:9px;}
  .dependabet-logo .dependabet-word{font-size:.9rem;}
  .dependabet-logo small{display:none;}
  .dependabet-home .dependa-home-content{padding:8px 8px 0;}
  .dependabet-home .dependa-hero{border-radius:14px;}
  .dependabet-home .dependa-hero>div.relative.flex.h-full.w-full{border-radius:14px;}
  .dependabet-home .dependa-switch>.bg-bg-segment-main{width:100%;}
  .dependabet-home .dependa-categories>.inline-flex{padding:0!important;}
  .dependabet-app ._navigation_182i6_85>div:first-child{
    background:rgba(3,13,27,.96)!important;
    border-top:1px solid var(--dependa-line)!important;
    backdrop-filter:blur(14px);
  }
  .dependabet-legal .dependa-legal-wrap{padding:10px 8px 78px!important;}
  .dependabet-legal .dependa-legal-hero{border-radius:14px!important;padding:24px 18px!important;}
  .dependabet-legal .dependa-legal-panel>.bg-core-primary{border-radius:14px!important;padding:20px 16px!important;}
}


/* V4 unified accent overrides: remove remaining legacy red utility styling */
.dependabet-app{
  --dependa-accent:#587faa;
  --dependa-accent-strong:#6e94bf;
  --dependa-accent-soft:#9cb8d7;
}
.dependabet-app .bg-ui-red-normal{background-color:#587faa!important;}
.dependabet-app .bg-ui-red-light{background-color:#172b42!important;}
.dependabet-app .text-ui-red-normal{color:#9cb8d7!important;}
.dependabet-app .border-ui-red-normal,
.dependabet-app .border-b-ui-red-normal{border-color:#587faa!important;}
.dependabet-app [class*="text-[#ff"],
.dependabet-app [class*="text-[#ef"]{color:#9cb8d7!important;}

/* =========================================================
   V5 mobile layout fix
   - restore natural page scrolling
   - fully hide the desktop bet slip outside desktop layout
   - keep the bottom navigation fixed without covering content
   ========================================================= */
@media (max-width:79.9375rem){
  .dependabet-app ._betslip_182i6_130{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media (max-width:47.9375rem){
  html,
  html.lg\:overflow-hidden,
  body.dependabet-app{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto;
  }

  body.dependabet-app._container_182i6_1{
    display:grid!important;
    grid-template-areas:
      "header"
      "main"!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .dependabet-app ._ticker_182i6_29,
  .dependabet-app ._stories_182i6_53{
    display:none!important;
  }

  .dependabet-app ._header_182i6_44{
    grid-area:header!important;
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:60!important;
  }

  .dependabet-app ._main_182i6_113{
    grid-area:main!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:calc(100dvh - 3.8rem)!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:5.75rem!important;
  }

  .dependabet-home .dependa-home-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-bottom:0!important;
    padding-bottom:1rem!important;
    overflow:visible!important;
  }

  .dependabet-app ._navigation_182i6_85{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:70!important;
    border-right:0!important;
  }

  .dependabet-app ._navigation_182i6_85>div:first-child{
    width:100%!important;
    min-height:4rem!important;
    padding-bottom:max(0px,env(safe-area-inset-bottom))!important;
  }

  .dependabet-home .dependa-hero,
  .dependabet-home .dependa-switch,
  .dependabet-home .dependa-categories,
  .dependabet-home .dependa-home-content>*{
    max-width:100%!important;
    min-width:0!important;
  }

  .dependabet-home img{
    max-width:100%!important;
  }
}


/* =========================================================
   V6 mobile Bet Slip + bottom navigation alignment
   ========================================================= */
@media (max-width:79.9375rem){
  /* Keep Bet Slip outside the viewport when closed, but allow it to open. */
  .dependabet-app ._betslip_182i6_130{
    display:block!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:min(92vw,360px)!important;
    min-width:0!important;
    max-width:360px!important;
    transform:translateX(105%)!important;
    opacity:1!important;
  }
  .dependabet-app ._betslip_182i6_130.mb-open{
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }
}

@media (max-width:47.9375rem){
  /* Mobile Bet Slip opens as a bottom sheet instead of a desktop side rail. */
  .dependabet-app ._betslip_182i6_130{
    display:block!important;
    position:fixed!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:min(84dvh,720px)!important;
    max-height:84dvh!important;
    border:1px solid var(--dependa-line-strong)!important;
    border-bottom:0!important;
    border-radius:20px 20px 0 0!important;
    overflow:hidden!important;
    background:#03101d!important;
    box-shadow:0 -24px 60px rgba(0,0,0,.5)!important;
    transform:translateY(105%)!important;
    transition:transform .22s ease,visibility .22s ease!important;
    z-index:10000!important;
  }
  .dependabet-app ._betslip_182i6_130.mb-open{
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .dependabet-app ._betslip_182i6_130>div{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border-left:0!important;
  }
  .dependabet-app ._betslip_182i6_130 .bg-bg-betslip-main{
    min-height:calc(100% - 3.5rem)!important;
    overflow-y:auto!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }

  /* Dim the page without making everything look heavily blurred. */
  .mb-backdrop{
    background:rgba(2,8,20,.68)!important;
    backdrop-filter:none!important;
  }

  /* All four bottom navigation items use the same vertical rhythm. */
  .dependabet-app ._navigation_182i6_85>div:first-child{
    height:4.35rem!important;
    min-height:4.35rem!important;
    display:flex!important;
    align-items:stretch!important;
  }
  .dependabet-app ._navigation_182i6_85>div:first-child>a,
  .dependabet-app ._navigation_182i6_85>div:first-child>button{
    position:relative!important;
    flex:1 1 25%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:6px 2px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    line-height:1!important;
  }
  .dependabet-app ._navigation_182i6_85>div:first-child>a>div.relative,
  .dependabet-app ._navigation_182i6_85>div:first-child>button>div.relative{
    position:relative!important;
    width:24px!important;
    height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 24px!important;
  }
  .dependabet-app ._navigation_182i6_85>div:first-child svg{
    width:24px!important;
    height:24px!important;
    flex:none!important;
  }
  .dependabet-app ._navigation_182i6_85>div:first-child span.text-xs{
    display:block!important;
    margin:0!important;
    line-height:1.05rem!important;
    white-space:nowrap!important;
    font-size:.72rem!important;
  }
  .dependabet-app ._navigation_182i6_85 .mb-count-badge{
    position:absolute!important;
    top:-7px!important;
    right:-11px!important;
    z-index:2!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#173a5e!important;
    color:#eaf3fd!important;
    border:1px solid rgba(169,191,217,.18)!important;
    box-shadow:0 3px 8px rgba(0,0,0,.28)!important;
    font-size:9px!important;
    line-height:15px!important;
    font-weight:800!important;
  }
}
