.u-drawer-content{--drawer-bleed:3rem;transition:transform .45s cubic-bezier(.32,.72,0,1)}.u-drawer-content[data-swiping]{transition-duration:0s}.u-drawer-content--down{margin-bottom:calc(var(--drawer-bleed)*-1);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--drawer-bleed));transform:translateY(var(--drawer-swipe-movement-y,0))}.u-drawer-content--down[data-state=open]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-in-down}.u-drawer-content--down[data-state=closed]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-out-down}.u-drawer-content--up{margin-top:calc(var(--drawer-bleed)*-1);padding-top:calc(env(safe-area-inset-top,0px) + var(--drawer-bleed));transform:translateY(var(--drawer-swipe-movement-y,0))}.u-drawer-content--up[data-state=open]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-in-up}.u-drawer-content--up[data-state=closed]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-out-up}.u-drawer-content--left{transform:translateX(var(--drawer-swipe-movement-x,0));margin-inline-start:calc(var(--drawer-bleed)*-1);padding-inline-start:calc(1.5rem + var(--drawer-bleed))}.u-drawer-content--left[data-state=open]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-in-left}.u-drawer-content--left[data-state=closed]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-out-left}.u-drawer-content--right{transform:translateX(var(--drawer-swipe-movement-x,0));margin-inline-end:calc(var(--drawer-bleed)*-1);padding-inline-end:calc(1.5rem + var(--drawer-bleed))}.u-drawer-content--right[data-state=open]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-in-right}.u-drawer-content--right[data-state=closed]{animation:.45s cubic-bezier(.32,.72,0,1) u-drawer-slide-out-right}@keyframes u-drawer-slide-in-down{0%{translate:0 calc(100% - var(--drawer-bleed))}}@keyframes u-drawer-slide-out-down{to{translate:0 calc(100% - var(--drawer-bleed))}}@keyframes u-drawer-slide-in-up{0%{translate:0 calc(-100% + var(--drawer-bleed))}}@keyframes u-drawer-slide-out-up{to{translate:0 calc(-100% + var(--drawer-bleed))}}@keyframes u-drawer-slide-in-left{0%{translate:calc(-100% + var(--drawer-bleed)) 0}}@keyframes u-drawer-slide-out-left{to{translate:calc(-100% + var(--drawer-bleed)) 0}}@keyframes u-drawer-slide-in-right{0%{translate:calc(100% - var(--drawer-bleed)) 0}}@keyframes u-drawer-slide-out-right{to{translate:calc(100% - var(--drawer-bleed)) 0}}