/*! /viewer/style.scss Compiled: Thu Jan 29 2026 16:17:35 GMT-0800 (Pacific Standard Time) */
@charset "UTF-8";body#_{--pct1:var(--pct);--pct2:calc(var(--pct) * var(--pct));--pct4:calc(calc(var(--pct) * var(--pct)) * calc(var(--pct) * var(--pct)));--pct8:calc(calc(var(--pct2) * var(--pct2)) * calc(var(--pct2) * var(--pct2)));--inv8:calc(1 - calc(var(--pct4) * var(--pct4)));--pct16:calc(calc(var(--pct4) * var(--pct4)) * calc(var(--pct4) * var(--pct4)));--inv16:calc(1 - calc(var(--pct8) * var(--pct8)));}
article:scope > section{opacity:0;transition:500ms;display:flex;flex-direction:column;position:relative;}
article:scope > section.visible{opacity:1;}
article:scope > section.choose{display:none;}
article:scope > section > canvas{order:2;display:block;margin:auto;direction:ltr;max-width:100%;min-height:200px;transition:min-height 1s;}
article:scope > section > canvas + nav::after{display:block;margin:1em 0;}
article:scope > section > nav{display:flex;width:100%;margin-bottom:8px;}
@media screen and (max-width: 960px){article:scope > section > nav{margin-bottom:3px;}
}
article:scope > section > nav > span{flex:1 1 auto;text-align:center;}
article:scope > section > nav > span:first-of-type{text-align:left;}
article:scope > section > nav > span:last-of-type{text-align:right;}
article:scope > section > nav > span.demo{width:fit-content;flex-grow:0;position:absolute;right:0;top:calc(100% + 2px);}
article:scope > section > nav #page_number{width:1em;text-align:right;color:inherit;font:inherit;}
article:scope > section > nav #page_number.dirty{color:red;}
article:scope > section > nav #page_number::selection{background-color:rgb(255, 235, 127.5);}
article:scope > section > nav #page_number + i{padding:0 0.3ex;font-style:normal;}
article:scope > section:not(.loaded) > nav *{opacity:0.3;}
article:scope > section.loading::after,article:scope > section.rendering::after{content:"";display:block;width:200px;height:200px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(/ui/loaders/logo.svg) no-repeat center center;}
article:scope > section.loaded canvas{border:1px solid silver;}
article:scope > section.rendered canvas{border-color:black;}
article:scope > nav#chooser{opacity:0;transition:500ms;margin-bottom:2em;}
article:scope > nav#chooser.visible{opacity:1;}
article:scope > nav#chooser,article:scope > nav#chooser > span{display:flex;flex-wrap:wrap;gap:5px;}
article:scope > nav#chooser h2{width:100%;margin:0 0 1ex;}
@media screen and (max-width: 960px){article:scope > nav#chooser{margin-bottom:1ex;}
article:scope > nav#chooser h2{margin-bottom:0.5ex;}
}
article:scope > nav#chooser span{width:100%;}
article:scope > nav#chooser a{flex:1 1 0;position:relative;transition:transform 200ms;}
article:scope > nav#chooser a img{box-shadow:0 0 3px rgba(0, 0, 0, 0.7);width:100%;height:100%;}
@media screen and (min-width: 550px){article:scope > nav#chooser a::after{content:attr(title);display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:2pt;outline:1px solid rgba(0, 0, 0, 0.1);font-size:8pt;line-height:1;text-align:center;background:rgba(255, 255, 255, 0.5);}
}
article:scope > nav#chooser a:not(.viewing):hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
article:scope > nav#chooser a.viewing{cursor:default;}
article:scope > nav#chooser a.viewing img{opacity:0.3;}
article:scope > nav#chooser a.viewing::before{content:"↑";content:"⇧";position:absolute;top:50%;left:50%;font-size:80px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0.2;}
@media screen and (max-width: 550px){article:scope > nav#chooser a.viewing::before{font-size:50px;}
}
article:scope > section:not(.choose) + nav{margin-top:2em;}
@media screen and (max-width: 960px){article:scope > section:not(.choose) + nav{margin-top:1em;}
}
aside:scope section.choose,aside:scope section.choose ~ section{display:none;}
aside:scope section ~ section{margin-top:2em;}
aside:scope #outline,aside:scope #crossrefs{opacity:0;transition:500ms;}
aside:scope #outline.visible,aside:scope #crossrefs.visible{opacity:1;}
aside:scope #outline ul,aside:scope #crossrefs ul{font-size:0.8em;margin-left:0;margin-top:5px;}
aside:scope #outline ul li,aside:scope #crossrefs ul li{margin:0.3em 0;}
aside:scope #outline h3,aside:scope #crossrefs h3{margin-bottom:0;}
aside:scope #crossrefs p{margin:0.5em 0;font-size:0.9em;}
aside:scope #crossrefs a[data-page]::after{content:" (p." attr(data-page) ")";position:absolute;font-size:0.9em;}
#outline{line-height:1.1;}
#outline ul{margin-top:1em;padding-left:0;}
#outline ul ul{font-size:inherit;}
#outline li[data-label]{position:relative;display:grid;grid-template-columns:auto min-content;align-items:end;}
#outline li[data-label] > a{grid-row:1;grid-column:1;position:relative;overflow:hidden;padding-right:1ex;padding-left:1ex;text-indent:-1ex;}
#outline li[data-label] > a::after{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";position:absolute;padding-right:0.25ch;text-align:right;}
#outline li[data-label] > ul{grid-column:1/-1;grid-row:2;display:grid;gap:0.3em;padding:0;width:100%;margin:0;}
#outline li[data-label] > ul > li{padding-left:1em;margin:0;}
#outline li[data-label]::after{grid-row:1;grid-column:2;content:attr(data-label);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;}
button{margin:0;padding-left:4px;padding-right:4px;}
button[id^=go_]::before,button[id^=do_]::before{content:"";display:inline-block;vertical-align:-13%;font-size:16px;width:16px;height:16px;margin-right:4px;text-align:center;line-height:1;background:transparent no-repeat;background-size:contain;}
button[id^=go_]{letter-spacing:-1em;color:transparent;}
button[id^=go_]::before{margin:0;}
button[id*=first]::before{background-image:url(/ui/sprites.svg#first);}
button[id*=prev]::before{background-image:url(/ui/sprites.svg#left);}
button[id*=next]::before{background-image:url(/ui/sprites.svg#right);}
button[id*=last]::before{background-image:url(/ui/sprites.svg#last);}
button[id*=download]::before{background-image:url(/ui/sprites.svg#download);}
button[id*=print]::before{background-image:url(/ui/sprites.svg#print);}
@media screen and (max-width: 550px){button[id^=do_]{letter-spacing:-1em;color:transparent;}
button[id^=do_]::before{margin:0;}
}
button[disabled]::before{opacity:0.3;}
button:not([disabled]){cursor:pointer;}