.bokah-drawer,.bokah-drawer__scrim{z-index:var(--z-drawer)}.bokah-drawer{position:fixed;display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-4);padding:var(--space-6);background:var(--surface-raised);border:var(--border-hair) solid var(--border-subtle)}.bokah-drawer[data-edge=start]{inset-block:0;inset-inline-start:0;inline-size:min(92vw,28rem);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);--overlay-from-x:-100%;--overlay-from-y:0}.bokah-drawer[data-edge=end]{inset-block:0;inset-inline-end:0;inline-size:min(92vw,28rem);border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);--overlay-from-x:100%;--overlay-from-y:0}.bokah-drawer[data-edge=top]{inset-inline:0;inset-block-start:0;max-block-size:86vh;border-end-start-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg);--overlay-from-x:0;--overlay-from-y:-100%}.bokah-drawer[data-edge=bottom]{inset-inline:0;inset-block-end:0;max-block-size:86vh;border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);--overlay-from-x:0;--overlay-from-y:100%}.bokah-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.bokah-drawer__title{margin:0;font-family:var(--font-title);font-size:var(--type-xl);font-weight:500;text-transform:uppercase;line-height:var(--leading-heading-sm);color:var(--text);text-wrap:balance}.bokah-drawer__description{margin:0;font-size:var(--type-base);line-height:1.6;color:var(--text-muted);text-wrap:pretty}.bokah-drawer__body{display:grid;align-content:start;gap:var(--space-4);overflow-y:auto}.bokah-drawer__footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.bokah-nav-link{position:relative;font-family:var(--font-body);font-size:var(--type-ui);font-weight:var(--weight-medium);text-transform:uppercase;line-height:var(--leading-ui);color:var(--text-muted);text-decoration:none}.bokah-nav-link[aria-current=page]{color:var(--text)}@media (hover:hover) and (pointer:fine){.bokah-nav-link:hover{color:var(--text)}}.bokah-nav-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;block-size:var(--border-hair);background:currentcolor;transform:scaleX(0);transform-origin:inset-inline-start;transition:transform var(--dur-fast) var(--ease-out-fabric)}.bokah-nav-link:focus-visible:after,.bokah-nav-link[aria-current=page]:after{transform:scaleX(1)}.bokah-nav-link[aria-current=page]:after{inset-block-end:-4px;block-size:0;background:none;border-block-end:var(--border-hair) dashed currentcolor}@media (hover:hover) and (pointer:fine){.bokah-nav-link:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.bokah-nav-link,.bokah-nav-link:after{transition:none}}:root[data-tier="0"] .bokah-nav-link,:root[data-tier="0"] .bokah-nav-link:after{transition:none}