.o8QxIa_viewport{--viewport-padding:0px;padding:var(--viewport-padding);pointer-events:none;justify-content:flex-end;align-items:stretch}@supports (-webkit-touch-callout:none){.o8QxIa_viewport{--viewport-padding:.625rem}}.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}.o8QxIa_popup[data-starting-style],.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)}.o8QxIa_popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}@supports (-webkit-touch-callout:none){.o8QxIa_popup{--bleed:0px;border-radius:10px;width:20rem;max-width:calc(100vw - 20px);margin-right:0;padding-right:1.5rem}}@media (prefers-reduced-motion:reduce){.o8QxIa_popup{transition-property:opacity}}.o8QxIa_actions{justify-content:flex-end;gap:1rem;display:flex}