.drawer{border:0;border-left:var(--border-w) solid var(--color-ink-border);background:var(--color-ink);width:min(100%,22rem);max-width:none;height:100dvh;max-height:none;color:var(--color-fg-on-dark);overscroll-behavior:contain;margin:0;padding:0;position:fixed;inset:0 0 0 auto}.drawer::backdrop{background:color-mix(in oklch, var(--color-ink) 65%, transparent)}.drawer-panel{height:100%;padding:var(--spacing-5) var(--spacing-gutter) var(--spacing-7);overflow-y:auto}.drawer-panel nav a{border-bottom-width:0;border-left-width:2px;flex:1}@media (prefers-reduced-motion:no-preference){.drawer[open]{animation:.18s ease-out drawer-in}.drawer[open]::backdrop{animation:.18s ease-out backdrop-in}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}html:has(.drawer[open]){overflow:hidden}