/* Main bottom navigation: single source global component */
:root{
  --tity-bottom-width:430px;
  --tity-bottom-height:66px;
  --tity-bottom-safe:env(safe-area-inset-bottom,0px);
}
.tity-bottom.tity-main-bottom-navigation{
  box-sizing:border-box!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(100vw,var(--tity-bottom-width))!important;
  min-width:0!important;
  max-width:var(--tity-bottom-width)!important;
  height:calc(var(--tity-bottom-height) + var(--tity-bottom-safe))!important;
  min-height:calc(var(--tity-bottom-height) + var(--tity-bottom-safe))!important;
  max-height:calc(var(--tity-bottom-height) + var(--tity-bottom-safe))!important;
  padding:6px 8px var(--tity-bottom-safe)!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:4px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.98)!important;
  border-top:1px solid rgba(226,232,240,.95)!important;
  border-left:1px solid rgba(226,232,240,.65)!important;
  border-right:1px solid rgba(226,232,240,.65)!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:0 -10px 26px rgba(15,23,42,.10)!important;
  z-index:2147482000!important;
  contain:layout paint style!important;
  will-change:auto!important;
  -webkit-font-smoothing:antialiased;
}
.tity-bottom.tity-main-bottom-navigation > .tity-nav-item,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-link{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:5px 2px 4px!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:28px 14px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#7d8796!important;
  text-decoration:none!important;
  line-height:1!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  overflow:visible!important;
  transition:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.tity-bottom.tity-main-bottom-navigation > .tity-nav-item.active,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-link.active,
.tity-bottom.tity-main-bottom-navigation > [aria-current="page"]{
  background:#f1e9ff!important;
  color:#7c3aed!important;
  box-shadow:none!important;
}
.tity-bottom.tity-main-bottom-navigation > .tity-nav-item:active,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-link:active,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-item:focus,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-link:focus,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-item:hover,
.tity-bottom.tity-main-bottom-navigation > .tity-nav-link:hover{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  outline:none!important;
}
.tity-bottom.tity-main-bottom-navigation .tity-nav-ico,
.tity-bottom.tity-main-bottom-navigation .tity-nav-icon{
  box-sizing:border-box!important;
  position:relative!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:inherit!important;
  background:transparent!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  line-height:1!important;
  flex:none!important;
}
.tity-bottom.tity-main-bottom-navigation .tity-nav-ico svg,
.tity-bottom.tity-main-bottom-navigation .tity-nav-icon svg{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  flex:none!important;
}
.tity-bottom.tity-main-bottom-navigation .tity-nav-ico svg *,
.tity-bottom.tity-main-bottom-navigation .tity-nav-icon svg *{stroke:currentColor!important;}
.tity-bottom.tity-main-bottom-navigation .tity-nav-ico svg [fill="currentColor"],
.tity-bottom.tity-main-bottom-navigation .tity-nav-icon svg [fill="currentColor"]{fill:currentColor!important;}
.tity-bottom.tity-main-bottom-navigation .tity-nav-text{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:14px!important;
  font-weight:850!important;
  color:inherit!important;
}
.tity-bottom.tity-main-bottom-navigation .tity-nav-badge-v494{
  position:absolute!important;
  top:-4px!important;
  right:-7px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  z-index:3!important;
}
.tity-bottom.tity-main-bottom-navigation .tity-nav-badge-v494[style*="display:none"]{display:none!important;}
.tity-bottom.tity-main-bottom-navigation .tity-nav-dot-v494{
  position:absolute!important;
  top:-4px!important;
  right:-5px!important;
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  border:2px solid #fff!important;
  box-sizing:content-box!important;
  z-index:3!important;
}
.tl-content-v494,.tity-content,.ypub-content,.tl-set-scroll-v644,.tity-notify-shell,.ta-shell,.tl-admin-mod,.tv-shell,.tity-support-shell,.ya,
.tity-stage,.tity-page,.live-stage,.party-stage,.paylasim-stage,.mesaj-stage,.arama-stage,.siralama-stage{
  padding-bottom:calc(var(--tity-bottom-height) + 16px + var(--tity-bottom-safe))!important;
}