.hp-menu{top:calc(100% + var(--hp-s-2));z-index:var(--hp-z-menu);gap:var(--hp-s-1);min-width:var(--hp-menu-min);max-width:calc(100vw - var(--hp-page-pad) * 2);padding:var(--hp-s-2);border:1px solid var(--hp-rule-2);border-radius:var(--hp-r-lg);background:var(--hp-surface);color:var(--hp-ink);box-shadow:var(--hp-shadow);flex-direction:column;display:flex;position:absolute}.hp-menu[data-align=left]{left:0}.hp-menu[data-align=right]{right:0}.hp-menu-item{align-items:center;gap:var(--hp-s-3);min-height:var(--hp-ctl-sm);padding:0 var(--hp-s-3);border-radius:var(--hp-r);color:var(--hp-ink);font-family:var(--hp-font-body);font-size:var(--hp-t-ui);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.hp-menu-item:hover{background:var(--hp-surface-2)}.hp-menu-item:focus-visible{background:var(--hp-surface-2);outline:2px solid var(--hp-accent);outline-offset:-2px}.hp-menu-item[data-tone=signal]{color:var(--hp-signal-text)}.hp-menu-item[data-tone=accent]{color:var(--hp-accent-text)}.hp-menu-item-icon{width:var(--hp-s-4);color:var(--hp-ink-2);flex-shrink:0;justify-content:center;display:inline-flex}.hp-menu-item[aria-checked=true] .hp-menu-item-icon{color:var(--hp-accent-text)}.hp-menu-item-body{gap:var(--hp-s-1);flex-direction:column;flex-grow:1;display:flex}.hp-menu-sep{height:1px;margin:var(--hp-s-2) 0;background:var(--hp-rule)}.hp-menu-head{padding:var(--hp-s-2) var(--hp-s-3);font-family:var(--hp-font-mono);font-size:var(--hp-t-eyebrow);letter-spacing:var(--hp-track-mono);text-transform:uppercase;color:var(--hp-ink-3)}.hp-scrim{z-index:var(--hp-z-scrim);background:var(--hp-scrim);position:fixed;inset:0}.hp-sheet{inset:var(--hp-sheet-inset);z-index:var(--hp-z-sheet);gap:var(--hp-s-4);box-sizing:border-box;width:var(--hp-sheet-width);max-height:var(--hp-sheet-max-h);padding:var(--hp-s-5);scrollbar-gutter:stable;border:1px solid var(--hp-rule-2);border-radius:var(--hp-sheet-radius);background:var(--hp-surface);color:var(--hp-ink);box-shadow:var(--hp-shadow);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.hp-modal-layer{z-index:var(--hp-z-sheet);box-sizing:border-box;padding:var(--hp-s-9) var(--hp-page-pad);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.hp-modal{gap:var(--hp-s-5);box-sizing:border-box;width:min(100%, var(--hp-measure));padding:var(--hp-s-7);border:1px solid var(--hp-rule-2);border-radius:var(--hp-r-lg);background:var(--hp-surface);color:var(--hp-ink);box-shadow:var(--hp-shadow);flex-direction:column;display:flex;position:relative}.hp-modal[data-width=measure-xs]{width:min(100%, var(--hp-measure-xs))}.hp-modal-close{top:var(--hp-s-2);right:var(--hp-s-2);width:var(--hp-ctl-sm);height:var(--hp-ctl-sm);border-radius:var(--hp-r-pill);color:var(--hp-ink-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.hp-modal-close:hover{background:var(--hp-surface-2)}.hp-sheet:focus-visible,.hp-modal:focus-visible,.hp-modal-close:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}