@layer lhi.components{.lhi-drawer{z-index:var(--lhi-z-overlay);visibility:hidden;transition:visibility 0s linear var(--dur-3);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lhi-drawer.lhi-is-open{visibility:visible;transition-delay:0s}.lhi-drawer--left{justify-content:flex-start}.lhi-drawer--right{justify-content:flex-end}.lhi-drawer__backdrop{background:var(--lhi-overlay);-webkit-backdrop-filter:var(--lhi-glass-blur-scrim);opacity:0;transition:opacity var(--dur-3) var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.lhi-drawer.lhi-is-open .lhi-drawer__backdrop{opacity:1}.lhi-drawer__panel{--lhi-drawer-w:24rem;--lhi-drawer-tile:2.25rem;width:min(100%, var(--lhi-drawer-w));background:var(--lhi-glass-overlay);height:100%;-webkit-backdrop-filter:var(--lhi-glass-blur-overlay);box-shadow:var(--lhi-surface-3-shadow);transition:translate var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:relative}.lhi-drawer--md .lhi-drawer__panel{--lhi-drawer-w:28rem}.lhi-drawer__panel:focus{outline:none}.lhi-drawer--left .lhi-drawer__panel{border-right:1px solid var(--lhi-border-default);translate:-100%}.lhi-drawer--right .lhi-drawer__panel{border-left:1px solid var(--lhi-border-default);translate:100%}.lhi-drawer.lhi-is-open .lhi-drawer__panel{translate:0}.lhi-drawer__header{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--lhi-border-subtle);flex-shrink:0;display:flex}.lhi-drawer__icon{width:var(--lhi-drawer-tile);height:var(--lhi-drawer-tile);border-radius:var(--radius-md);border:1px solid var(--lhi-accent-border);background:var(--lhi-accent-soft);color:var(--lhi-fg-accent-soft);font-size:var(--fs-sm);flex-shrink:0;place-items:center;display:grid}.lhi-drawer__headings{gap:var(--lhi-gap-1);flex-direction:column;flex:1;min-width:0;display:flex}.lhi-drawer__eyebrow{font-family:var(--mono-font);font-size:var(--fs-3xs);font-weight:var(--mono-label-weight);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--lhi-fg-accent-soft);margin:0}.lhi-drawer__title{font-family:var(--heading-font);font-size:var(--fs-lg);font-weight:var(--heading-weight);line-height:var(--lh-snug);color:var(--lhi-fg-default);overflow-wrap:anywhere;margin:0}.lhi-drawer__subtitle{font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--lhi-fg-muted);overflow-wrap:anywhere;margin:0}.lhi-drawer__close{width:var(--lhi-drawer-tile);height:var(--lhi-drawer-tile);border:1px solid var(--lhi-border-default);border-radius:var(--radius-sm);color:var(--lhi-fg-muted);font-size:var(--fs-md);cursor:pointer;transition:color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);background:0 0;flex:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:inline-flex}.lhi-drawer__close:hover{background:var(--lhi-accent-bg);border-color:var(--lhi-accent-bg);color:var(--lhi-accent-fg)}.lhi-drawer__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.lhi-drawer__body{min-height:0;padding:var(--sp-5);overscroll-behavior:contain;color:var(--lhi-fg-default);font-family:var(--body-font);font-size:var(--fs-sm);line-height:var(--lh-body);flex:1;overflow-y:auto}.lhi-drawer__footer{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--lhi-border-subtle);flex-wrap:wrap;flex-shrink:0;display:flex}@media (max-width:30rem){.lhi-drawer__header{padding:var(--sp-3) var(--sp-4)}.lhi-drawer__body{padding:var(--sp-4)}.lhi-drawer__footer{padding:var(--sp-3) var(--sp-4)}}}