.ui-drawer-overlay{background:#00000080;inset:0;position:fixed;z-index:calc(1001 + var(--overlay-depth, 0)*10)}.ui-drawer{background:color-mix(in srgb,var(--ui-color-background),#000 15%);bottom:0;overflow-y:auto;position:fixed;top:0;z-index:calc(1002 + var(--overlay-depth, 0)*10)}.ui-drawer--right{right:0}.ui-drawer--left{left:0}.ui-drawer-overlay-enter-active,.ui-drawer-overlay-leave-active{transition:opacity .3s ease}.ui-drawer-overlay-enter-from,.ui-drawer-overlay-leave-to{opacity:0}.ui-drawer-right-enter-active,.ui-drawer-right-leave-active{transition:transform .3s ease}.ui-drawer-right-enter-from,.ui-drawer-right-leave-to{transform:translate(100%)}.ui-drawer-left-enter-active,.ui-drawer-left-leave-active{transition:transform .3s ease}.ui-drawer-left-enter-from,.ui-drawer-left-leave-to{transform:translate(-100%)}