html,body{touch-action:manipulation}body{padding:0;margin:0;background-color:#262626;color:#fff}header{background-color:silver;padding:1rem}ul.nav{padding-left:0;list-style-type:none}ul.nav li{display:inline-block}ul.nav li:not(:last-child){margin-right:1rem}.body{background-color:#303030}a.no-underline{text-decoration:none}button,.button{display:inline-block;padding:10px 20px;background-color:#09f;color:#fff;border:0;border-radius:10px;font-weight:bold;text-decoration:none;cursor:pointer}button:hover,.button:hover{background-color:#005c99}button:disabled,.button:disabled{background-color:#555;cursor:default}button:disabled:hover,.button:disabled:hover{background-color:#555}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#fff;padding:2rem 1rem}footer,footer a{color:#fff;text-shadow:1px 1px #000}footer p{margin:0;text-align:center}@media only screen and (min-width:600px){footer{flex-direction:row;gap:3rem}}body.modal-open{position:fixed;width:100%}#modal{position:fixed;z-index:9;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#303030;display:flex}#modal #modal-inner{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;min-width:0}#modal #modal-image{display:flex;flex-grow:1;align-content:center;flex-wrap:wrap;overflow:hidden;padding:2rem 4rem 1rem 4rem;min-height:100px;flex:1;transition:padding 300ms ease}#modal #modal-image.wide{padding:2rem 2rem 1rem 2rem}#modal #modal-tools{position:absolute;right:1.2rem;top:1rem;padding:0;z-order:0}#modal #modal-tools #modal-info-button{transition:opacity 150ms ease;opacity:.6}#modal #modal-tools #modal-info-button:hover{opacity:.9}#modal #modal-tools #modal-info-button.hidden{opacity:0}#modal #modal-info{width:20rem;opacity:1;flex-shrink:0;height:100%;transition:width 300ms ease;overflow:hidden;font-size:13px}#modal #modal-info #modal-info-inner{padding:.5rem .5rem .5rem 0;height:100%;box-sizing:border-box;position:relative}#modal #modal-info #modal-info-inner #modal-info-close-button{position:absolute;top:.8rem;left:17.2rem;opacity:.6}#modal #modal-info #modal-info-inner #modal-info-close-button:hover{opacity:.9}#modal #modal-info #modal-info-inner .meta{color:#fff;background-color:#3a3a3a;border-radius:20px;padding-left:1rem;padding-right:1rem;height:100%;width:17.5rem;overflow-x:auto;overflow-y:clip}#modal #modal-info #modal-info-inner .meta h3{color:#fff;font-size:12px;padding-top:1.5rem;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:.06em}#modal #modal-info #modal-info-inner dl{display:grid;grid-template-columns:6rem 1fr;row-gap:.6rem;column-gap:1.5rem}#modal #modal-info #modal-info-inner dt{color:#bdbdbd}#modal #modal-info #modal-info-inner dd{margin:0;color:#fff;line-height:1.3}#modal #modal-info.hidden{width:0}#modal img{display:block;margin:0 auto 1rem auto;width:100%;height:100%;object-fit:contain}#modal #modal-controls,#modal #modal-controls-links{display:flex;justify-content:center;align-items:center;gap:1rem}#modal #modal-controls{flex-shrink:1;flex-direction:column;padding:0 0 2rem 0}#modal #modal-controls-links a{display:flex;flex-direction:row;gap:1rem}#modal #modal-controls-buttons{display:flex;flex-direction:row;gap:1rem}#modal #modal-controls-links{flex-direction:row;gap:1rem}#modal,#modal a{color:#fff}@media only screen and (min-width:600px){#modal-controls{flex-direction:row}}