.m_drawer{display:none;flex-direction:column;border:0;margin:0;padding:0;max-width:none;max-height:none;width:min(100%,var(--drawer-width, 22rem));height:100%;overscroll-behavior:contain;background:var(--color-cream);color:var(--card-foreground);translate:100% 0;transition:translate 300ms ease,overlay 300ms ease allow-discrete,display 300ms ease allow-discrete;transition-behavior:allow-discrete}.m_drawer::backdrop{background:oklch(0 0 0/.45);opacity:0;backdrop-filter:blur(3px);overscroll-behavior:none;touch-action:none;transition:opacity 300ms ease,overlay 300ms ease allow-discrete,display 300ms ease allow-discrete;transition-behavior:allow-discrete}.m_drawer[data-side=left]{margin-inline-end:auto;translate:-100% 0}.m_drawer[data-side=right]{margin-inline-start:auto;translate:100% 0}.m_drawer[open]{display:flex;translate:0 0}.m_drawer[open]::backdrop{opacity:1}@starting-style{.m_drawer[open]{translate:100% 0}.m_drawer[open]::backdrop{opacity:0}}@starting-style{.m_drawer[open][data-side=left]{translate:-100% 0}}.m_drawer__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border)}.m_drawer__close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;cursor:pointer}.m_drawer__close svg{display:block;width:16px;height:16px}.m_drawer__body{padding:1.25rem;font-size:.875rem;height:100%;overflow-y:auto;overscroll-behavior:contain}.m_drawer__footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-start}@media(prefers-reduced-motion: reduce){.m_drawer{transition-duration:0s}.m_drawer::backdrop{transition-duration:0s}}