:root{
  --nav:#062b52;
  --blue:#0b94a4;
  --asterly-navy:#062b52;
  --asterly-blue:#0876a2;
  --asterly-teal:#0eb7a1;
  --asterly-green:#21d89a;
  --asterly-grey:#657b8f;
}

.brand,
.mobile-brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

.brand{
  margin:0 8px 24px!important;
  line-height:1!important;
}

.asterly-brand-icon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  object-fit:contain;
}

.asterly-brand-words{
  display:flex;
  flex-direction:column;
  min-width:0;
  font-style:normal;
  line-height:.96;
}

.asterly-brand-words strong{
  font-size:21px;
  font-weight:850;
  letter-spacing:-.5px;
}

.asterly-brand-words em{
  margin-top:4px;
  font-size:14px;
  font-weight:500;
  font-style:normal;
  letter-spacing:.2px;
}

.side .asterly-brand-words strong{color:#fff}
.side .asterly-brand-words em{color:#91a6b9}

.nav button.active,
.nav button:hover{
  background:linear-gradient(135deg,rgba(8,118,162,.62),rgba(14,183,161,.52));
  color:#fff;
}

.btn.primary{
  background:linear-gradient(135deg,var(--asterly-blue),var(--asterly-teal));
  border-color:var(--asterly-teal);
}

.link{color:var(--asterly-blue)}

#mobileTopbar .asterly-brand-icon{
  width:30px;
  height:30px;
}

#mobileTopbar .asterly-brand-words{
  flex-direction:row;
  align-items:baseline;
  gap:4px;
  line-height:1;
}

#mobileTopbar .asterly-brand-words strong{
  color:var(--asterly-navy);
  font-size:18px;
}

#mobileTopbar .asterly-brand-words em{
  margin:0;
  color:var(--asterly-grey);
  font-size:18px;
  font-weight:500;
}

.mobile-sheet-head .asterly-sheet-brand{
  color:var(--asterly-grey);
  font-size:12px;
}

.asterly-loading{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:#f7fafc;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}

.asterly-loading-mark{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  color:var(--asterly-navy);
}

.asterly-loading-mark img{
  width:76px;
  height:76px;
}

.asterly-loading-mark b{
  font-size:24px;
  letter-spacing:-.6px;
}

.asterly-loading-mark span{
  color:var(--asterly-grey);
  font-size:13px;
}

@media(max-width:760px){
  .side .asterly-brand-icon{width:34px;height:34px}
}