@layer base,index,secondary,etc;@layer secondary{img[data-modal=true]{cursor:pointer}.hidden{display:none}.modal{z-index:200;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0007;align-content:center}.modal img{position:relative;display:block;width:95%;-o-object-fit:contain;object-fit:contain;max-width:800px;max-height:80%;margin:auto;animation:grow-transition .2s ease-out}.modal:after{content:"click anywhere to exit";display:block;color:#fff;text-align:center;font-weight:700;font-size:1.5rem;padding-inline:1rem;margin:auto}@keyframes grow-transition{0%{scale:.5}50%{scale:1.05}to{scale:1}}}