.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000CC;opacity:0;visibility:hidden;z-index:9999;transition:all .5s ease}.popup--active{opacity:1;visibility:visible}.popup__body{min-height:100%;display:flex;align-items:center;justify-content:center}.popup__content{position:relative;overflow:auto;transform:translateY(-100%);transition:all .5s ease}.popup__content::-webkit-scrollbar{width:.8rem}.popup__content::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(69 69 69 / var(--tw-bg-opacity));border-radius:2rem}.popup__content::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(240 240 240 / var(--tw-bg-opacity));border-radius:2rem}.popup__content{scrollbar-width:thin;scrollbar-color:#454545 #f0f0f0}.popup--active .popup__content{transform:translateY(0)}.popup-btn{outline:0}