*,:after,:before{box-sizing:border-box}.modal{background-color:#009ab8;border-radius:15px;border-style:none;left:50%;max-width:95%;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;width:500px;z-index:3}.modal.active{transform:translate(-50%,-50%) scale(1)}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:15px}.modal-header .title{font-size:1.25rem;font-weight:700}.modal-header .close-button{background:none;border:none;cursor:pointer;outline:none}.modal-body{padding:10px 15px;z-index:3}#overlay{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.2s ease-in-out;width:100%}#overlay.active{opacity:1;pointer-events:all}