.bar{position:sticky;top:0;right:0;left:0;padding:var(--spacing);background-color:var(--blue);box-shadow:0 0 var(--spacing) var(--black)}.icon-button{cursor:pointer;padding:.25em;border:.15rem solid;font-size:1.2rem;color:var(--teal);background-color:transparent;outline:none;transition:all .2s}.icon-button[data-disabled]{cursor:default;color:#80b3b3}.logo{width:auto;height:100%}@keyframes zoom{50%{transform:scale(.85)}}.button{cursor:pointer;padding:.06em .35em;border:.15rem solid;font-size:1.4rem;color:var(--teal);background-color:transparent;outline:none;transition:all .2s}.button[data-disabled]{cursor:default;color:#80b3b3}.page-links-dialog{overflow:auto;display:flex;flex-direction:column;height:100%;background-color:var(--black);outline:none}.page-links-dialog__bar{display:flex;justify-content:flex-end}.page-links-dialog__link-list{--gap: 1rem;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center;margin:var(--gap);list-style-type:none}.page{display:flex;flex-direction:column;row-gap:var(--spacing);width:var(--zoomed-trimmed-image-width)}.page__loader{align-content:center;height:var(--zoomed-trimmed-image-height);border:.2rem dashed;font-size:2rem;color:var(--teal);text-align:center}.page__error{padding-block:.2rem;border:.2rem solid;font-size:1.6rem;color:var(--red);text-align:center}.subpage{overflow:hidden;display:flex;justify-content:flex-end;width:var(--zoomed-trimmed-image-width);height:var(--zoomed-trimmed-image-height)}.subpage__image{-webkit-user-select:none;user-select:none;zoom:var(--zoom-ratio);width:var(--original-image-width);height:var(--original-image-height)}.subpage__area{cursor:pointer}.single-page-dialog{overflow:auto;height:100%;background-color:var(--black);outline:none}.single-page-dialog__bar{display:flex;column-gap:var(--spacing);align-items:center;max-width:var(--zoomed-trimmed-image-width);margin-inline:auto}.single-page-dialog__page-number{margin-right:auto;font-size:1.8rem;line-height:1;color:var(--teal)}.single-page-dialog__page{display:flex;flex-direction:column;align-items:safe center;padding:var(--spacing)}.react-aria-ModalOverlay{position:fixed;inset:0;height:var(--visual-viewport-height)}.react-aria-Modal{position:fixed;inset:0;height:100%}html{height:100%}body{--spacing: .5rem;--black: #000;--blue: rgb(4 2 252);--red: #f22617;--teal: rgb(4 254 252);--original-image-width: 720px;--original-image-height: 432px;--original-image-margin: 18px;--zoom-ratio: calc(var(--zoom) / 100);--zoomed-original-image-width: calc( var(--zoom-ratio) * var(--original-image-width) );--zoomed-original-image-height: calc( var(--zoom-ratio) * var(--original-image-height) );--trimmed-image-width: calc( var(--original-image-width) - var(--original-image-margin) );--trimmed-image-height: calc( var(--original-image-height) - var(--original-image-margin) );--zoomed-trimmed-image-width: calc( var(--zoom-ratio) * var(--trimmed-image-width) );--zoomed-trimmed-image-height: calc( var(--zoom-ratio) * var(--trimmed-image-height) );display:grid;grid-template-rows:min-content 1fr;min-height:100%;background-color:var(--black)}.index__bar{display:flex;column-gap:var(--spacing);align-items:center}.index__logo{align-self:normal;margin-right:auto}.index__zoom-value{font-size:1.7rem;line-height:1;color:var(--teal)}.index__columns{overflow:auto;display:flex;column-gap:var(--spacing);padding:var(--spacing)}.index__column{display:flex;flex-direction:column;row-gap:var(--spacing)}.error{color:var(--red)}