body[data-page='aqua'] main figure{padding:5.6vmin 0 5vmin 0;}body[data-page='photo'] main figure{padding:6vmin 0 5vmin 0;}#preload{position:absolute;display:flex;left:0;bottom:0;width:100vw;height:0;flex-direction:column;align-items:center;justify-content:center;z-index:200;user-select:none;overflow:hidden;}#preload > div:first-child{width:16.5rem;height:1.1rem;background:#eee;border:1px solid #888;}#preload > div:last-child{margin-top:.7rem;font-size:1.134rem;height:auto;letter-spacing:2%;}#preload > div span{display:block;width:0;height:100%;background:#c33d3d;transition:width .2s;}#swipe{display:none;visibility:hidden;background:linear-gradient(#ccc,#999) fixed;overflow:hidden;user-select:none;position:absolute;width:100vw;height:100vh;left:0;top:0;z-index:100;}#swipe > section{overflow:hidden;position:relative;width:100%;height:100%;display:flex;}#swipe figure{overflow:hidden;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}#swipe > section img{box-shadow:.4em .4em 1.6em 0 rgba(0,0,0,.2);}#swipe > button{position:absolute;top:0;cursor:pointer;transition:opacity 1s;display:flex;}#swipe > button img{width:42px;height:42px;}#prev,#next{height:100%;align-items:center;}#prev{left:0;padding:0 0 1rem 1rem;justify-content:flex-start;}#next{right:0;padding:0 1rem 1rem 0;justify-content:flex-end;}#close{height:3.66rem;right:0;text-align:right;padding-right:1rem;justify-content:flex-end;align-items:center;}#swipe > button.hover{opacity:0;}@media only screen and (orientation: portrait){#swipe > button{width:16%;}}@media only screen and (orientation: landscape){#swipe > button{width:13%;}}@media only screen and (min-width: 1200px) and (orientation: landscape){#swipe > button{width:14%;}}@media only screen and (hover: hover){#swipe > button.hover:hover{opacity:1;}}@media only screen and (min-width: 390px){#prev{padding-left:1.2rem;}#next{padding-right:1.2rem;}#close{padding-right:1.2rem;}#preload > div:last-child{font-size:1.26rem;}}@media only screen and (min-width: 760px){#preload > div:first-child{width:40%;height:1.3rem;}#preload > div:last-child{font-size:1.4rem;}#swipe > button img{width:46px;height:46px;}}@media only screen and (min-width: 1200px){#preload > div:last-child{font-size:1.5rem;}#swipe > button img{width:50px;height:50px;}}