.drawer{z-index:var(--z-modal,300);position:fixed;inset:0}.drawer--auth{z-index:var(--z-auth,400)}.drawer-panel{background:var(--bg-page);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:var(--shadow-float);position:absolute}.drawer-panel--static{touch-action:auto;-webkit-user-select:auto;user-select:auto}.drawer-panel[data-dir=bottom]{inset-inline:0;border-radius:0;flex-direction:column;max-height:85vh;display:flex;bottom:0}.drawer-panel[data-dir=top]{inset-inline:0;border-radius:0;top:0}.drawer-panel[data-dir=left]{inset-block:0;border-radius:0;width:85vw;max-width:400px;left:0}.drawer-panel[data-dir=right]{inset-block:0;border-radius:0;width:85vw;max-width:400px;right:0}.drawer-panel:after{content:"";background:inherit;background-color:inherit;pointer-events:none;position:absolute}.drawer-panel[data-dir=bottom]:after{height:200%;top:100%;left:0;right:0}.drawer-panel[data-dir=top]:after{height:200%;bottom:100%;left:0;right:0}.drawer-panel[data-dir=left]:after{width:200%;top:0;bottom:0;right:100%}.drawer-panel[data-dir=right]:after{width:200%;top:0;bottom:0;left:100%}.drawer-content{overscroll-behavior:contain;padding:var(--space-6,1.5rem);flex:1;overflow-y:auto}.drawer-panel--static .drawer-content{padding-top:calc(var(--space-4,1rem) + 32px + var(--space-2,.5rem))}.drawer-panel[data-dir=right].drawer-panel--static .drawer-content{padding-left:calc(var(--space-4,1rem) + 32px + var(--space-2,.5rem))}.drawer-panel[data-dir=top].drawer-panel--static .drawer-content{padding-top:var(--space-6,1.5rem);padding-bottom:calc(var(--space-4,1rem) + 32px + var(--space-2,.5rem))}.drawer-close{top:var(--space-4,1rem);right:var(--space-4,1rem);z-index:1;border-radius:var(--radius-md,.25rem);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;pointer-events:auto;transition:color var(--duration-fast,.18s) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}@media (hover:hover) and (pointer:fine){.drawer-close:hover{color:var(--text-primary)}}.drawer-panel[data-dir=right] .drawer-close{right:auto;left:var(--space-4,1rem)}.drawer-panel[data-dir=top] .drawer-close{top:auto;bottom:var(--space-4,1rem)}.drawer.is-closing,.drawer.is-closing .drawer-panel{pointer-events:none}.drawer-content-column{gap:var(--space-4);padding-bottom:var(--space-2);max-width:var(--max-width-form,400px);flex-direction:column;margin-inline:auto;display:flex}@media (prefers-reduced-motion:reduce){.drawer-panel{transition:none}}