.premiumNav,
.premiumNav .premiumBrand,
.premiumNav .premiumMark,
.premiumNav .premiumBrand strong,
.premiumNav .premiumBrand b,
.premiumNav .premiumLinks {
  transition:
    height .22s ease,
    width .22s ease,
    gap .22s ease,
    padding .22s ease,
    font-size .22s ease,
    box-shadow .22s ease;
}

.premiumNavCompact {
  height: 62px;
  box-shadow: 0 7px 22px #08263b3d;
}

.premiumNavCompact .premiumMark {
  width: 31px;
  height: 31px;
}

.premiumNavCompact .premiumBrand {
  gap: 9px;
}

.premiumNavCompact .premiumBrand strong {
  font-size: 12px;
}

.premiumNavCompact .premiumBrand b {
  font-size: 7px;
}

.premiumNavCompact .premiumLinks {
  gap: 25px;
}

@media (max-width: 700px) {
  .premiumNavCompact {
    height: 58px;
  }

  .premiumNavCompact .premiumMark {
    width: 28px;
    height: 28px;
  }

  .premiumNavCompact .premiumLinks {
    gap: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premiumNav,
  .premiumNav .premiumBrand,
  .premiumNav .premiumMark,
  .premiumNav .premiumBrand strong,
  .premiumNav .premiumBrand b,
  .premiumNav .premiumLinks {
    transition: none;
  }
}