.popup-container{--color: var(--primary-color);position:fixed;inset:0;display:flex;width:100%;height:100dvh;z-index:995;visibility:hidden}.popup-container:before{content:"";position:absolute;width:100%;height:100%;backdrop-filter:blur(3px);opacity:0;z-index:-1;transition:.2s opacity ease}.popup-container.show{visibility:visible}.popup-container.show:before{opacity:1}.popup-container.show .popup-wrapper{transform:translateY(0);opacity:1}.popup-container.error{--color: var(--alert-error)}.popup-container.success{--color: var(--alert-success)}.popup-container.warning{--color: var(--popup-warning-color)}.popup-container.info{--color: var(--alert-info)}.popup-container .popup-wrapper{width:100%;height:70%;display:flex;align-items:center;flex-direction:column;background-color:var(--primary-color);border-top-right-radius:2rem;border-top-left-radius:2rem;box-shadow:var(--popup-shadow);transform:translateY(100%);opacity:0;margin-top:auto;padding-top:4rem;padding-inline:1rem;transition:.3s cubic-bezier(.45,.02,.09,.98);transition-property:transform,opacity;touch-action:pan-y;z-index:2}.popup-container .popup-wrapper .icon svg,.popup-container .popup-wrapper .icon img{width:100px;height:100px;transform-origin:bottom;transform:scale(0);color:var(--color);animation:pop-up .5s .3s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.popup-container .popup-wrapper .icon img.mascot{width:170px;height:170px;margin-bottom:1.5rem}.popup-container .popup-wrapper h3.title{margin-bottom:2em;margin-top:3em}.popup-container .popup-wrapper p{text-align:center;margin-block:1em;line-height:1.8em}.popup-container .popup-wrapper .ctas{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-block:1rem}@media all and (display-mode:standalone){.popup-container .popup-wrapper .ctas{margin-bottom:max(env(safe-area-inset-bottom),1px)}}.popup-container .popup-wrapper .ctas button{flex:1 0 0;padding:.7rem;border-radius:100vmax;transition:transform .15s ease}.popup-container .popup-wrapper .ctas button.reject{background-color:var(--thirty-percent)}.popup-container .popup-wrapper .ctas button.submit{background-color:var(--color);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}.popup-container .popup-wrapper .ctas button.submit .line{position:absolute;width:100%;height:100%;inset:0;background-color:var(--primary-color);opacity:.6}.popup-container .popup-wrapper .ctas button.submit .line.anim{animation:move ease-in-out forwards}@keyframes move{0%{transform:translate(0)}to{transform:translate(-100%)}}.popup-container .popup-wrapper .ctas button:not(:disabled):active{transform:scale(.97)}@media screen and (max-height:650px){.popup-container .popup-wrapper{height:80%}.popup-container .popup-wrapper h3.title{margin-bottom:1em;margin-top:1.5em}.popup-container .popup-wrapper p{margin-block:.5em}}.popup-container.review-star .icon svg{--color: var(--gold-color)}