.hp-drawer{background:var(--hp-surface);width:min(620px,96vw);z-index:calc(var(--hp-z-overlay) + 1);animation:hp-drawer-slide .2s var(--hp-ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0f141933}@keyframes hp-drawer-slide{0%{opacity:.4;transform:translate(28px)}to{opacity:1;transform:none}}.hp-drawer__header{border-bottom:1px solid var(--hp-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.hp-drawer__title-wrap{min-width:0}.hp-drawer__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--hp-n-400);margin:0 0 4px;font-size:11px;font-weight:600}.hp-drawer__title{font-size:var(--hp-text-lg);margin:0;font-weight:600}.hp-drawer__close{color:var(--hp-n-400);cursor:pointer;border-radius:var(--hp-radius-sm);background:0 0;border:0;flex:none;padding:2px 4px;font-size:18px;line-height:1}.hp-drawer__close:hover{color:var(--hp-n-900);background:var(--hp-n-100)}.hp-drawer__body{flex:1;min-height:0;padding:20px;overflow-y:auto}.hp-drawer__footer{border-top:1px solid var(--hp-border);background:var(--hp-n-50);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.hp-drawer__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}