.popup{z-index:10;opacity:0;pointer-events:none;cursor:pointer;background-color:#0009;justify-content:center;align-items:center;padding-block:20px;transition:opacity .3s ease-out .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.popup.opened{opacity:1;pointer-events:auto;transition-delay:0s}.popup-inner{color:var(--color-font-dark);opacity:0;cursor:default;background-color:#fff;border-radius:20px;width:100%;margin:auto;transition:opacity .3s ease-out,transform .3s ease-out;position:relative;overflow:hidden;transform:translateY(-5rem)scale(.9)}@media (max-width:768px){.popup-inner{margin-top:100px}}.popup.opened .popup-inner{opacity:1;transform:translateY(0)scale(1)}.popup-close{cursor:pointer;z-index:12;transition:opacity .2s;position:fixed;top:20px;right:30px}@media (max-width:768px){.popup-close{top:50px;right:28px}}.popup-close:hover{opacity:.7}@keyframes slide-down{0%{opacity:0;transform:translateY(-5rem)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-5rem)scale(.9)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}