*,:after,:before{box-sizing:border-box}.modal{background-color:#68a21a;border-radius:15px;border-style:none;height:500px!important;left:50%;max-width:100%;overflow:none;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;width:700px!important;z-index:1}.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}#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}@media (max-width:414px) .modal-body{font-size:12px}