.popup-overlay{display:none}html[data-show-popup=true] .popup-overlay{align-items:flex-end;animation:popupFadeIn .3s ease;background:#0006;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:9999}@media (min-width:640px){html[data-show-popup=true] .popup-overlay{align-items:center}}.popup-box{animation:popupSlideUp .35s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px 20px 0 0;max-height:90vh;max-width:28rem;overflow-y:auto;padding:2rem;width:100%}@media (min-width:640px){.popup-box{animation:popupScaleIn .35s cubic-bezier(.16,1,.3,1);border-radius:20px}}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}