@charset "utf-8";

.custom-modal { display: none; position: fixed; top: 10%; left: 50%; transform: translateX(-50%); z-index: 99999; background: white; padding: 2em; max-width: 500px; width: 90%; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 25px; text-wrap: pretty; }

.custom-modal.active { display: block; }

.custom-modal-overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99998; }

.custom-modal-overlay.active { display: block; }

.modal-close { float: right; cursor: pointer; font-weight: bold; font-size: 30px; position: relative; top: -22px; right: -5px; }