.modal{position:fixed;top:0;left:0;width:100%;display:none;justify-content:center;align-items:center;height:100vh;z-index:9999}.modal.active{display:flex}.modal__cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);transition:.3s;cursor:pointer}.modal__cover:hover{background:rgba(255,255,255,0.35)}.modal__container{position:relative;background:#FFF;padding:2em 3em;border-radius:1em;box-shadow:0 0 7px 5px rgba(0,0,0,0.05)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1em;border-bottom:1px solid rgba(0,0,0,0.05);gap:5em}@media (min-width:40em){.modal__header{gap:3em}}.modal__close{cursor:pointer}.modal__body{padding-top:1em}