.drawer-backdrop{opacity:calc(var(--backdrop-opacity,.5) * (1 - var(--drawer-swipe-progress,0)));transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1)}.drawer-backdrop[data-starting-style],.drawer-backdrop[data-ending-style]{opacity:0}.drawer-backdrop[data-swiping]{transition-duration:0s}.drawer-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.drawer-popup{background:var(--background-color-100);will-change:transform;transform:translateX(var(--drawer-swipe-movement-x,0px));z-index:50;transition:transform .45s cubic-bezier(.32,.72,0,1);position:absolute;top:0;bottom:0;left:0}.drawer-popup[data-swiping]{-webkit-user-select:none;user-select:none}.drawer-popup[data-starting-style],.drawer-popup[data-ending-style]{transform:translateX(calc(-100% + var(--bleed,0px) - var(--viewport-padding,0px) - 2px))}.drawer-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.drawer-popup[data-swipe-direction=right]{left:auto;right:0}.drawer-popup[data-swipe-direction=right][data-starting-style],.drawer-popup[data-swipe-direction=right][data-ending-style]{transform:translateX(calc(100% - var(--bleed,0px) + var(--viewport-padding,0px) + 2px))}