/* Secondary shortcuts follow the corresponding section description. */
.vm-menu .vm-item > .vm-aux-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;width:fit-content;max-width:100%;min-height:30px;
  margin-top:8px;padding:0 12px;border:1px solid #3c3c39;border-radius:100px;
  color:#c4c4bf;background:transparent;text-decoration:none;white-space:nowrap;
  font:400 11px/1.4 Manrope,Arial,sans-serif;
  opacity:0;transform:translateY(-4px);
  transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1),border-color .3s ease,color .3s ease,background .3s ease;
}
body.vm-open .vm-menu .vm-item > .vm-aux-pill{opacity:1;transform:none}
body.vm-departing .vm-menu .vm-item > .vm-aux-pill{opacity:0!important}
.vm-menu .vm-aux-pill svg{width:13px;height:13px;flex:0 0 13px;opacity:.8}
.vm-menu .vm-aux-pill .vm-label::after{display:none}
.vm-menu .vm-item > .vm-aux-pill:is(:hover,:focus-visible){color:#fff;border-color:#92928b;background:#ffffff08}
.vm-menu .vm-aux-pill:focus-visible{outline:1px solid #d7cbb5;outline-offset:4px}
/* The 38px shortcut uses 38px of the existing 48px separation. */
.vm-menu .vm-item--business .vm-gifts{margin-top:5px;padding-top:5px}
@media(max-width:900px){
  .vm-menu:has(.vm-aux-pill){padding-block:18px}
  .vm-menu .vm-item > .vm-aux-pill{position:static;min-height:44px;margin-top:4px;padding-inline:14px;font-size:12px}
  .vm-menu .vm-item--business .vm-gifts{margin-top:0;padding-top:0}
}