body.ratio{width: calc(100vh * var(--ratio));}body.ratio #header{width: calc((100vh * var(--ratio)));left: calc((50vw - (50vh * var(--ratio))));}body:not(.ratio){max-width: calc(1em * var(--max-em, 90)); }body:not(.ratio) #header{max-width: calc(1em * var(--max-em, 90)); left:calc(min(0, 50vw - (0.5em * var(--max-em, 90))));}.hide-for-mobile{display:none;}#main-outer{flex-wrap:nowrap;} main{width:80%;}#sidebar{width:20%;left:-0.5em;}x-grid.slider:not(.no-ratio):not(.view-grid),img:not(.no-ratio){aspect-ratio: var(--img-ratio-desktop);}img.img-content{width:50%;float:left;clear:both;margin:0.2em 1.2em 2em 0;}.width-50{width: 50%;}img.img-content.width-25,.width-25{width: 25%;}x-grid.x-grid-quarter > x-body > x-box{width:23.4%;margin:0 0 1em 2%;}x-grid.x-grid-third > x-body > x-box{width:31.3%;margin:0 0 1em 2%;}x-grid.x-grid-half > x-body > x-box{width:49%;margin:0 0 1em 2%;}#lightbox{left:5%;width:90%;}#lightbox.slim{left:25%;width:50%;}#div-loading{left:46vw;}#div-loading > svg{width:8vw;height:8vw;}#popup{width:50%; min-width:50%;left:25%;}#popup.slim{min-width:30%;left:35%;}.q-nice{padding-left: 1em;padding-right: 2em;}#nav-header{display:block;}#nav-footer > ul{width:60%;margin:auto;}