.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1e+28}.modal-content{position:relative;background:#fff;padding:20px;border-radius:8px;max-width:90%;max-height:80%}.modal-close{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.modal-next,.modal-prev{background:transparent;border:none;font-size:24px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.modal-prev{left:10px}.modal-next{right:10px}