@layer equip{.eq-drawer{--_from:100% 0;box-sizing:border-box;width:min(400px, calc(100vw - var(--eq-space-6)));max-width:none;height:100dvh;max-height:none;padding:var(--eq-space-4);border:0 solid var(--eq-line-strong);border-radius:var(--eq-radius-l) 0 0 var(--eq-radius-l);background:var(--eq-raised);color:var(--eq-ink);box-shadow:var(--eq-shadow);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);font:var(--eq-weight) var(--eq-text-m) / 1.5 var(--eq-font);translate:var(--_from);transition:translate var(--eq-dur) var(--eq-ease);border-left-width:1px;margin:0;position:fixed;inset:0 0 0 auto}.eq-drawer[data-side=left]{--_from:-100% 0;border-radius:0 var(--eq-radius-l) var(--eq-radius-l) 0;border-left-width:0;border-right-width:1px;inset:0 auto 0 0}.eq-drawer[data-side=bottom]{--_from:0 100%;border-radius:var(--eq-radius-l) var(--eq-radius-l) 0 0;border-top-width:1px;border-left-width:0;width:100%;height:auto;max-height:min(80dvh,640px);inset:auto 0 0}.eq-drawer[open]{gap:var(--eq-space-3);transition:translate var(--eq-dur-move) var(--eq-ease);flex-direction:column;display:flex;translate:none}@starting-style{.eq-drawer[open]{translate:var(--_from)}}.eq-drawer:focus-visible{outline:none}.eq-drawer::backdrop{transition:background-color var(--eq-dur) var(--eq-ease);background-color:#0000}.eq-drawer[open]::backdrop{background-color:var(--eq-backdrop)}@starting-style{.eq-drawer[open]::backdrop{background-color:#0000}}@supports (overlay:auto){.eq-drawer{transition:translate var(--eq-dur) var(--eq-ease), display var(--eq-dur) allow-discrete, overlay var(--eq-dur) allow-discrete}.eq-drawer[open]{transition:translate var(--eq-dur-move) var(--eq-ease), display var(--eq-dur) allow-discrete, overlay var(--eq-dur) allow-discrete}.eq-drawer::backdrop{transition:background-color var(--eq-dur) var(--eq-ease), display var(--eq-dur) allow-discrete, overlay var(--eq-dur) allow-discrete}}.eq-drawer-title{font-size:var(--eq-text-l);font-weight:var(--eq-weight-strong);letter-spacing:-.01em;margin:0;line-height:1.3}.eq-drawer-body{min-height:0;color:var(--eq-ink-2);flex:1;overflow:auto}.eq-drawer-body>:first-child{margin-top:0}.eq-drawer-body>:last-child{margin-bottom:0}.eq-drawer-footer{justify-content:flex-end;gap:var(--eq-space-2);padding-top:var(--eq-space-3);border-top:1px solid var(--eq-line);flex-wrap:wrap;margin:0;display:flex}}