.modal-wrapper .image-modal{background:var(--scdclr3);border:2px solid var(--scdclr5);border-radius:.5rem;max-width:95vw;max-height:90vh}.modal-wrapper .image-modal .image-container img{border-radius:.5rem;max-width:95vw;max-height:90vh}.modal-wrapper .image-modal button{z-index:1;background:var(--scdclr3);border-radius:.5rem;padding:.5rem;top:.5rem;right:.5rem}.modal-wrapper .image-modal button svg{width:2rem;height:2rem;fill:var(--scdclr2)}.modal-wrapper .image-modal button:hover{background:var(--scdclr2)}.modal-wrapper .image-modal button:hover svg{fill:var(--scdclr3)}
.system-message{z-index:10;background:0 0;border:none;max-width:95vw;bottom:3rem;left:0;right:0}.system-message .message-title{background:var(--scdclr5);color:var(--prmclr2);border-radius:.5rem .5rem 0 0;padding:.5rem .75rem}.system-message .message-title h3{letter-spacing:2px;font-size:1.5rem}.system-message .message-title.success{border:2px solid var(--mnrclr2);border-bottom:none}.system-message .message-title.error{border:2px solid var(--mnrclr3);border-bottom:none}.system-message .message-contents{background:var(--scdclr2);color:var(--prmclr2);border-radius:.5rem;gap:.75rem;padding:.5rem 1rem}.system-message .message-contents span{letter-spacing:1px;font-size:1.5rem}.system-message .message-contents svg{width:1.5rem;height:1.5rem;fill:var(--prmclr2)}.system-message .message-contents.success{border:2px solid var(--mnrclr2)}.system-message .message-contents.error{border:2px solid var(--mnrclr3)}