/* One accessible ViralViz signature across homepage, studio, account and legal pages. */
.brand-eleven {
  --signature-size:22px;
  --signature-ink:#f7f5ef;
  --signature-viral-reveal:56px;
  --signature-viz-reveal:31px;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:0;
  min-height:42px;
  width:max-content;
  max-width:100%;
  text-decoration:none;
  isolation:isolate;
}
.brand-eleven-mark {
  position:relative;
  height:30px;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.brand-eleven-word {
  display:flex;
  align-items:center;
  min-width:0;
  white-space:nowrap;
}
.brand-eleven-word b,.brand-eleven-word i {
  display:block;
  margin:0;
  font:900 var(--signature-size)/1 Arial,sans-serif;
  font-style:normal;
  letter-spacing:-.075em;
  white-space:nowrap;
}
.brand-eleven-word b { position:relative; z-index:2; }
.brand-eleven-word-viral b { color:var(--lilac,#a69cff); }
.brand-eleven-word-viz b { color:var(--acid,#d9ff57); }
.brand-eleven-word i {
  width:0;
  padding-right:0;
  overflow:hidden;
  color:var(--signature-ink);
  opacity:0;
  transform:translateX(-4px);
  transition:width .72s cubic-bezier(.16,1,.3,1),padding-right .72s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .62s cubic-bezier(.16,1,.3,1);
}
.brand-eleven-word-viz { margin-left:-1px; }
.brand-eleven:hover .brand-eleven-word-viral i,.brand-eleven:focus-visible .brand-eleven-word-viral i { width:var(--signature-viral-reveal); padding-right:3px; }
.brand-eleven:hover .brand-eleven-word-viz i,.brand-eleven:focus-visible .brand-eleven-word-viz i { width:var(--signature-viz-reveal); padding-right:2px; }
.brand-eleven:hover .brand-eleven-word i,.brand-eleven:focus-visible .brand-eleven-word i { opacity:1; transform:translateX(0); }
.brand-eleven:focus-visible { outline:1px solid rgba(217,255,87,.6); outline-offset:7px; }

.auth-brand.brand-eleven { min-height:38px; }
.profile-brand.brand-eleven { --signature-size:20px; min-height:34px; }
.auth-brand.brand-eleven .brand-eleven-word b,
.auth-brand.brand-eleven .brand-eleven-word i,
.profile-brand.brand-eleven .brand-eleven-word b,
.profile-brand.brand-eleven .brand-eleven-word i {
  font:900 var(--signature-size)/1 Arial,sans-serif;
  letter-spacing:-.075em;
}
.topbar .brand.brand-eleven { --signature-size:20px; min-height:var(--topbar); }
.topbar .brand.brand-eleven .brand-eleven-word b,
.topbar .brand.brand-eleven .brand-eleven-word i {
  font:900 var(--signature-size)/1 Arial,sans-serif;
  letter-spacing:-.075em;
}
.auth-brand.brand-eleven,
.legal-brand.brand-eleven {
  --signature-ink:#f7f5ef;
  --lilac:#b2a7ff;
  --acid:#d9ff57;
  min-height:38px;
  padding:3px 11px 3px 10px;
  border:1px solid rgba(17,18,24,.2);
  border-radius:9px;
  background:#111218;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 5px 13px rgba(17,18,24,.09);
}
.auth-brand.brand-eleven .brand-eleven-mark,
.legal-brand.brand-eleven .brand-eleven-mark { height:30px; }
.auth-brand.brand-eleven .brand-eleven-word i,
.legal-brand.brand-eleven .brand-eleven-word i { padding-block:0; background:none; }
.auth-brand.brand-eleven:focus-visible,
.legal-brand.brand-eleven:focus-visible { outline:2px solid #6352c9; outline-offset:3px; }
.auth-brand.brand-eleven .brand-eleven-word b,
.auth-brand.brand-eleven .brand-eleven-word i,
.legal-brand.brand-eleven .brand-eleven-word b,
.legal-brand.brand-eleven .brand-eleven-word i {
  font:900 var(--signature-size)/1 Arial,sans-serif;
  letter-spacing:-.075em;
  margin:0;
}
@media(max-width:760px) {
  .brand-eleven {
    --signature-size:20px;
    --signature-viral-reveal:52px;
    --signature-viz-reveal:28px;
  }
  .brand-eleven-mark { height:27px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-eleven-word i { transition:none; }
}