:root{--true: initial;--false: }:root[data-xv-theme=light]{--light: var(--true);--dark: var(--false)}:root[data-xv-theme=dark]{--light: var(--false);--dark: var(--true)}:root{--transition-duration: .15s;--color-text-main: var(--light, #212121) var(--dark, #a5a5a5);--color-text-mute: var(--light, #545454) var(--dark, #8a8a8a);--color-text-link: var(--light, #1a73e8) var(--dark, #4688f1);--color-background-main: var(--light, #ffffff) var(--dark, #262626);--color-background-misc: var(--light, #fafafa) var(--dark, #292a2d);--color-background-mute: var(--light, #f3f3f3) var(--dark, #36373a);--image-filter: var(--light, initial) var(--dark, invert(1) contrast(70%));--backdrop-shadow: var(--light, 0 1px 1px 1px rgba(0, 0, 0, .05)) var(--dark, 0 0 0px 1px var(--color-background-mute))}body{margin:3rem 0 5rem;font-size:1rem;font-family:"system-ui",sans-serif;font-weight:400;color:var(--color-text-main);background-color:var(--color-background-misc);overflow-y:scroll}@media (min-width: 768px){body{margin:4rem 0 0}}a{color:var(--color-text-link);text-decoration:none}button{background:none;border:none;outline:none;margin:0;-webkit-tap-highlight-color:transparent;cursor:pointer}li,p{line-height:1.5}kbd{display:inline-block;vertical-align:middle;padding:4px;line-height:10px;color:var(--color-text-main);background-color:var(--color-background-main);border-bottom-color:var(--color-text-mute);border:solid 1px var(--color-background-mute);border-radius:4px;box-shadow:inset 0 -1px 0 var(--color-background-mute)}.appbar{position:fixed;width:100%;left:0;right:0;z-index:10;background-color:var(--color-background-main)}.appbar.is-top{top:0}.appbar.is-bottom{bottom:0}@media (min-width: 768px){.appbar.is-bottom{position:initial;width:initial;display:inline-block}}.appbar>.actions{margin:0 auto;max-width:800px;display:flex;justify-content:space-between}.appbar.is-top>.actions{height:3rem}@media (min-width: 768px){.appbar.is-top>.actions{height:4rem}}.appbar.is-top .action{min-width:3rem}@media (min-width: 768px){.appbar.is-top>.action{min-width:4rem}}.appbar.is-top .action.is-hidden{display:none}.appbar.is-top .action.is-shown{display:block}@media (min-width: 768px){.appbar.is-top .action.is-open-about{order:-1;margin-right:auto}.appbar.is-top .action.is-theme-light,.appbar.is-top .action.is-theme-dark{order:-2}}.appbar.is-bottom>.actions{height:5rem}@media (min-width: 768px){.appbar.is-bottom>.actions{display:inline-flex;height:4rem}}.appbar.is-bottom .action{flex-grow:0;flex-shrink:0;flex-basis:20%}@media (min-width: 768px){.appbar.is-bottom .action{min-width:4rem}}.footerbar{padding:1rem;margin:0 auto;max-width:800px}.details{padding:1rem 1rem 0;margin:0 auto;max-width:800px;overflow-wrap:break-word;display:none}.details.is-shown{display:block}.details-content{margin:0 0 1em}.actions{display:flex}.action{color:var(--color-text-misc)}.action>svg{transition-duration:var(--transition-duration);transition-property:fill}.action:hover>svg{fill:var(--color-text-link)}.action:disabled>svg{fill:var(--color-background-mute)}.action.is-hidden{display:none}.animation.is-rotating{animation:animation-rotating .5s linear infinite}@keyframes animation-rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-fadein{0%{opacity:0}to{opacity:1}}.comic-alt{font-style:italic}.dialog[open]{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:100%;box-sizing:border-box;position:fixed;padding:0;margin:0;border:none;width:100%;height:100%;max-width:100%;max-height:100%;color:var(--color-text-main);background-color:var(--color-background-main);animation:animation-fadein .3s}.dialog[open]::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:animation-fadein .3s}@media (min-width: 768px){.dialog[open]{max-height:40vh;max-width:60vw;border-radius:1rem;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%)}}.dialog-header{padding:1rem}.dialog-header>h1{margin:0}.dialog-content{padding:0 1rem;overflow-y:auto;overscroll-behavior:none}.dialog-footer{justify-content:center;border-top:solid 1px var(--color-background-mute);background-color:var(--color-background-misc)}.dialog-footer>.action{width:100%;padding:1.5rem 1rem;color:var(--color-text-link);font-weight:500;font-size:12pt;cursor:pointer}.dialog-footer>.action:hover{background-color:var(--color-background-mute)}.figure{margin:0;height:calc(100vh - 8rem);background-color:var(--color-background-main);overflow:auto;display:flex;justify-content:flex-start;align-items:flex-start;width:100%}@media (min-width: 768px){.figure{min-height:calc(100vh - 4rem);height:auto;overflow:visible}}.figure.is-center-x{justify-content:center}.figure.is-center-y{align-items:center}.figure-image{opacity:0;transition-duration:var(--transition-duration);transition-property:opacity;filter:var(--image-filter)}@media (min-width: 768px){.figure-image{max-width:100%;margin-top:1rem;margin-bottom:1rem;object-fit:scale-down}}.figure-image.is-shown{opacity:1}.figure-loading{position:absolute;top:50%;left:0;right:0;text-align:center;opacity:0;transform:scale(0) translateY(calc(-100% + 5rem));transform-origin:top;transition-duration:var(--transition-duration);transition-property:opacity,transform}.figure-loading.is-shown{opacity:1;transform:scale(1) translateY(-50%)}.figure-error{position:absolute;top:50%;left:0;right:0;text-align:center;opacity:0;transform:scale(0) translateY(calc(-100% + 5rem));transform-origin:top;transition-duration:var(--transition-duration);transition-property:opacity,transform}.figure-error.is-shown{opacity:1;transform:scale(1) translateY(-50%)}.icon{display:inline-block;width:24px;height:24px;fill:var(--color-text-main)}.text.is-mute{color:var(--color-text-mute)}.text.is-small{font-size:.85rem}.text.is-center{text-align:center}
