/*!
 * TIFY v0.28.1
 * (c) 2017-2022 Göttingen State and University Library (https://www.sub.uni-goettingen.de/en/)
 * AGPL-3.0
 * https://tify.rocks/
 */
.tify-collection-link, .tify-collection-reset, .tify-export-toggle, .tify-header-button, .tify-info-button, .tify-info-toggle, .tify-page-select-button, .tify-scan-button, .tify-scan-page-button, .tify-scan-reset, .tify-toc-toggle, .tify-toc-toggle-all {
    align-items: center;
    background: #f5f5f5 linear-gradient(180deg, hsla(0, 0%, 100%, .4666666667), hsla(0, 0%, 100%, 0));
    border-radius: var(--tify-border-radius, 2px);
    border: 0;
    box-shadow: 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset;
    color: inherit;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    padding: calc(var(--tify-grid-base, 24px) * 0.25) calc(var(--tify-grid-base, 24px) * 0.5);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.tify-collection-link:not(:disabled), .tify-collection-reset:not(:disabled), .tify-export-toggle:not(:disabled), .tify-header-button:not(:disabled), .tify-info-button:not(:disabled), .tify-info-toggle:not(:disabled), .tify-page-select-button:not(:disabled), .tify-scan-button:not(:disabled), .tify-scan-page-button:not(:disabled), .tify-scan-reset:not(:disabled), .tify-toc-toggle-all:not(:disabled), .tify-toc-toggle:not(:disabled) {
    cursor: pointer
}

.tify-collection-link:not(:disabled):active, .tify-collection-link:not(:disabled):focus, .tify-collection-link:not(:disabled):hover, .tify-collection-reset:not(:disabled):active, .tify-collection-reset:not(:disabled):focus, .tify-collection-reset:not(:disabled):hover, .tify-export-toggle:not(:disabled):active, .tify-export-toggle:not(:disabled):focus, .tify-export-toggle:not(:disabled):hover, .tify-header-button:not(:disabled):active, .tify-header-button:not(:disabled):focus, .tify-header-button:not(:disabled):hover, .tify-info-button:not(:disabled):active, .tify-info-button:not(:disabled):focus, .tify-info-button:not(:disabled):hover, .tify-info-toggle:not(:disabled):active, .tify-info-toggle:not(:disabled):focus, .tify-info-toggle:not(:disabled):hover, .tify-page-select-button:not(:disabled):active, .tify-page-select-button:not(:disabled):focus, .tify-page-select-button:not(:disabled):hover, .tify-scan-button:not(:disabled):active, .tify-scan-button:not(:disabled):focus, .tify-scan-button:not(:disabled):hover, .tify-scan-page-button:not(:disabled):active, .tify-scan-page-button:not(:disabled):focus, .tify-scan-page-button:not(:disabled):hover, .tify-scan-reset:not(:disabled):active, .tify-scan-reset:not(:disabled):focus, .tify-scan-reset:not(:disabled):hover, .tify-toc-toggle-all:not(:disabled):active, .tify-toc-toggle-all:not(:disabled):focus, .tify-toc-toggle-all:not(:disabled):hover, .tify-toc-toggle:not(:disabled):active, .tify-toc-toggle:not(:disabled):focus, .tify-toc-toggle:not(:disabled):hover {
    background: #f5f5f5 linear-gradient(180deg, #fff, hsla(0, 0%, 100%, .4666666667))
}

.tify-collection-link:not(:disabled):active, .tify-collection-reset:not(:disabled):active, .tify-export-toggle:not(:disabled):active, .tify-header-button:not(:disabled):active, .tify-info-button:not(:disabled):active, .tify-info-toggle:not(:disabled):active, .tify-page-select-button:not(:disabled):active, .tify-scan-button:not(:disabled):active, .tify-scan-page-button:not(:disabled):active, .tify-scan-reset:not(:disabled):active, .tify-toc-toggle-all:not(:disabled):active, .tify-toc-toggle:not(:disabled):active {
    box-shadow: 0 .5px 3px rgba(0, 0, 0, .2) inset, 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify-collection-link:not(:disabled):focus-visible, .tify-collection-reset:not(:disabled):focus-visible, .tify-export-toggle:not(:disabled):focus-visible, .tify-header-button:not(:disabled):focus-visible, .tify-info-button:not(:disabled):focus-visible, .tify-info-toggle:not(:disabled):focus-visible, .tify-page-select-button:not(:disabled):focus-visible, .tify-scan-button:not(:disabled):focus-visible, .tify-scan-page-button:not(:disabled):focus-visible, .tify-scan-reset:not(:disabled):focus-visible, .tify-toc-toggle-all:not(:disabled):focus-visible, .tify-toc-toggle:not(:disabled):focus-visible {
    outline: 2px solid var(--tify-base-color-light, #73abda);
    z-index: 1
}

[disabled].tify-collection-link, [disabled].tify-collection-reset, [disabled].tify-export-toggle, [disabled].tify-header-button, [disabled].tify-info-button, [disabled].tify-info-toggle, [disabled].tify-page-select-button, [disabled].tify-scan-button, [disabled].tify-scan-page-button, [disabled].tify-scan-reset, [disabled].tify-toc-toggle, [disabled].tify-toc-toggle-all {
    opacity: .3
}

.tify-collection-item.-current .tify-collection-link, .tify-header-button.-active, .tify-info-button.-active {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    color: #fff;
    z-index: 1
}

.tify-collection-item.-current .tify-collection-link:not(:disabled):active, .tify-collection-item.-current .tify-collection-link:not(:disabled):focus, .tify-collection-item.-current .tify-collection-link:not(:disabled):hover, .tify-header-button.-active:not(:disabled):active, .tify-header-button.-active:not(:disabled):focus, .tify-header-button.-active:not(:disabled):hover, .tify-info-button.-active:not(:disabled):active, .tify-info-button.-active:not(:disabled):focus, .tify-info-button.-active:not(:disabled):hover {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .0666666667), rgba(0, 0, 0, .1333333333));
    color: #fff
}

.tify-collection-reset, .tify-export-toggle, .tify-info-button, .tify-info-toggle, .tify-toc-toggle-all {
    font-size: var(--tify-font-size-small, calc(var(--tify-font-size, 16px) * 0.8125));
    padding: 0 calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-collection, .tify-export, .tify-fulltext, .tify-help, .tify-info, .tify-scan, .tify-thumbnails, .tify-toc {
    background: #fff;
    box-shadow: -1px 0 var(--tify-border-color, rgba(0, 0, 0, .2));
    flex: 1;
    min-width: calc(var(--tify-grid-base, 24px) * 15);
    overflow-y: auto;
    position: relative
}

.tify.-medium .tify-collection, .tify.-medium .tify-export, .tify.-medium .tify-fulltext, .tify.-medium .tify-help, .tify.-medium .tify-info, .tify.-medium .tify-scan, .tify.-medium .tify-thumbnails, .tify.-medium .tify-toc {
    border: 0;
    bottom: 0;
    min-width: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.tify-collection:first-child, .tify-export:first-child, .tify-fulltext:first-child, .tify-help:first-child, .tify-info:first-child, .tify-scan:first-child, .tify-thumbnails:first-child, .tify-toc:first-child {
    border: 0
}

.-active.tify-collection, .-active.tify-export, .-active.tify-fulltext, .-active.tify-help, .-active.tify-info, .-active.tify-scan, .-active.tify-thumbnails, .-active.tify-toc {
    display: block
}

.-always-active.tify-collection, .-always-active.tify-export, .-always-active.tify-fulltext, .-always-active.tify-help, .-always-active.tify-info, .-always-active.tify-scan, .-always-active.tify-thumbnails, .-always-active.tify-toc {
    display: block !important
}

.tify {
    background: var(--tify-body-bg, #666 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEElEQVQImWNgwAGkcElgAgAEogAbFZcwKQAAAABJRU5ErkJggg==));
    box-sizing: border-box;
    color: var(--tify-text-color, #333);
    display: flex;
    flex-direction: column;
    font-size: var(--tify-font-size, 16px);
    height: 100%;
    line-height: var(--tify-line-height, var(--tify-grid-base, 24px));
    min-height: 240px;
    min-width: 240px;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

.tify *, .tify :after, .tify :before {
    box-sizing: inherit
}

.tify a {
    color: var(--tify-link-color, var(--tify-base-color, #06b));
    word-wrap: break-word
}

.tify a:focus-visible {
    outline: 2px solid var(--tify-base-color-light, #73abda)
}

.tify h3 {
    box-shadow: 0 1px var(--tify-border-color, rgba(0, 0, 0, .2));
    font-size: .75em;
    font-weight: 700;
    letter-spacing: .1em;
    margin: 0 0 calc(var(--tify-grid-base, 24px) * 0.5);
    text-transform: uppercase
}

.tify h3, .tify h4 {
    color: var(--tify-text-muted-color, #666);
    padding: 0
}

.tify h4 {
    font-size: 1em;
    font-weight: 400;
    margin: 0
}

.tify h4:nth-of-type(n+2) {
    margin-top: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify label {
    cursor: pointer;
    font-size: inherit;
    font-weight: 400
}

.tify li {
    margin: 0;
    padding: 0
}

.tify p {
    padding: 0
}

.tify p, .tify ul {
    margin: 0 0 calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify ul {
    padding: 0 0 0 var(--tify-grid-base, 24px)
}

.tify [type=text] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: var(--tify-border-radius, 2px);
    color: inherit;
    font: inherit;
    padding: calc(var(--tify-grid-base, 24px) * 0.25 - 1px) .5em
}

.tify [type=text]:focus {
    border-color: var(--tify-base-color, #06b);
    outline: 2px solid var(--tify-base-color-lighter, #e6f0f8)
}

.tify-collection {
    overflow-y: scroll;
    padding: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-collection-controls {
    display: flex
}

.tify-collection-controls > :first-child {
    border-radius: var(--tify-border-radius, 2px) 0 0 var(--tify-border-radius, 2px)
}

.tify-collection-controls > :last-child {
    border-radius: 0 var(--tify-border-radius, 2px) var(--tify-border-radius, 2px) 0
}

.tify-collection-filter {
    flex: 1;
    max-width: 36em
}

.tify-collection-filter:focus {
    z-index: 1
}

.tify-collection-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.tify-collection-list .tify-collection-list {
    margin-left: var(--tify-grid-base, 24px);
    margin-top: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-collection-list li {
    margin-bottom: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-collection-link {
    color: inherit !important;
    display: block;
    padding: calc(var(--tify-grid-base, 24px) * 0.25) calc(var(--tify-grid-base, 24px) * 0.5);
    text-align: left;
    text-decoration: none;
    width: 100%
}

.tify-collection-link.-has-children {
    font-weight: 700
}

.tify-collection-item.-current .tify-collection-link {
    color: #fff !important
}

.tify-collection-link .tify-icon {
    margin-left: calc(var(--tify-grid-base, 24px) * -0.25)
}

.tify-collection-no-results {
    color: var(--tify-text-muted-color, #666)
}

.tify-collection-reset {
    margin-left: -1px;
    white-space: nowrap
}

.tify-error {
    background: rgba(221, 34, 34, .8);
    border-radius: 0 var(--tify-border-radius, 2px) 0 0;
    bottom: 0;
    font-weight: 700;
    max-width: 90%;
    position: absolute
}

.tify-error, .tify-error-close {
    color: #fff;
    padding: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-error-close {
    background: 0;
    border: 0;
    cursor: pointer;
    float: left;
    margin: calc(var(--tify-grid-base, 24px) * -0.25) 0 calc(var(--tify-grid-base, 24px) * -0.25) calc(var(--tify-grid-base, 24px) * -0.25)
}

.tify-error-close:active, .tify-error-close:focus, .tify-error-close:hover {
    background: rgba(0, 0, 0, .1)
}

.tify-export {
    padding: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-export-container {
    margin: calc(var(--tify-grid-base, 24px) * 0.5) 0 var(--tify-grid-base, 24px)
}

.tify-export-section {
    margin: 0 0 var(--tify-grid-base, 24px)
}

.tify-export-toc {
    border: 1px solid var(--tify-border-color, rgba(0, 0, 0, .2));
    border-radius: var(--tify-border-radius, 2px);
    margin: calc(var(--tify-grid-base, 24px) * 0.5) 0 0;
    padding: calc(var(--tify-grid-base, 24px) * 0.25);
    position: relative
}

.tify-export-toc h4 {
    margin: calc(var(--tify-grid-base, 24px) * 0.25) calc(var(--tify-grid-base, 24px) * 0.75)
}

.tify-export-toc ul {
    margin: 0 0 0 calc(var(--tify-grid-base, 24px) * 0.5);
    padding: 0
}

.tify-export-toggle.-close {
    border-radius: 0 var(--tify-border-radius, 2px);
    padding: calc(var(--tify-grid-base, 24px) * 0.25);
    position: absolute;
    right: calc(var(--tify-grid-base, 24px) * 0.5);
    z-index: 1
}

.tify-fulltext {
    overflow-y: auto;
    padding: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-fulltext-none {
    color: var(--tify-text-muted-color, #666);
    font-style: italic
}

.tify-fulltext-page {
    margin: 0 0 var(--tify-grid-base, 24px)
}

.tify-fulltext-text {
    margin-left: 1em;
    text-indent: -1em;
    word-break: break-word
}

.tify-fulltext-text p {
    margin: 0 0 1em
}

.tify-header {
    background: var(--tify-header-bg, #f5f5f5);
    box-shadow: 0 1px var(--tify-border-color, rgba(0, 0, 0, .2));
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 9
}

.tify-header-button-group {
    align-items: center;
    display: flex;
    margin: calc(var(--tify-grid-base, 24px) * 0.25) 0;
    padding: 0 calc(var(--tify-grid-base, 24px) * 0.25);
    position: relative
}

.tify-header-button-group.-page-select {
    align-self: center;
    box-shadow: 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset;
    border-radius: var(--tify-border-radius, 2px);
    margin: 0 calc(var(--tify-grid-base, 24px) * 0.25);
    padding: 0
}

.tify.-small .tify-header-button-group.-page-select {
    margin: 0
}

.tify.-small .tify-header-button-group.-pagination {
    display: none
}

.tify-header-button-group.-popup {
    box-shadow: 0 -1px var(--tify-border-color, rgba(0, 0, 0, .2));
    display: none;
    margin: calc(var(--tify-border-radius, 2px) * 2 - 1px) 0 0;
    padding: var(--tify-border-radius, 2px) 0 0
}

.tify.-small .tify-header-button-group.-popup {
    display: flex
}

.tify-header-column:not(:nth-child(2)) .tify-header-button-group.-toggle {
    border-left: 1px solid var(--tify-border-color, rgba(0, 0, 0, .2))
}

.tify.-small .tify-header-column:not(:nth-child(2)) .tify-header-button-group.-toggle {
    border: 0
}

.tify.-large .tify-header-button-group.-view {
    display: block;
    margin: 0;
    padding: 0
}

.tify-header-button-group.-view:nth-child(n+2), .tify-header-column.-pagination ~ .tify-header-column .tify-header-button-group.-view {
    border-left: 1px solid var(--tify-border-color, rgba(0, 0, 0, .2))
}

.tify.-large .tify-header-button-group.-view:nth-child(n+2), .tify.-large .tify-header-column.-pagination ~ .tify-header-column .tify-header-button-group.-view {
    border-left: 0
}

.tify-header-button {
    align-self: center;
    background: none;
    border-radius: var(--tify-border-radius, 2px);
    border: 0;
    box-shadow: none;
    margin: 0;
    min-height: calc(var(--tify-grid-base, 24px) * 1.5);
    min-width: calc(var(--tify-grid-base, 24px) * 1.5);
    padding: 0
}

.tify-header-button:not(:disabled):active, .tify-header-button:not(:disabled):focus, .tify-header-button:not(:disabled):hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.tify-header-button:not(:disabled):active {
    box-shadow: inset 0 .5px 3px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.tify-header-button.-icon-only {
    display: block;
    font-size: 0 !important
}

.tify.-large .tify-header-button.-icon-only {
    font-size: inherit !important
}

.tify-header-button.-scan {
    display: none !important
}

.tify.-medium .tify-header-button.-scan {
    display: block !important
}

.tify-header-button-group.-toggle .tify-header-button {
    padding: calc(var(--tify-grid-base, 24px) * 0.375)
}

.tify.-tiny .tify-header-button-group.-toggle .tify-header-button {
    margin: calc(var(--tify-grid-base, 24px) * 0.125) 0;
    padding: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-header-button-group.-view .tify-header-button {
    font-size: .75em
}

.tify-header-button-group.-view .tify-header-button:not(.-icon-only) {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: var(--tify-font-size-small, calc(var(--tify-font-size, 16px) * 0.8125));
    line-height: 1;
    min-height: calc(var(--tify-grid-base, 24px) * 1.75);
    min-width: calc(var(--tify-grid-base, 24px) * 1.75);
    padding: 0 .5em 4px
}

.tify.-large .tify-header-button-group.-view .tify-header-button {
    align-items: flex-start;
    display: block;
    font: inherit;
    min-height: 0;
    padding: calc(var(--tify-grid-base, 24px) * 0.25);
    text-align: left;
    width: 100%
}

.tify-page-select + .tify-header-button {
    border-radius: 0 var(--tify-border-radius, 2px) var(--tify-border-radius, 2px) 0;
    margin-left: -1px
}

.tify-page-select + .tify-header-button:not(:disabled):active, .tify-page-select + .tify-header-button:not(:disabled):focus, .tify-page-select + .tify-header-button:not(:disabled):hover {
    box-shadow: 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify-page-select + .tify-header-button:not(:disabled):active {
    box-shadow: 0 .5px 3px rgba(0, 0, 0, .2) inset, 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify-header-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 0
}

.tify-header-column:first-child {
    flex: 1
}

.tify-header-column.-toggle {
    display: none
}

.tify.-large .tify-header-column.-toggle {
    display: block
}

.tify.-large .tify-header-column.-controls {
    background: #fff;
    border: var(--tify-border-radius, 2px) solid #fff;
    border-radius: var(--tify-border-radius, 2px);
    filter: drop-shadow(0 0 calc(var(--tify-grid-base, 24px) * 0.25) rgba(0, 0, 0, .5));
    min-width: 6em;
    overflow: visible;
    position: absolute;
    text-shadow: none;
    z-index: 9;
    margin: calc(var(--tify-grid-base, 24px) * 0.25) 0;
    left: auto;
    right: calc(var(--tify-grid-base, 24px) * 0.25);
    box-shadow: none;
    display: none;
    top: calc(var(--tify-grid-base, 24px) * 2)
}

.tify.-large .tify-header-column.-controls:before {
    position: absolute;
    content: "";
    background: #fff;
    width: calc(var(--tify-grid-base, 24px) * 0.5);
    height: calc(var(--tify-grid-base, 24px) * 0.5);
    transform: rotate(45deg);
    z-index: -1;
    bottom: auto;
    top: calc(var(--tify-grid-base, 24px) * -0.25 - var(--tify-border-radius, 2px));
    left: auto;
    right: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify.-large .tify-header-column.-controls.-visible {
    display: block
}

.tify-header-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: center;
    display: -webkit-box;
    font-size: 1em;
    font-weight: 400;
    line-height: var(--tify-grid-base, 24px);
    margin: 0;
    overflow: hidden;
    margin: calc(var(--tify-grid-base, 24px) * 0.125) calc(var(--tify-grid-base, 24px) * 0.5);
    text-align: left;
    text-overflow: ellipsis
}

.tify-help {
    overflow-y: auto;
    padding: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-help-footer {
    box-shadow: 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset;
    font-size: var(--tify-font-size-small, calc(var(--tify-font-size, 16px) * 0.8125));
    margin-top: var(--tify-grid-base, 24px);
    padding-top: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-icon {
    fill: currentColor;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.tify-info {
    overflow-y: auto;
    padding: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-info-button {
    border-radius: 0
}

.tify-info-button:first-child {
    border-radius: var(--tify-border-radius, 2px) 0 0 var(--tify-border-radius, 2px)
}

.tify-info-button:last-child {
    border-radius: 0 var(--tify-border-radius, 2px) var(--tify-border-radius, 2px) 0
}

.tify-info-button + .tify-info-button {
    margin-left: -1px
}

.tify-info-content {
    position: relative
}

.tify-info-content.-collapsed {
    max-height: calc(var(--tify-grid-base, 24px) * 6.5)
}

.tify-info-header {
    display: inline-flex;
    margin: 0 0 calc(var(--tify-grid-base, 24px) * 0.75);
    position: relative
}

.tify-info-logo {
    display: block;
    max-height: calc(var(--tify-grid-base, 24px) * 4);
    max-width: 100%;
    height: auto;
    width: auto
}

.tify-info-metadata > div {
    margin-bottom: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-info-section {
    margin: 0 0 var(--tify-grid-base, 24px);
    word-break: break-word
}

.tify-info-section.-logo > a {
    border: 0;
    box-shadow: none;
    display: inline-block
}

.tify-info-toggle {
    margin: calc(var(--tify-grid-base, 24px) * 0.5) 0;
    padding-left: calc(var(--tify-grid-base, 24px) * 0.25);
    position: relative
}

.tify-info-value > div:last-child > :last-child {
    margin-bottom: 0
}

.tify-info-content.-collapsed .tify-info-value {
    max-height: calc(var(--tify-grid-base, 24px) * 6.5 - var(--tify-grid-base, 24px) * 2);
    overflow: hidden
}

.tify-info-content.-collapsed .tify-info-value:after {
    background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    bottom: calc(var(--tify-grid-base, 24px) * 2);
    content: "";
    height: calc(var(--tify-grid-base, 24px) * 2);
    position: absolute;
    width: 100%
}

.tify-loading {
    -webkit-animation: fadeIn .5s .5s forwards, spin 1.2s ease-in-out infinite;
    animation: fadeIn .5s .5s forwards, spin 1.2s ease-in-out infinite;
    background: var(--tify-base-color-light, #73abda);
    border-radius: var(--tify-border-radius, 2px);
    bottom: calc(var(--tify-grid-base, 24px) * 0.5);
    height: calc(var(--tify-grid-base, 24px) * 1.5);
    left: calc(var(--tify-grid-base, 24px) * 0.5);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: calc(var(--tify-grid-base, 24px) * 1.5)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes spin {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes spin {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tify-main {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative
}

.tify-page-select a {
    border: 0;
    box-shadow: none
}

.tify-page-select-button {
    background: none;
    border-radius: var(--tify-border-radius, 2px) 0 0 var(--tify-border-radius, 2px);
    box-shadow: none;
    display: block;
    height: 100%;
    max-width: calc(var(--tify-grid-base, 24px) * 10);
    min-width: calc(var(--tify-grid-base, 24px) * 3);
    overflow: hidden;
    padding: calc(var(--tify-grid-base, 24px) * 0.25) .5em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tify-page-select-button:not(:disabled):active, .tify-page-select-button:not(:disabled):focus, .tify-page-select-button:not(:disabled):hover {
    box-shadow: 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify-page-select-button:not(:disabled):active {
    box-shadow: 0 .5px 3px rgba(0, 0, 0, .2) inset, 0 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify.-medium .tify-page-select-button {
    max-width: calc(var(--tify-grid-base, 24px) * 8)
}

.tify.-small .tify-page-select-button {
    max-width: calc(var(--tify-grid-base, 24px) * 6)
}

.tify.-tiny .tify-page-select-button {
    max-width: calc(var(--tify-grid-base, 24px) * 4)
}

.tify-page-select-dropdown {
    background: #fff;
    border: var(--tify-border-radius, 2px) solid #fff;
    border-radius: var(--tify-border-radius, 2px);
    filter: drop-shadow(0 0 calc(var(--tify-grid-base, 24px) * 0.25) rgba(0, 0, 0, .5));
    min-width: 6em;
    overflow: visible;
    position: absolute;
    text-shadow: none;
    z-index: 9;
    margin: calc(var(--tify-grid-base, 24px) * 0.25) 0;
    left: 0;
    right: auto;
    max-width: 100%;
    text-align: center
}

.tify-page-select-dropdown:before {
    position: absolute;
    content: "";
    background: #fff;
    width: calc(var(--tify-grid-base, 24px) * 0.5);
    height: calc(var(--tify-grid-base, 24px) * 0.5);
    transform: rotate(45deg);
    z-index: -1;
    bottom: auto;
    top: calc(var(--tify-grid-base, 24px) * -0.25 - var(--tify-border-radius, 2px));
    left: calc(var(--tify-grid-base, 24px) * 0.5);
    right: auto
}

.tify.-small .tify-page-select-dropdown {
    left: 0
}

.tify-page-select-filter {
    padding: var(--tify-border-radius, 2px) var(--tify-border-radius, 2px) calc(var(--tify-border-radius, 2px) * 2)
}

.tify-page-select-input {
    width: 100%
}

.tify-page-select-list {
    list-style: none;
    margin: 0;
    max-height: calc(var(--tify-grid-base, 24px) * 11);
    min-width: 100%;
    overflow-y: scroll;
    padding: 0;
    position: relative
}

.tify-page-select-list > li {
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tify-page-select-list > li + li {
    box-shadow: 0 1px var(--tify-border-color, rgba(0, 0, 0, .2)) inset
}

.tify-page-select-list > li.-current > a, .tify-page-select-list > li > a:active, .tify-page-select-list > li > a:focus, .tify-page-select-list > li > a:hover {
    background: rgba(0, 0, 0, .1)
}

.tify-page-select-list > li.-highlighted > a {
    background: var(--tify-link-color, var(--tify-base-color, #06b));
    color: #fff
}

.tify-page-select-list a {
    color: inherit;
    display: block;
    padding: calc(var(--tify-grid-base, 24px) * 0.125) .5em;
    text-decoration: none
}

.tify-page-select-list a:active, .tify-page-select-list a:focus, .tify-page-select-list a:hover {
    color: inherit
}

.tify-scan {
    background: transparent;
    box-shadow: none;
    flex: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 0
}

.tify-scan-buttons {
    border-radius: var(--tify-border-radius, 2px);
    display: flex;
    flex-direction: column;
    left: calc(var(--tify-grid-base, 24px) * 0.25);
    position: absolute;
    top: calc(var(--tify-grid-base, 24px) * 0.25);
    z-index: 9
}

.tify-scan-button {
    background: none;
    box-shadow: none;
    color: #fff;
    height: calc(var(--tify-grid-base, 24px) * 1.5);
    padding: 0;
    position: relative;
    width: calc(var(--tify-grid-base, 24px) * 1.5)
}

.tify-scan-button:not(:disabled):active, .tify-scan-button:not(:disabled):focus, .tify-scan-button:not(:disabled):hover {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .2)
}

.tify-scan-button.-active:after {
    background: var(--tify-base-color, #06b);
    box-shadow: 0 0 calc(var(--tify-grid-base, 24px) * 0.25) var(--tify-base-color-lighter, #e6f0f8);
    content: "";
    border-radius: 50%;
    display: block;
    height: .5em;
    position: absolute;
    right: calc(var(--tify-grid-base, 24px) * 0.25);
    top: calc(var(--tify-grid-base, 24px) * 0.25);
    width: .5em
}

.tify-scan-button .tify-icon {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2)) drop-shadow(0 0 1px rgba(0, 0, 0, .5))
}

.tify-scan-filters {
    position: relative
}

.tify-scan-filters-popup {
    background: #fff;
    border: var(--tify-border-radius, 2px) solid #fff;
    border-radius: var(--tify-border-radius, 2px);
    filter: drop-shadow(0 0 calc(var(--tify-grid-base, 24px) * 0.25) rgba(0, 0, 0, .5));
    min-width: 6em;
    overflow: visible;
    position: absolute;
    text-shadow: none;
    z-index: 9;
    transform: translateY(-50%);
    left: 0;
    right: auto;
    left: calc(var(--tify-grid-base, 24px) * 1.75);
    padding: calc(var(--tify-grid-base, 24px) * 0.5);
    top: calc(var(--tify-grid-base, 24px) * 0.75);
    width: calc(var(--tify-grid-base, 24px) * 10)
}

.tify-scan-filters-popup:before {
    position: absolute;
    content: "";
    background: #fff;
    width: calc(var(--tify-grid-base, 24px) * 0.5);
    height: calc(var(--tify-grid-base, 24px) * 0.5);
    transform: rotate(45deg);
    z-index: -1;
    left: calc(var(--tify-grid-base, 24px) * -0.25 - var(--tify-border-radius, 2px));
    top: calc(50% - var(--tify-grid-base, 24px) * 0.25)
}

.tify-scan-filters-popup label > b {
    float: right;
    font-size: var(--tify-font-size-small, calc(var(--tify-font-size, 16px) * 0.8125))
}

.tify-scan-filters-popup > p {
    margin: 0
}

.tify-scan-filters-popup > p + p {
    margin-top: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-scan-image {
    height: 100%;
    white-space: nowrap;
    width: 100%
}

.tify-scan-image .openseadragon-canvas {
    outline: 0
}

.tify-scan-page-button {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: hsla(0, 0%, 100%, .4);
    border: 0;
    box-shadow: 0 0 1px var(--tify-border-color, rgba(0, 0, 0, .2));
    height: calc(var(--tify-grid-base, 24px) * 2.5);
    margin-top: calc(var(--tify-grid-base, 24px) * -1.25);
    padding: 0;
    position: absolute;
    top: 50%;
    width: calc(var(--tify-grid-base, 24px) * 1.25);
    z-index: 1
}

.tify.-short .tify-scan-page-button {
    bottom: 0;
    height: calc(var(--tify-grid-base, 24px) * 1.75);
    width: calc(var(--tify-grid-base, 24px) * 1.75);
    top: auto
}

.tify-scan-page-button.-previous {
    border-radius: 0 calc(var(--tify-grid-base, 24px) * 1.25) calc(var(--tify-grid-base, 24px) * 1.25) 0;
    left: 0;
    justify-content: flex-start
}

.tify.-short .tify-scan-page-button.-previous {
    border-radius: 0 calc(var(--tify-grid-base, 24px) * 1.75) 0 0;
    padding: calc(var(--tify-grid-base, 24px) * 0.375) 0 0 calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-scan-page-button.-next {
    border-radius: calc(var(--tify-grid-base, 24px) * 1.25) 0 0 calc(var(--tify-grid-base, 24px) * 1.25);
    right: 0;
    justify-content: flex-end
}

.tify.-short .tify-scan-page-button.-next {
    border-radius: calc(var(--tify-grid-base, 24px) * 1.75) 0 0;
    padding: calc(var(--tify-grid-base, 24px) * 0.375) calc(var(--tify-grid-base, 24px) * 0.25) 0 0
}

.tify-scan-range {
    -webkit-appearance: none;
    margin: calc(var(--tify-grid-base, 24px) * 0.25) 0 calc(var(--tify-grid-base, 24px) * -0.25);
    width: 100%
}

.tify-scan-range::-webkit-slider-runnable-track {
    cursor: pointer;
    height: calc(var(--tify-grid-base, 24px) * 0.25);
    width: 100%;
    background: var(--tify-border-color, rgba(0, 0, 0, .2));
    border-radius: var(--tify-border-radius, 2px);
    margin: 0
}

.tify-scan-range::-webkit-slider-thumb {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    border: 0;
    border-radius: var(--tify-border-radius, 2px);
    cursor: pointer;
    height: var(--tify-grid-base, 24px);
    width: calc(var(--tify-grid-base, 24px) * 0.5);
    -webkit-appearance: none;
    margin-top: calc(var(--tify-grid-base, 24px) * 0.25 * 0.5 - var(--tify-grid-base, 24px) * 0.5)
}

.tify-scan-range::-moz-range-track {
    cursor: pointer;
    height: calc(var(--tify-grid-base, 24px) * 0.25);
    width: 100%;
    background: var(--tify-border-color, rgba(0, 0, 0, .2));
    border: 0;
    border-radius: var(--tify-border-radius, 2px)
}

.tify-scan-range::-moz-range-thumb {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    border: 0;
    border-radius: var(--tify-border-radius, 2px);
    cursor: pointer;
    height: var(--tify-grid-base, 24px);
    width: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-scan-range:focus::-webkit-slider-runnable-track {
    box-shadow: inset 0 .5px 3px rgba(0, 0, 0, .2)
}

.tify-scan-range:focus::-webkit-slider-thumb {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .0666666667), rgba(0, 0, 0, .1333333333));
    box-shadow: inset 0 .5px 3px rgba(0, 0, 0, .2)
}

.tify-scan-range:focus::-moz-range-thumb, .tify-scan-range:focus::-moz-range-track {
    box-shadow: inset 0 .5px 3px rgba(0, 0, 0, .2)
}

.tify-scan-range:focus::-moz-range-thumb {
    background: var(--tify-link-color, var(--tify-base-color, #06b)) linear-gradient(180deg, hsla(0, 0%, 100%, .0666666667), rgba(0, 0, 0, .1333333333))
}

.tify-scan-reset {
    width: 100%
}

.tify-sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tify-thumbnails {
    min-height: 100%;
    overflow-y: scroll;
    padding: calc(var(--tify-grid-base, 24px) * 0.5);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tify-thumbnails a {
    color: inherit;
    border: 0;
    box-shadow: none
}

.tify-thumbnails-list {
    margin: calc(var(--tify-grid-base, 24px) * -0.25)
}

.tify-thumbnails-item {
    background: currentColor;
    border-radius: var(--tify-border-radius, 2px);
    cursor: pointer;
    float: left;
    margin: calc(var(--tify-grid-base, 24px) * 0.25);
    overflow: hidden;
    padding-bottom: var(--tify-grid-base, 24px);
    position: relative
}

.tify-thumbnails-item:active, .tify-thumbnails-item:focus, .tify-thumbnails-item:hover {
    background: currentColor;
    filter: brightness(1.2)
}

.tify-thumbnails-item img {
    display: block;
    height: var(--tify-thumbnail-height, calc(var(--tify-grid-base, 24px) * 4.5));
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    max-width: 100%;
    width: var(--tify-thumbnail-width, calc(var(--tify-grid-base, 24px) * 4))
}

.tify-thumbnails-item.-current {
    outline: calc(var(--tify-grid-base, 24px) * 0.16667) solid var(--tify-base-color-light, #73abda)
}

.tify-thumbnails-page {
    bottom: 0;
    box-shadow: 0 -1px hsla(0, 0%, 100%, .4);
    color: #fff;
    display: block;
    font-size: var(--tify-font-size-small, calc(var(--tify-font-size, 16px) * 0.8125));
    font-weight: 700;
    height: var(--tify-grid-base, 24px);
    overflow: hidden;
    padding: 0 calc(var(--tify-grid-base, 24px) * 0.25);
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.tify-thumbnails-item.-current .tify-thumbnails-page {
    background: var(--tify-link-color, var(--tify-base-color, #06b))
}

.tify-toc-label, .tify-toc-page {
    background: #fff;
    position: relative;
    z-index: 1
}

.tify-toc {
    overflow-y: auto;
    padding: calc(var(--tify-grid-base, 24px) * 0.5);
    position: relative;
    z-index: 0
}

.tify-toc ul {
    margin: 0 calc(var(--tify-grid-base, 24px) * -0.25) 0 calc(var(--tify-grid-base, 24px) * 0.25);
    padding: 0
}

.tify-toc-header {
    margin: 0 calc(var(--tify-grid-base, 24px) * 0.25) calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-toc-label {
    padding-right: .2em;
    transition: inherit
}

.tify-toc-link {
    border-radius: var(--tify-border-radius, 2px);
    color: var(--tify-link-color, var(--tify-base-color, #06b));
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: calc(var(--tify-grid-base, 24px) * 0.25);
    position: relative;
    text-decoration: none
}

.tify-toc-link:active, .tify-toc-link:active > span, .tify-toc-link:focus, .tify-toc-link:focus > span, .tify-toc-link:hover, .tify-toc-link:hover > span {
    background: var(--tify-base-color-lighter, #e6f0f8)
}

.tify-toc-link.-dots:after {
    bottom: calc(var(--tify-grid-base, 24px) * 0.5 - 1px);
    content: "";
    left: calc(var(--tify-grid-base, 24px) * 0.25);
    min-width: 4em;
    border-bottom: 1px dotted;
    position: absolute;
    right: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-toc-list {
    position: relative;
    z-index: 0
}

.tify-toc-list .tify-toc-list {
    margin: 0 0 0 calc(var(--tify-grid-base, 24px) * 1.25)
}

.tify-toc-list a {
    border: 0;
    box-shadow: none
}

.tify-toc-page {
    float: right;
    padding-left: .2em;
    transition: inherit;
    z-index: 1
}

.tify-toc-structure {
    display: block;
    position: relative
}

.tify-toc-structure.-current {
    box-shadow: calc(var(--tify-grid-base, 24px) * -0.5 + 1px) 0 #fff, calc(var(--tify-grid-base, 24px) * -0.75) 0 var(--tify-base-color-light, #73abda)
}

.tify-toc-structure.-expanded:after {
    border-left: 1px solid var(--tify-base-color-light, #73abda);
    content: "";
    left: calc(var(--tify-grid-base, 24px) * 0.75);
    height: 100%;
    position: absolute;
    top: calc(var(--tify-grid-base, 24px) * 0.25);
    z-index: -2
}

.tify-toc-structure .tify-toc-structure:before {
    border-top: 1px solid var(--tify-base-color-light, #73abda);
    content: "";
    display: block;
    height: 100%;
    left: calc(var(--tify-grid-base, 24px) * -0.5);
    position: absolute;
    top: calc(var(--tify-grid-base, 24px) * 0.75);
    width: calc(var(--tify-grid-base, 24px) * 0.5)
}

.tify-toc-structure .tify-toc-structure:not(.-current):last-child:before {
    background: #fff
}

.tify-toc-toggle-all {
    margin: calc(var(--tify-grid-base, 24px) * 0.25)
}

.tify-toc-toggle {
    float: left;
    margin: calc(var(--tify-grid-base, 24px) * 0.25) 0 0 calc(var(--tify-grid-base, 24px) * 0.25);
    padding: 0;
    position: relative
}

.tify-toc-toggle:after {
    content: "";
    border-bottom: calc(var(--tify-grid-base, 24px) * 0.25) solid #fff;
    bottom: calc(var(--tify-grid-base, 24px) * -0.25);
    left: calc(var(--tify-grid-base, 24px) * 0.5);
    pointer-events: none;
    position: absolute;
    width: 1px;
    z-index: -1
}