@keyframes showPopup{0%{opacity:0}to{opacity:1}}.popup{animation:showPopup .3s ease-in-out;background-color:var(--background);border-radius:var(--box-radius-big);display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:72rem;min-height:36rem;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media(max-width:768px){.popup{top:4.8rem;transform:translate(-50%);width:96vw}}@media(max-height:480px),(max-width:540px){.popup{border-radius:0;inset:0;max-height:100%;max-width:100%;transform:translate(0);width:100%}}.popup__shadow{background:#0006;inset:0;position:fixed;z-index:9999}.popup__header{padding:var(--space-400) 4rem 0;position:relative}@media(max-width:540px){.popup__header{padding:var(--space-200) 4rem 0 var(--space-250)}}.popup__close.app-btn{color:var(--control-primary-color);position:absolute;right:var(--space-150);top:var(--space-150);z-index:100}.popup__close.app-btn.--small{font-size:1.1rem}.popup__close.app-btn.--pseudo:hover{background-color:transparent;border-color:transparent}.popup__close.app-btn.--pseudo:hover .svg-icon{color:#8e91a0}.popup__content{flex:1 1 auto;min-height:0;padding:0 var(--space-250);width:100%}.popup__footer{padding:var(--space-150) var(--space-250) var(--space-250)}@media(max-width:540px){.popup__footer{margin-top:auto;width:100%}}