.drawer-non-modal-module__o8QxIa__viewport{--viewport-padding:0px;padding:var(--viewport-padding);pointer-events:none;justify-content:flex-end;align-items:stretch}@supports (-webkit-touch-callout:none){.drawer-non-modal-module__o8QxIa__viewport{--viewport-padding:.625rem}}.drawer-non-modal-module__o8QxIa__popup{--bleed:3rem;width:calc(20rem + var(--bleed));max-width:calc(100vw - 3rem + var(--bleed));height:100%;max-height:none;margin-bottom:0;margin-right:calc(-1*var(--bleed));padding:1.5rem;padding-right:calc(1.5rem + var(--bleed));overscroll-behavior:contain;touch-action:auto;pointer-events:auto;box-shadow:0 -16px 48px #0000001f,0 6px 18px #0000000f,0 0 0 1px oklch(from var(--border)l c h/.5);transform:translateX(var(--drawer-swipe-movement-x));border-radius:0;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1);overflow-y:auto}.drawer-non-modal-module__o8QxIa__popup[data-starting-style],.drawer-non-modal-module__o8QxIa__popup[data-ending-style]{transform:translateX(calc(100% - var(--bleed) + var(--viewport-padding)));box-shadow:0 -16px 48px #0000,0 6px 18px #0000,0 0 0 1px oklch(from var(--border)l c h/0)}.drawer-non-modal-module__o8QxIa__popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength)*.4s)}@supports (-webkit-touch-callout:none){.drawer-non-modal-module__o8QxIa__popup{--bleed:0px;border-radius:10px;width:20rem;max-width:calc(100vw - 20px);margin-right:0;padding-right:1.5rem}}.drawer-non-modal-module__o8QxIa__actions{justify-content:flex-end;gap:1rem;display:flex}