/*
 * ClickBee — Global topbar Back control
 * 111
 * Same understated scale as [how it works].
 */

.topbar.cb-first-app{
  position:relative!important;
}

.topbar.cb-first-app .cb-topbar-back{
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;

  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);

  display:inline-block;
  width:auto;
  min-width:0;
  height:auto;

  margin:0;
  padding:0;

  border:0;
  border-radius:0;

  outline:0;

  color:inherit;
  background:transparent;

  box-shadow:none;

  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:normal;
  letter-spacing:-.03em;
  text-transform:none;
  white-space:nowrap;

  cursor:pointer;
  user-select:none;

  opacity:.82;

  transition:
    opacity .14s ease,
    transform .14s cubic-bezier(.22,1,.36,1);
}

.topbar.cb-first-app .cb-topbar-back:hover,
.topbar.cb-first-app .cb-topbar-back:focus-visible{
  color:#fff;
  opacity:1;
}

.topbar.cb-first-app .cb-topbar-back:focus-visible{
  outline:1px solid rgba(255,255,255,.20);
  outline-offset:4px;
  border-radius:3px;
}

.topbar.cb-first-app .cb-topbar-back:active{
  transform:translate(-50%,calc(-50% + 1px)) scale(.98);
}

@media(prefers-reduced-motion:reduce){
  .topbar.cb-first-app .cb-topbar-back{
    transition:none!important;
  }
}


/* 112 — give the Drew-earned ticker proper breathing room below the topbar. */
.topbar.cb-first-app + a.cb-page-live > .badge{
  margin-top:18px!important;
}

@media(max-width:768px){
  .topbar.cb-first-app + a.cb-page-live > .badge{
    margin-top:16px!important;
  }
}


/* 113 — Back control is mobile/tablet only. */
@media(min-width:769px){
  .topbar.cb-first-app .cb-topbar-back{
    display:none!important;
  }
}