.overlay{height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .5s;top:0;background-color:hsla(0,0%,100%,.5);left:0;width:100%;z-index:101}.modal,.overlay{position:fixed;opacity:0;visibility:hidden}.modal{transform:translate(-50%,-50%);padding:30px;transition-duration:.5s;border:0 transparent;max-width:800px;top:-100%;background-color:#fff;-webkit-box-shadow:22px 25px 26px -5px rgba(0,0,0,.46);-moz-box-shadow:22px 25px 26px -5px rgba(0,0,0,.46);box-shadow:22px 25px 26px -5px rgba(0,0,0,.46);border-radius:8px;left:50%;width:90%;z-index:102}.modal.active,.overlay.active{opacity:1;visibility:visible}.modal.active{transition-duration:.5s;top:50%}.modal__cross{height:15px;fill:#444;right:20px;position:absolute;top:20px;cursor:pointer;width:15px}