/* 5.8.29: intrinsic clock width. No fixed flex-basis, size containment or clipped date. */
html body .mainnav #liveDateTime.live-datetime{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;
  display:grid!important;grid-template-columns:max-content 16px max-content!important;
  align-items:center!important;justify-content:center!important;gap:10px!important;
  flex:0 0 auto!important;width:max-content!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:36px!important;max-height:none!important;
  padding:9px 14px!important;margin:0!important;contain:none!important;
  border:1px solid rgba(255,255,255,.23)!important;border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;box-shadow:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:700 12px/1.3 Arial,sans-serif!important;white-space:nowrap!important;
  overflow:visible!important;transform:none!important;translate:none!important;
  animation:none!important;transition:none!important;
}
html body .mainnav #liveDateTime #liveDateText,
html body .mainnav #liveDateTime #liveTimeText,
html body .mainnav #liveDateTime .live-clock-icon{
  box-sizing:border-box!important;display:block!important;position:static!important;inset:auto!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;
  flex:none!important;margin:0!important;padding:0!important;transform:none!important;
  font-size:inherit!important;line-height:1.3!important;letter-spacing:0!important;
  color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  text-align:left!important;contain:none!important;
}
html body .mainnav #liveDateTime #liveDateText{grid-column:1!important;grid-row:1!important;font-family:Arial,sans-serif!important}
html body .mainnav #liveDateTime .live-clock-icon{
  grid-column:2!important;grid-row:1!important;width:16px!important;height:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body .mainnav #liveDateTime .live-clock-icon::before,
html body .mainnav #liveDateTime .live-clock-icon::after{content:none!important}
html body .mainnav #liveDateTime .live-clock-icon svg{display:block;width:16px;height:16px;flex:none}
html body .mainnav #liveDateTime #liveTimeText{
  grid-column:3!important;grid-row:1!important;
  font-family:Consolas,'Liberation Mono',monospace!important;
  font-variant-numeric:tabular-nums!important;font-feature-settings:'tnum' 1!important;
  font-weight:700!important;width:8ch!important;min-width:8ch!important;max-width:8ch!important;
}
@media(min-width:981px){
  html body.xovos-final-583 .mainnav{overflow:visible!important}
  html body.xovos-final-583 .mainnav .nav-inner{
    display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;
    align-items:center!important;gap:10px!important;overflow:visible!important;
    padding-left:10px!important;padding-right:10px!important;
  }
  html body.xovos-final-583 .mainnav .nav-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:max-content!important;min-width:0!important;max-width:100%!important;
    flex:0 0 auto!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  html body.xovos-final-583 .mainnav .nav-links{
    min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  }
  html body.xovos-final-583 .mainnav .nav-links::-webkit-scrollbar{display:none!important}
  html body.xovos-final-583 .mainnav .nav-links>a,
  html[lang='uz-Cyrl'] body.xovos-final-583 .mainnav .nav-links>a{
    font-size:var(--xovos-item-effective-font,var(--xovos-nav-effective-font,16px))!important;
    padding-inline:var(--xovos-nav-effective-pad,7px)!important;
    letter-spacing:-.015em!important;
  }
}
@media(min-width:981px) and (max-width:1180px){
  html body .mainnav #liveDateTime.live-datetime{font-size:11px!important;gap:7px!important;padding-inline:10px!important}
}
@media(min-width:1500px){
  html body .mainnav #liveDateTime.live-datetime{font-size:13px!important}
}
@media(max-width:980px){
  html body .mainnav,html body.xovos-final-583 .mainnav{
    height:auto!important;min-height:70px!important;max-height:none!important;overflow:visible!important;
  }
  html body .mainnav .nav-inner,html body.xovos-final-583 .mainnav .nav-inner{
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    width:calc(100% - 20px)!important;max-width:none!important;min-width:0!important;
    height:auto!important;min-height:70px!important;max-height:none!important;
    align-items:center!important;gap:8px!important;padding:6px 0!important;margin-inline:auto!important;
  }
  html body .mainnav .nav-links,html body.xovos-final-583 .mainnav .nav-links{display:none!important}
  html body .mainnav .mobile-menu-toggle{
    display:flex!important;grid-column:1!important;grid-row:1!important;
    width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;
  }
  html body .mainnav .nav-actions,html body.xovos-final-583 .mainnav .nav-actions{
    display:flex!important;grid-column:2!important;grid-row:1!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    justify-content:flex-end!important;align-items:center!important;padding:0!important;margin:0!important;
  }
  html body .mainnav #liveDateTime.live-datetime{
    grid-template-columns:max-content max-content!important;gap:3px 8px!important;
    width:100%!important;max-width:420px!important;min-width:0!important;
    border-radius:20px!important;padding:7px 9px!important;font-size:11.5px!important;
  }
  html body .mainnav #liveDateTime #liveDateText{
    grid-column:1 / -1!important;grid-row:1!important;white-space:normal!important;
    text-align:center!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  html body .mainnav #liveDateTime .live-clock-icon{grid-column:1!important;grid-row:2!important;justify-self:end!important}
  html body .mainnav #liveDateTime #liveTimeText{grid-column:2!important;grid-row:2!important;justify-self:start!important;font-size:12px!important}
}
@media(max-width:360px){
  html body .mainnav #liveDateTime.live-datetime{font-size:10.5px!important;padding-inline:7px!important}
}