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