/* Shared desktop dimensions for every header appearance and login state. */
@media (min-width: 769px) {
  .app-viewport .header .header-content {
    padding: 10px 40px;
  }

  .app-viewport .header .header-left {
    gap: 70px;
  }

  .app-viewport .header .header-right,
  .app-viewport .header .search-box,
  .app-viewport .header .login-btn,
  .app-viewport .header .user-wrapper,
  .app-viewport .header .user-avatar,
  .app-viewport .header .user-avatar-link {
    height: 44px;
  }

  .app-viewport .header .user-wrapper,
  .app-viewport .header .user-avatar,
  .app-viewport .header .user-avatar-link {
    width: 44px;
  }

  .app-viewport .header .logo-link {
    height: 42px;
  }

  .app-viewport .header .logo {
    display: block;
    width: 100px;
    height: auto;
  }
}