#image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}#image-modal img{max-width:90%;max-height:90%;box-shadow:0 4px 6px rgba(0,0,0,.2)}#image-modal #close{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;cursor:pointer}#image-modal #prev,#image-modal #next{position:absolute;top:50%;font-size:40px;color:#fff;background:0 0;padding:10px;border-radius:50%;cursor:pointer;transform:translateY(-50%);user-select:none}#image-modal #prev{left:20px}#image-modal #next{right:20px}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}