.f-popup{position:fixed;top:0;right:0;left:0;bottom:0;z-index:2000}.f-popup__mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-color:#23272e}.f-popup__mask.f-popup__blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.f-popup__container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1999;transition:.3s}.f-popup__container .f-popup__wrapper{position:absolute;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background-color:#fff}.f-popup__container .f-popup__wrapper-transition-enter-active,.f-popup__container .f-popup__wrapper-transition-leave-active{transition:all .2s ease-out}.f-popup__container .f-popup__wrapper-transition-enter-from,.f-popup__container .f-popup__wrapper-transition-leave-to{opacity:0}.f-popup__container-center{display:flex;justify-content:center;align-items:center}.f-popup__container-center .f-popup__wrapper{border-radius:6px;max-height:calc(100vh - 200px);max-width:calc(100vw - 140px);box-shadow:0 0 18px #0006}.f-popup__container-center .f-popup__wrapper-transition-enter-from,.f-popup__container-center .f-popup__wrapper-transition-leave-to{transform:scale(.4)}.f-popup__container-left .f-popup__wrapper{top:0;bottom:0;left:0}.f-popup__container-left .f-popup__wrapper-transition-enter-from,.f-popup__container-left .f-popup__wrapper-transition-leave-to{transform:translate(-100%)}.f-popup__container-right .f-popup__wrapper{top:0;bottom:0;right:0}.f-popup__container-right .f-popup__wrapper-transition-enter-from,.f-popup__container-right .f-popup__wrapper-transition-leave-to{transform:translate(100%)}.f-popup__container-top .f-popup__wrapper{top:0;left:0;right:0}.f-popup__container-top .f-popup__wrapper-transition-enter-from,.f-popup__container-top .f-popup__wrapper-transition-leave-to{transform:translateY(-100%)}.f-popup__container-bottom .f-popup__wrapper{bottom:0;left:0;right:0}.f-popup__container-bottom .f-popup__wrapper-transition-enter-from,.f-popup__container-bottom .f-popup__wrapper-transition-leave-to{transform:translateY(100%);opacity:0}.f-popup__transition-enter-active{transition:all .2s ease-out}.f-popup__transition-leave-active{transition:all .4s cubic-bezier(1,.5,.8,1)}.f-popup__transition-enter-from,.f-popup__transition-leave-to{opacity:0}.f-popup ::-webkit-scrollbar{width:7px}.f-popup ::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:6px}