.vtpPublicSurfaceNav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:5px;
  border:1px solid rgba(112,72,126,.13);
  border-radius:16px;
  background:rgba(255,255,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.vtpPublicSurfaceNav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:12px;
  color:#6d5574;
  font-size:13px;
  font-weight:950;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.vtpPublicSurfaceNav a:hover{
  color:#281532;
  background:rgba(255,255,255,.78);
}
.vtpPublicSurfaceNav a.isActive{
  color:#281532;
  background:linear-gradient(135deg,rgba(255,222,235,.96),rgba(226,219,255,.96));
  box-shadow:0 7px 18px rgba(119,72,133,.1),inset 0 0 0 1px rgba(231,101,154,.12);
}
.vtpClientHeader>.vtpPublicSurfaceNav,
.vtpHomeShell .vtpTopDock>.vtpPublicSurfaceNav{
  margin-left:auto;
}
.vtpClientHeader>.vtpClientBobbleMenu,
.vtpClientHeader>.vtpClientGuestActions,
.vtpHomeShell .vtpTopDock>.vtpHomeBobbleMenuDesktop,
.vtpHomeShell .vtpTopDock>.vtpGuestAccountActions{
  margin-left:0;
}
.vtpAuthPanel>.vtpPublicSurfaceNav{
  width:100%;
  margin-top:18px;
}
.vtpAuthPanel>.vtpPublicSurfaceNav a{
  flex:1 1 0;
}
@media(max-width:820px){
  .vtpClientHeader,
  .vtpHomeShell .vtpMobileHeaderCard{
    flex-wrap:wrap;
  }
  .vtpClientHeader>.vtpClientBrand,
  .vtpHomeShell .vtpMobileHeaderCard>.vtpLogoLockup{
    order:1;
  }
  .vtpClientHeader>.vtpClientBobbleMenu,
  .vtpClientHeader>.vtpClientGuestActions,
  .vtpHomeShell .vtpMobileHeaderCard>.vtpHomeBobbleMenuDesktop,
  .vtpHomeShell .vtpMobileHeaderCard>.vtpGuestAccountActions{
    order:2;
    margin-left:auto;
  }
  .vtpClientHeader>.vtpPublicSurfaceNav,
  .vtpHomeShell .vtpMobileHeaderCard>.vtpPublicSurfaceNav{
    order:3;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    margin:4px 0 0;
  }
  .vtpClientHeader>.vtpPublicSurfaceNav a,
  .vtpHomeShell .vtpMobileHeaderCard>.vtpPublicSurfaceNav a{
    min-height:36px;
    padding:8px 10px;
    font-size:12px;
  }
}
@media(max-width:430px){
  .vtpPublicSurfaceNav{
    gap:4px;
    padding:4px;
    border-radius:14px;
  }
  .vtpPublicSurfaceNav a{
    border-radius:10px;
  }
}