.popup{position:fixed;left:1em;right:1em;bottom:2em;z-index:999;margin:0 auto;background-color:rgba(0,0,0,0.3);padding:5px;transform:none;animation:popup-in 500ms cubic-bezier(0.075,0.82,0.165,1);max-width:500px;}@keyframes popup-in{from{transform:translateY(120%);transform:translateY(calc(120% + 2em));}}.popup.is-closing{transform:translateY(120%);transform:translateY(calc(120% + 2em));transition:transform 300ms cubic-bezier(0.6,0.04,0.98,0.335);}.popup__content{padding:15px 20px 0;background-color:#fff;max-height:80vh;overflow:auto;}@media (min-height:350px){.popup__content{max-height:300px;}}.popup__close{position:relative;z-index:1;overflow:hidden;display:block;width:100%;border:0;background:var(--color-primary);padding:10px 15px;transition:color 250ms;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000;font-family:Century Gothic,Futura Book,Futura,Trebuchet MS,sans-serif;font-size:1.3em;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;}.popup__close:before{position:absolute;top:0;left:0;z-index:-1;background-color:#ccc;width:100%;height:100%;transition:transform 250ms;content:'';}.popup__close:focus,.popup__close:hover{color:#fff;}.popup__close:focus:before,.popup__close:hover:before{transform:translateY(-100%);}