modal-container{display:flex;position:fixed;inset:0;z-index:1000;padding:10px;background:#000c}modal-container[closed]{display:none}modal-container .modal{position:relative;display:flex;flex-grow:1;margin:auto;padding:1.5em;background:#fff;flex-direction:column;gap:20px;max-height:100%;max-width:650px;border-radius:var(--border-radius);overflow:hidden;text-align:left}modal-container .modal span.close-modal{position:absolute;font-size:1.5em;font-weight:700;cursor:pointer;top:5px;right:5px;color:var(--green);background-color:var(--white);border-radius:100%;width:30px;height:30px;line-height:28px;text-align:center}modal-container .modal .modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 10px}