.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,.modal-wrapper .image-modal button:focus-visible{background:var(--scdclr2);outline:none}:is(.modal-wrapper .image-modal button:hover,.modal-wrapper .image-modal button:focus-visible) 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)}
.cookie-banner{z-index:3;background:var(--scdclr5);color:var(--prmclr2);border-top:1px solid var(--scdclr6);border-radius:1rem 1rem 0 0;margin:0 auto;bottom:0;left:0;right:0}.cookie-banner a{color:var(--mnrclr6)}.cookie-banner .buttons{gap:1rem}.cookie-banner .buttons button{letter-spacing:1px;border-radius:.5rem;padding:.5rem 1rem}.cookie-banner svg{width:2rem;height:2rem;fill:var(--prmclr2);top:.5rem;left:.5rem}@media (max-width:900px){.cookie-banner{gap:1rem;padding:1rem 2rem}.cookie-banner .text{align-items:self-start;font-size:1.1rem}.cookie-banner .buttons button:first-child{background:var(--prmclr2);color:var(--scdclr8)}.cookie-banner .buttons button:first-child:hover,.cookie-banner .buttons button:first-child:focus-visible{background:var(--scdclr8);color:var(--prmclr2);outline:none}.cookie-banner .buttons button:last-child{background:var(--scdclr8);color:var(--prmclr2)}.cookie-banner .buttons button:last-child:hover,.cookie-banner .buttons button:last-child:focus-visible{background:var(--prmclr2);color:var(--scdclr8);outline:none}}@media (min-width:901px){.cookie-banner{gap:2rem;padding:1.25rem 3rem}.cookie-banner .text{font-size:1.25rem}.cookie-banner .buttons button{font-size:1.1rem}.cookie-banner .buttons button:first-child{background:var(--scdclr8);color:var(--prmclr2)}.cookie-banner .buttons button:first-child:hover,.cookie-banner .buttons button:first-child:focus-visible{background:var(--prmclr2);color:var(--scdclr8);outline:none}.cookie-banner .buttons button:last-child{background:var(--prmclr2);color:var(--scdclr8)}.cookie-banner .buttons button:last-child:hover,.cookie-banner .buttons button:last-child:focus-visible{background:var(--scdclr8);color:var(--prmclr2);outline:none}}
