html{font:1em Helvetica-Neue,Helvetica,Arial,sans-serif;background-image:url(bg.jpg);color:#222;line-height:1.4em}body{padding:20px}#overlay{position:fixed;top:50vh;right:50vw;left:50vw;bottom:50vh;background:#000;opacity:.0;transition:opacity .4s,top .4s,right .4s,left .4s,bottom .4s}#overlay.show{top:0;right:0;left:-0;bottom:-0;opacity:.5}body>header{display:grid;grid-template-columns:fit-content(400px) auto 1fr;gap:60px;background-color:#000;color:#fff;padding:10px;margin-bottom:20px}h1{position:relative;margin:0;font-size:2.5em;font-weight:bold;line-height:normal;letter-spacing:-4px}h1 span{float:left;padding-left:4px;font-size:.3em;letter-spacing:normal}header a{text-decoration:none}h1 a{position:absolute;right:0;bottom:0;font-size:.3em;font-weight:normal;letter-spacing:normal}header nav{width:200px}header ul{list-style:none}table.filter{float:left}a{color:#666;transition:color .2s}a:hover{color:#222}table.filter td{font-size:.75em;font-weight:bold;font-variant-caps:all-small-caps;padding:4px;text-align:center;line-height:1em}table.filter i{display:inline-block;font-style:normal}table#rack{border-collapse:collapse;table-layout:fixed;border:0 black solid}table#rack td,table#rack th{padding:0;max-width:217px;text-align:center;vertical-align:top;border:1px black solid;border-top:0 none;border-bottom:0 none;height:20px;overflow:hidden;transition:max-width .5s}table#rack td.hide,table#rack th.hide{max-width:0}table#rack td{background-image:url(bgrack.jpg);background-size:217px;color:rgba(128,128,128,0.4)}table#rack th{height:36px;vertical-align:middle;border:0}table#rack td:first-child,table#rack th:first-child{width:auto}img.rackImg{display:block;width:217px;transition:opacity .4s}img.rackImg.dimmed{opacity:.125}.module{position:fixed;margin:2em auto;top:-100vh;right:0;left:0;width:651px;max-height:calc(100% - 4em);overflow-y:auto;overflow-x:hidden;background:rgba(240,240,240,0.95);color:#222;padding:.5em 1em;text-align:left;opacity:0;transition:opacity .4s,top .4s}.module.show{top:0;opacity:1}.module p{margin:1em 1em}.module h2.name{text-align:center;font-size:1.2em;font-weight:bold}.module h3{font-size:1em;margin:1em 1em 0 1em}.module h3+p{margin-top:0}.module .links a{display:block}.viewer{width:651px;perspective:800px;margin:.5em 0}.units-1{height:60px}.units-2{height:120px}.units-3{height:180px}.units-4{height:240px}.units-5{height:300px}.units-6{height:360px}.units-7{height:720px}.images{width:inherit;height:inherit;position:relative;transform-style:preserve-3d;transform:translate3d(0,0,-325px);transition:transform .666s}.images:hover{transform:rotateY(180deg) translate3d(0,0,325px)}.images>div,.images>img{width:inherit;height:inherit;position:absolute}.images .front{transform:translate3d(0,0,325px)}.images .back{background:#000;transform:rotateY(180deg) translate3d(0,0,325px)}.images .left{background:#000;transform:rotateY(90deg) translate3d(0,0,325px)}.images .right{background:#000;transform:rotateY(-90deg) translate3d(0,0,325px)}a.icon-close{display:block;position:absolute;right:6px;top:9px;font-size:3em;font-weight:bold;color:#aaa;text-decoration:none}a.icon-close:hover{color:#666}ul{margin:0 1em 1em;padding-left:1em}ul.tags{padding-left:0;list-style:disc inside}ul.tags li{display:inline-block;position:relative;font-variant-caps:all-small-caps;background-color:#444;color:#eee;padding:.25em 1em;margin:auto .5em .5em 0;border-radius:1em}input[type=checkbox]{display:none}input+span{display:inline-block;background-image:url(filterbutton.jpg);background-position:0 0;width:45px;height:50px}input:checked+span{background-position:45px 0}