.slide-popup{align-items:flex-end;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.slide-popup .slide-popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.slide-popup.slide-popup-visible .slide-popup-overlay{opacity:1}.slide-popup .slide-popup-content{background-color:#1b1c1d;border:.01rem solid #3e3f42;border-radius:.32rem .32rem 0 0;display:flex;flex-direction:column;max-height:90vh;max-width:28rem;position:relative;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%}.slide-popup .slide-popup-content.slide-up{transform:translateY(0)}.slide-popup .slide-popup-header{align-items:center;border-radius:.32rem .32rem 0 0;display:flex;justify-content:space-between;padding:.32rem .4rem}.slide-popup .slide-popup-title{color:#fff;font-size:.32rem;font-weight:500}.slide-popup .slide-popup-close{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.32rem;line-height:1;padding:.08rem;transition:color .2s}.slide-popup .slide-popup-close:hover{color:#fff}.slide-popup .slide-popup-body{color:#ccc;flex:1;overflow-y:auto;padding:.24rem}.slide-popup .slide-popup-body::-webkit-scrollbar{width:.08rem}.slide-popup .slide-popup-body::-webkit-scrollbar-track{background-color:#2c2d30}.slide-popup .slide-popup-body::-webkit-scrollbar-thumb{background-color:#8a8a8b;border-radius:.04rem}@media screen and (min-width:800px){.slide-popup.slide-popup{align-items:flex-start;justify-content:flex-end}.slide-popup .slide-popup-content{border-radius:0;bottom:0;height:100vh;max-height:100vh;max-width:400px!important;position:absolute;right:0;transform:translate(100%);width:400px}.slide-popup .slide-popup-content.slide-up{transform:translate(0)}.slide-popup .slide-popup-header{border-radius:0}}@media screen and (max-width:800px){.slide-popup .slide-popup-content{border-radius:.24rem .24rem 0 0}.slide-popup .slide-popup-header{border-radius:.24rem .24rem 0 0;padding:.24rem .32rem}.slide-popup .slide-popup-title{font-size:.28rem}.slide-popup .slide-popup-close{font-size:.36rem}.slide-popup .slide-popup-body{padding:.24rem .32rem}}