.y-drawer{--y-drawer-bg-color:var(--y-color-bg-elevated);position:fixed;z-index:999;background-color:var(--y-drawer-bg-color);box-shadow:-6px 0 16px 0 rgba(0,0,0,.08),-3px 0 6px -4px rgba(0,0,0,.12),-9px 0 28px 8px rgba(0,0,0,.05)}.y-drawer.left,.y-drawer.right{height:100%;top:0;bottom:0}.y-drawer.bottom,.y-drawer.top{width:100%;left:0;right:0}.y-drawer.left{left:0}.y-drawer.right{right:0}.y-drawer.top{top:0}.y-drawer.bottom{bottom:0}.y-drawer-fade-enter-active{transition:all .3s cubic-bezier(0,0,.2,1)}.y-drawer-fade-leave-active{transition:all .2s cubic-bezier(.4,0,1,1)}.y-drawer-fade-enter-active,.y-drawer-fade-enter-from,.y-drawer-fade-enter-to,.y-drawer-fade-leave-active,.y-drawer-fade-leave-from,.y-drawer-fade-leave-to{overflow:hidden!important}.y-drawer-fade-enter-from,.y-drawer-fade-leave-to{opacity:0}.y-drawer-fade-enter-from.left,.y-drawer-fade-leave-to.left{transform:translateX(-100%)}.y-drawer-fade-enter-from.right,.y-drawer-fade-leave-to.right{transform:translateX(100%)}.y-drawer-fade-enter-from.top,.y-drawer-fade-leave-to.top{transform:translateY(-100%)}.y-drawer-fade-enter-from.bottom,.y-drawer-fade-leave-to.bottom{transform:translateY(100%)}.y-drawer-fade-enter-to,.y-drawer-fade-leave-from{opacity:1}