.base-drawer__container{z-index:50;pointer-events:none;position:fixed;inset:0}.base-drawer__backdrop{pointer-events:auto;background:#00000080;position:absolute;inset:0}.base-drawer__backdrop--open{animation:.2s forwards drawer-backdrop-in}.base-drawer__backdrop--closing{animation:.2s forwards drawer-backdrop-out}.base-drawer__positioner{pointer-events:none;justify-content:center;align-items:flex-end;padding:0 16px 16px;display:flex;position:absolute;inset:0}.base-drawer__positioner--open{pointer-events:auto}@media (min-width:640px){.base-drawer__positioner{align-items:center;padding:0}}.base-drawer{box-sizing:border-box;background:var(--bg-raised,#1e1e22);border:1px solid color-mix(in srgb,var(--fg)12%,transparent);border-radius:16px;flex-direction:column;width:100%;max-height:85vh;display:flex;overflow:hidden}.base-drawer--open{animation:.3s cubic-bezier(.4,0,.2,1) forwards drawer-slide-up}.base-drawer--closing{animation:.2s forwards drawer-slide-down}@media (min-width:640px){.base-drawer{max-width:480px}.base-drawer--open{animation:.2s forwards drawer-scale-in}.base-drawer--closing{animation:.15s forwards drawer-scale-out}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawer-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes drawer-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes drawer-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}