.popup{align-items:center;background:#fff;border-radius:4px;box-shadow:0 0 1rem rgba(0,0,0,.25);cursor:auto;display:flex;flex-direction:column;height:100%;max-height:32rem;max-width:45rem;overflow:hidden;position:relative;text-align:center;width:100%}.popup--form{max-height:40rem;overflow:auto;text-align:left}@media screen and (min-width:641px){.popup--form{flex-direction:row;overflow:hidden}}.popup__background{align-items:center;background:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s;z-index:100}.popup__background--show{display:flex;opacity:1;pointer-events:auto}@media print{.popup__background{display:none}}.popup__image{align-items:center;background-color:#9c9c9c;background-position:50%;background-size:cover;color:#fff;display:flex;height:100%;justify-content:center;padding:1rem;position:relative;text-align:center;width:100%}@media screen and (min-width:641px){.popup--form .popup__image{max-width:20rem}}.popup--form .popup__content-wrapper{height:100%}@media screen and (min-width:641px){.popup--form .popup__content-wrapper{overflow:auto}}.popup__content{padding:1rem 1rem 1.5rem;width:100%}.popup--form .popup__content{padding:1rem}.popup__heading{font-size:3rem;font-weight:900;line-height:1.25;margin:0;text-transform:uppercase;z-index:1}.popup__heading:before{background:rgba(0,0,0,.25);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.popup__text{font-size:1.25rem;margin-top:0}.popup__close-btn{background:#262626;border:none;border-bottom-left-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:2rem;line-height:1rem;padding:.5rem;position:absolute;right:0;top:0;transition:background .1s;width:2rem;z-index:1}.popup__close-btn:hover{background:#727272}
