.drawer{z-index:1300;position:fixed;inset:0}.drawer__backdrop{opacity:0;pointer-events:none;z-index:1200;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.drawer__backdrop--visible{opacity:1;pointer-events:auto}.drawer__sheet,.drawer__handle{touch-action:none}.drawer__sheet{height:var(--drawer-height,100vh);width:var(--drawer-width,250px);will-change:transform;z-index:1301;background:#fff;flex-direction:column;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;overflow:hidden;box-shadow:0 2px 10px #0000004d}.drawer__sheet--left{height:100%;width:var(--drawer-width,250px);border-radius:0 20px 20px 0;top:0;left:0}.drawer__sheet--left.drawer__sheet--closed{transform:translateX(calc(-1 * var(--drawer-width,250px)))}.drawer__sheet--left.drawer__sheet--open{transform:translate(0)}.drawer__sheet--right{height:100%;width:var(--drawer-width,250px);border-radius:20px 0 0 20px;top:0;left:auto;right:0}.drawer__sheet--right.drawer__sheet--closed{transform:translateX(var(--drawer-width,250px))}.drawer__sheet--right.drawer__sheet--open{transform:translate(0)}.drawer__sheet--top{height:var(--drawer-height,250px);border-radius:0 0 20px 20px;width:100%;top:0;left:0}.drawer__sheet--top.drawer__sheet--closed{transform:translateY(calc(-1 * var(--drawer-height,250px)))}.drawer__sheet--top.drawer__sheet--open{transform:translateY(0)}.drawer__sheet--bottom{height:var(--drawer-height,250px);border-radius:20px 20px 0 0;width:100%;bottom:0;left:0}.drawer__sheet--bottom.drawer__sheet--closed{transform:translateY(var(--drawer-height,250px))}.drawer__sheet--bottom.drawer__sheet--open{transform:translateY(0)}.drawer__sheet--full-height{border-radius:0;height:100vh;max-height:100vh}@supports (height:100dvh){.drawer__sheet--full-height{border-radius:0;height:100dvh;max-height:100dvh}}.drawer__handle{cursor:grab;background:#f4f4f4;border-radius:5px;position:absolute}.drawer__sheet--top .drawer__handle,.drawer__sheet--bottom .drawer__handle{width:24px;height:6px;left:50%;transform:translate(-50%)}.drawer__sheet--top .drawer__handle{bottom:8px}.drawer__sheet--bottom .drawer__handle{top:8px}.drawer__sheet--left .drawer__handle,.drawer__sheet--right .drawer__handle{width:6px;height:24px;top:50%;transform:translateY(-50%)}.drawer__sheet--left .drawer__handle{right:8px}.drawer__sheet--right .drawer__handle{left:8px}.drawer__content{flex:1;overflow-y:auto}.drawer__edge{z-index:1302;background:0 0;position:fixed}