.app-popup{position:fixed;bottom:-10em;left:50%;width:100%;max-width:520px;margin:0 0 0 -260px;background:#fff;z-index:9999999999;padding:1em;box-shadow:0px -5px 15px 0px rgba(0,0,0,.2);transition:.2s all ease-in-out}@media only screen and (max-width: 849px){.app-popup{max-width:420px;margin:0 0 0 -210px}}@media only screen and (max-width: 500px){.app-popup{left:0;margin:0 2%;width:96%;padding:.75em}.app-popup.app-popup--active{bottom:1%}}.app-popup--active{bottom:1em}.app-popup__content{position:relative;display:flex;align-items:center;justify-content:center;gap:1em}@media only screen and (max-width: 500px){.app-popup__content{gap:.75em}}.app-popup__content__image{background:#000;padding:1rem;line-height:1;height:4rem;width:4rem;min-width:4rem}@media only screen and (max-width: 500px){.app-popup__content__image{height:3rem;width:3rem;min-width:3rem;padding:.6rem}}@media only screen and (max-width: 350px){.app-popup__content__image{display:none}}.app-popup__content__image svg{width:100%;height:auto}.app-popup__content__text{flex-grow:1}.app-popup__content__text__headline{line-height:1;font-style:normal;font-size:1.5rem;font-weight:var(--font-body-weight-medium);margin-bottom:.25rem}@media only screen and (max-width: 500px){.app-popup__content__text__headline{font-size:1.25rem;margin-bottom:0}}.app-popup__content__text__copy{line-height:1.2;font-size:1.2rem}@media only screen and (max-width: 500px){.app-popup__content__text__copy{line-height:1;font-size:1rem}}.app-popup__content__button{white-space:nowrap;padding:.75rem 1.75rem;font-size:1.2rem}@media only screen and (max-width: 500px){.app-popup__content__button{font-size:1.1rem;padding:.5rem;min-width:6.5rem}}.app-popup__content__button:hover{background:var(--gradient-base-accent-1);color:#fff}.app-popup__content__close{background:none;padding:0;border:none;box-shadow:none;width:2em;line-height:4em}@media only screen and (max-width: 500px){.app-popup__content__close{line-height:3.5em}}.app-popup__content__close svg{width:100%;height:auto}
