.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:1000}.modal-dialog{position:relative;max-width:100vw;max-height:90vh;border-radius:8px;box-shadow:0 10px 30px #00000080}.modal-close{--btn-bg-1: #5b4f79;--btn-bg-2: #1C1333;--btn-bg-color: hsla(360 100% 100% / 1);position:absolute;top:8px;right:8px;background-image:linear-gradient(325deg,var(--btn-bg-2) 0%,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;border-radius:30%;color:#fff;font-size:1.2rem;cursor:pointer;padding:5px 10px}.modal-content{display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100vw;max-height:90vh;display:block}