.overlay{position:absolute;z-index:500;top:0;left:0;width:100%;height:100%}.overlay--dark{background:rgba(255,255,255,.2)}.overlay--light{background:rgba(39,47,61,.2)}.popup{position:fixed;top:10vh;left:50%;transform:translateX(-50%);border-radius:30px;box-shadow:0 4px 4px rgba(12,20,36,.25)}.popup--w400{width:400px}.popup--w-00{width:500px}.popup--w600{width:600px}@media(max-width:767.98px){.popup{width:320px}}.popup__header{position:relative;display:flex;justify-content:space-between;align-items:center;height:62px;padding:0 30px}.popup__title{width:100%;padding:0 20px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-align:center;font-size:1.2rem;font-weight:700}@media(max-width:767.98px){.popup__title{font-size:1rem}}.popup__close{position:absolute;top:12px;right:12px;font-size:0;cursor:pointer;width:36px;height:36px}.popup__content{overflow:hidden;margin-bottom:30px}.popup--dark{background:#101828}.popup--dark .popup__header{border-bottom:1px solid #272f3d}.popup--dark .popup__close,.popup--dark .popup__title{color:#e7e7e9}.popup--dark .popup__close:hover{color:#fff}.popup--dark .popup__content{color:#e7e7e9}.popup--light{background:#fff}.popup--light .popup__header{border-bottom:1px solid #e7e7e9}.popup--light .popup__close,.popup--light .popup__title{color:#70f}.popup--light .popup__close:hover{color:#ad66ff}.popup--light .popup__content{color:#272f3d}