.xot-wrap{
  --xot-bg:#111;
  --xot-text:#fff;
  --xot-accent:#f3c76f;
  --xot-height:38px;
  --xot-font-desktop:14px;
  --xot-font-mobile:12px;
  --xot-weight:600;
  --xot-gap:44px;
  position:relative !important;
  z-index:999 !important;
  width:100% !important;
  height:var(--xot-height) !important;
  min-height:var(--xot-height) !important;
  background:var(--xot-bg) !important;
  color:var(--xot-text) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  isolation:isolate;
}

.xot-wrap.xot-sticky{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
}
body.admin-bar .xot-wrap.xot-sticky{ top:32px !important; }

.xot-viewport{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
}

.xot-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  align-items:center !important;
  will-change:transform;
  transform:translate3d(0,0,0);
  direction:ltr !important;
}

.xot-group{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  direction:rtl;
}

.xot-wrap[data-direction="ltr"] .xot-group{
  direction:ltr;
}

.xot-item{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  min-height:var(--xot-height) !important;
  font-size:var(--xot-font-desktop) !important;
  font-weight:var(--xot-weight) !important;
  letter-spacing:.01em;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

.xot-item a,
.xot-item > span:not(.xot-separator){
  color:var(--xot-text) !important;
  text-decoration:none !important;
  transition:opacity .2s ease;
}

.xot-item a:hover{
  color:var(--xot-text) !important;
  opacity:.78;
}

.xot-separator{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--xot-accent) !important;
  margin-inline:var(--xot-gap) !important;
  font-size:.9em !important;
  opacity:.95;
}

/* JS drives the motion in v1.1 so theme animation rules cannot stop it. */
.xot-track.xot-running{
  animation:none !important;
  transition:none !important;
}

@media (max-width:782px){
  body.admin-bar .xot-wrap.xot-sticky{ top:46px !important; }
}

@media (max-width:767px){
  .xot-item{ font-size:var(--xot-font-mobile) !important; }
  .xot-wrap.xot-hide-mobile{ display:none !important; }
}

@media (min-width:768px){
  .xot-wrap.xot-hide-desktop{ display:none !important; }
}