.f-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;z-index:var(--drawer-z-index, 2000)}.f-drawer__top .f-drawer__container{top:0;left:0;right:0;max-height:calc(100vh - 40px)}.f-drawer__top .f-drawer__container-trans-enter-from,.f-drawer__top .f-drawer__container-trans-leave-to{transform:translateY(-100%)}.f-drawer__bottom .f-drawer__container{bottom:0;left:0;right:0;max-height:calc(100vh - 40px)}.f-drawer__bottom .f-drawer__container-trans-enter-from,.f-drawer__bottom .f-drawer__container-trans-leave-to{transform:translateY(100%)}.f-drawer__right .f-drawer__container{top:0;bottom:0;right:0;max-width:calc(100vw - 40px)}.f-drawer__right .f-drawer__container-trans-enter-from,.f-drawer__right .f-drawer__container-trans-leave-to{transform:translate(100%)}.f-drawer__left .f-drawer__container{top:0;bottom:0;left:0;max-width:calc(100vw - 40px)}.f-drawer__left .f-drawer__container-trans-enter-from,.f-drawer__left .f-drawer__container-trans-leave-to{transform:translate(-100%)}.f-drawer__mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;opacity:var(--drawer-mask-opacity, .4);background-color:#000;background-color:var(--drawer-mask-background, #000)}.f-drawer__mask-blur .f-drawer__mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.f-drawer__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1999;transition:.3s}.f-drawer__wrapper .f-drawer__container{position:absolute;background-color:#fff;padding:var(--drawer-padding);display:flex;flex-direction:column}.f-drawer__wrapper .f-drawer__container .f-drawer__header{padding:12px 14px;text-align:center;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border-bottom:1px solid #eee;flex:0 0 auto}.f-drawer__wrapper .f-drawer__container .f-drawer__header-title{font-size:15px;color:#333}.f-drawer__wrapper .f-drawer__container .f-drawer__header .f-close-btn{position:absolute;right:15px}.f-drawer__wrapper .f-drawer__container .f-drawer__body{box-sizing:border-box;padding:15px;text-align:left;overflow:auto;flex:1}.f-drawer__wrapper .f-drawer__container .f-drawer__footer{padding:10px 14px;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;border-top:1px solid #eee}.f-drawer__wrapper .f-drawer__container-trans-enter-active,.f-drawer__wrapper .f-drawer__container-trans-leave-active{transition:all .2s ease-out}.f-drawer__wrapper .f-drawer__container-trans-enter-from,.f-drawer__wrapper .f-drawer__container-trans-leave-to{opacity:0}.f-drawer__trans-enter-active{transition:all .2s ease-out}.f-drawer__trans-leave-active{transition:all .4s cubic-bezier(1,.5,.8,1)}.f-drawer__trans-enter-from,.f-drawer__trans-leave-to{opacity:0}