.bbs-drawer-scrim{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#14081a8c;animation:bbs-fade .2s ease both}.bbs-drawer-sheet{width:100%;max-height:90vh;display:flex;flex-direction:column;background:var(--bbs-surface);color:var(--bbs-ink);border-radius:20px 20px 0 0;box-shadow:var(--bbs-shadow);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:1024px){.bbs-drawer-scrim{align-items:stretch;justify-content:flex-end}.bbs-drawer-sheet{width:min(480px,100%);max-height:none;height:100%;border-radius:0}}.bbs-drawer-panel{background:var(--bbs-surface);color:var(--bbs-ink);border:1px solid var(--bbs-line);border-radius:var(--bbs-radius);box-shadow:var(--bbs-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 2rem)}.bbs-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem .5rem}.bbs-drawer__title{margin:0;font-size:1.2rem;line-height:1.25;font-weight:800;color:var(--bbs-ink)}.bbs-drawer__title:focus{outline:none}.bbs-drawer__title:focus-visible{outline:3px solid var(--bbs-focus);outline-offset:3px;border-radius:4px}.bbs-drawer__close{flex:none;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:var(--bbs-surface-2);color:var(--bbs-ink);font-size:1.6rem;line-height:1}.bbs-drawer__close:hover:not(:disabled){background:var(--bbs-surface-3)}.bbs-drawer__close:disabled{opacity:.4;cursor:not-allowed}.bbs-drawer__body{padding:.25rem 1.1rem 1.1rem;overflow-y:auto;overscroll-behavior:contain}.bbs-drawer__foot{padding:.75rem 1.1rem 1rem;border-top:1px solid var(--bbs-line)}