.popup{align-items:center;animation:open-popup .7s forwards;background:rgba(var(--color-fill),.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes open-popup{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.popup>.wrapper{animation:open .7s forwards;background-color:var(--color-bg-hex);border-radius:var(--border-radius-box);box-sizing:border-box!important;display:block!important;height:-moz-fit-content!important;height:fit-content!important;margin:0 10px;max-height:86vh!important;max-width:650px;min-width:300px!important;opacity:1!important;overflow-x:clip;overflow-y:scroll;padding:35px min(5%,50px)!important;position:relative!important;transition:unset!important;width:-moz-fit-content!important;width:fit-content!important;z-index:0!important}@keyframes open{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.popup .close{cursor:pointer;height:0;margin-left:calc(100% - 28px);position:sticky;top:0;transform:translateY(-24px) translate(7px);z-index:99999}.popup .close svg{background-color:rgba(var(--color-fill),.05);padding:6px;width:36px;fill:var(--color-accent-1-hex);border-radius:var(--border-radius-btn);transition:all .3s}.popup>.wrapper::-webkit-scrollbar{width:7px}.popup>.wrapper::-webkit-scrollbar-thumb{background:var(--color-accent-1-hex);border-radius:3px}.popup>.wrapper::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-accent-1),.7)}@media (min-width:900px){.popup .close{margin-left:100%}.popup .close:hover svg{background-color:rgba(var(--color-fill),.15)}}.no-scroll{height:100%;overflow:hidden}