.modal__overlay{z-index:1000;opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal__content{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:20px;animation:.3s forwards scaleUp;position:relative;transform:scale(.9);box-shadow:0 4px 6px #0000001a}.modal__header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal__title{margin:0;font-size:1.5rem}.modal__close{cursor:pointer;color:#333;background:0 0;border:none;font-size:2rem;line-height:1}.modal__close:hover{color:#000}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}