.fn-drawer--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;overflow:hidden;background-color:rgba(0,0,0,.5);overflow:auto;transition:all .3s}.fn-drawer{position:fixed;z-index:2001;box-sizing:border-box;background-color:var(--fn-sys-color-switch);display:flex;flex-direction:column;overflow:hidden}.fn-drawer header{color:#72767b;display:flex;padding:20px;padding-bottom:0}.fn-drawer header>.drawer-title{flex:1}.fn-drawer header>.drawer-close{cursor:pointer}.fn-drawer>.drawer-body{padding:20px;overflow:auto}.fn-drawer--top{top:0;width:100%;height:auto}.fn-drawer--left{left:0;top:0;width:250px;height:100%}.fn-drawer--right{right:0;top:0;width:250px;height:100%}.fn-drawer--bottom{bottom:0;width:100%;height:auto}.slide-fade--top-enter-active,.slide-fade--top-leave-active{transition:all .3s}.slide-fade--right-enter-active,.slide-fade--right-leave-active{transition:all .3s}.slide-fade--bottom-enter-active,.slide-fade--bottom-leave-active{transition:all .3s}.slide-fade--left-enter-active,.slide-fade--left-leave-active{transition:all .3s}.slide-fade-top-enter-active,.slide-fade-top-leave-active{transform:translate(0)!important}.slide-fade--top-enter-from,.slide-fade--top-leave-to{transform:translateY(-100%)!important}.slide-fade-right-enter-active,.slide-fade-right-leave-active{transform:translate(0)!important}.slide-fade--right-enter-from,.slide-fade--right-leave-to{transform:translateX(100%)!important}.slide-fade-bottom-enter-active,.slide-fade-bottom-leave-active{transform:translate(0)!important}.slide-fade--bottom-enter-from,.slide-fade--bottom-leave-to{transform:translateY(100%)!important}.slide-fade-left-enter-active,.slide-fade-left-leave-active{transform:translate(0)!important}.slide-fade--left-enter-from,.slide-fade--left-leave-to{transform:translateX(-100%)!important}