:root{--background-color: black;--text-font: monospace}body{height:100vh;margin:0;box-sizing:border-box;background-color:var(--background-color);font-family:var(--text-font)}main{height:100vh;display:grid;grid-template-columns:1.5fr 8.5fr;grid-template-rows:1fr}@media screen and (max-width: 800px){main{height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:4fr 1fr}}.thumbnails-container{height:100%;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:thin;border-right:3px solid white}@media screen and (max-width: 800px){.thumbnails-container{height:100%;grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;display:flex;flex-direction:row;align-items:center;overflow-x:auto;border-top:3px solid white}}.large-image-container{height:100%;max-height:100vh;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;align-items:center;overflow:hidden}@media screen and (max-width: 800px){.large-image-container{height:100%;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;align-items:center;overflow-x:auto;border-top:3px solid white}}@media screen and (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.thumbnail-image{width:clamp(90px,100px,120px);min-height:100px;object-fit:cover;display:block;margin:5px;border-radius:50%;cursor:pointer}@media screen and (max-width: 800px){.thumbnail-image{min-width:100px;height:clamp(90px,100px,120px)}}.thumbnail-image:hover{transform:scale(1.1);box-shadow:#0ff 0 0 5px 2px}img{width:90vw;height:90vh;object-fit:contain;margin:auto}