:root {
    --rpv-attachment__item--hover-background-color: rgba(0, 0, 0, .1);
    --rpv-attachment__item-color: #000
}

.rpv-core__viewer--dark {
    --rpv-attachment__item--hover-background-color: #2566e8;
    --rpv-attachment__item-color: #fff
}

.rpv-attachment__empty {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    text-align: center;
    width: 100%
}

.rpv-attachment__empty--rtl {
    direction: rtl
}

.rpv-attachment__list {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: auto;
    padding: .5rem 0;
    width: 100%
}

.rpv-attachment__list--rtl {
    direction: rtl
}

.rpv-attachment__item {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--rpv-attachment__item-color);
    cursor: pointer;
    display: flex;
    padding: .5rem;
    text-align: left;
    width: 100%
}

.rpv-attachment__item:focus {
    outline: 0
}

.rpv-attachment__item:focus,
.rpv-attachment__item:hover {
    background-color: var(--rpv-attachment__item--hover-background-color)
}

.rpv-attachment__loader {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%
}

:root {
    --rpv-bookmark__item--hover-background-color: rgba(0, 0, 0, .1);
    --rpv-bookmark__item-color: #000
}

.rpv-core__viewer--dark {
    --rpv-bookmark__item--hover-background-color: #2566e8;
    --rpv-bookmark__item-color: #fff
}

.rpv-bookmark__item {
    align-items: center;
    color: var(--rpv-bookmark__item-color);
    cursor: pointer;
    display: flex;
    padding-bottom: .25rem;
    padding-right: .25rem;
    padding-top: .25rem
}

.rpv-bookmark__item:focus {
    outline: 0
}

.rpv-bookmark__item:focus,
.rpv-bookmark__item:hover {
    background-color: var(--rpv-bookmark__item--hover-background-color)
}

.rpv-bookmark__toggle {
    align-items: center;
    display: flex;
    height: 1rem;
    margin-right: .25rem;
    width: 1rem
}

.rpv-bookmark__title {
    flex-grow: 1;
    flex-shrink: 1;
    text-decoration: none
}

.rpv-bookmark__list {
    list-style-type: none;
    overflow: auto;
    margin: 0;
    padding: 0
}

.rpv-bookmark__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-bookmark__empty {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    text-align: center;
    width: 100%
}

.rpv-bookmark__empty--rtl {
    direction: rtl
}

.rpv-bookmark__container {
    height: 100%;
    overflow: auto;
    padding: .5rem 0;
    width: 100%
}

.rpv-bookmark__container--rtl {
    direction: rtl
}

:root {
    --rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, .2);
    --rpv-core__annotation-popup-wrapper-background-color: #faf089;
    --rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --rpv-core__annotation-popup-content-border-top-color: #1a202c;
    --rpv-core__arrow-border-color: rgba(0, 0, 0, .3);
    --rpv-core__asking-password-color: #000;
    --rpv-core__asking-password-wrapper-background-color: #fff;
    --rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, .3);
    --rpv-core__button-background-color: rgba(0, 0, 0, .3);
    --rpv-core__button-color: #000;
    --rpv-core__doc-error-background-color: #fff;
    --rpv-core__doc-error-text-background-color: #c02424;
    --rpv-core__doc-error-text-color: #fff;
    --rpv-core__doc-loading-background-color: #fff;
    --rpv-core__full-screen-target-background-color: #fff;
    --rpv-core__inner-page-background-color: #fff;
    --rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, .3);
    --rpv-core__menu-item-color: #000;
    --rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, .1);
    --rpv-core__menu-item--disabled-color: rgba(0, 0, 0, .3);
    --rpv-core__minimal-button-color: #000;
    --rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, .1);
    --rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, .3);
    --rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, .1);
    --rpv-core__modal-body-background-color: #fff;
    --rpv-core__modal-body-border-color: rgba(0, 0, 0, .3);
    --rpv-core__modal-overlay-background-color: rgba(0, 0, 0, .5);
    --rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    --rpv-core__popover-body-background-color: #fff;
    --rpv-core__popover-body-border-color: rgba(0, 0, 0, .3);
    --rpv-core__popover-body-color: #000;
    --rpv-core__primary-button-background-color: #2566e8;
    --rpv-core__primary-button-color: #fff;
    --rpv-core__progress-bar-background-color: rgba(0, 0, 0, .1);
    --rpv-core__progress-bar-progress-background-color: #2566e8;
    --rpv-core__progress-bar-progress-color: #fff;
    --rpv-core__separator-border-bottom-color: rgba(0, 0, 0, .3);
    --rpv-core__spinner-border-color: rgba(0, 0, 0, .4);
    --rpv-core__spinner-border-transparent-color: transparent;
    --rpv-core__splitter-background-color: transparent;
    --rpv-core__splitter--hover-background-color: rgba(0, 0, 0, .2);
    --rpv-core__text-layer-text--selection-background-color: #00f;
    --rpv-core__text-layer-text--selection-color: transparent;
    --rpv-core__textbox-background-color: #fff;
    --rpv-core__textbox-border-color: rgba(0, 0, 0, .2);
    --rpv-core__textbox-color: #000;
    --rpv-core__tooltip-body-background-color: #000;
    --rpv-core__tooltip-body-color: #fff
}

.rpv-core__viewer--dark {
    --rpv-core__asking-password-background-color: #363636;
    --rpv-core__asking-password-color: #fff;
    --rpv-core__asking-password-wrapper-border-color: #191919;
    --rpv-core__asking-password-wrapper-background-color: #191919;
    --rpv-core__button-background-color: #171717;
    --rpv-core__button-color: #fff;
    --rpv-core__doc-error-background-color: #191919;
    --rpv-core__doc-error-text-background-color: #c02323;
    --rpv-core__doc-error-text-color: #fff;
    --rpv-core__doc-loading-background-color: #191919;
    --rpv-core__full-screen-target-background-color: #1a1a1a;
    --rpv-core__inner-page-background-color: #1a1a1a;
    --rpv-core__menu-divider-border-bottom-color: #000;
    --rpv-core__menu-item-color: #fff;
    --rpv-core__menu-item--hover-background-color: #2566e8;
    --rpv-core__menu-item--disabled-color: #5e5e5e;
    --rpv-core__minimal-button-color: #fff;
    --rpv-core__minimal-button--disabled-color: #5e5e5e;
    --rpv-core__minimal-button--hover-background-color: #191919;
    --rpv-core__minimal-button--selected-background-color: #1657bb;
    --rpv-core__modal-body-background-color: #363636;
    --rpv-core__primary-button-background-color: #2566e8;
    --rpv-core__popover-body-background-color: #363636;
    --rpv-core__popover-body-color: #fff;
    --rpv-core__progress-bar-background-color: #000;
    --rpv-core__separator-border-bottom-color: #000;
    --rpv-core__spinner-border-color: #fff;
    --rpv-core__splitter-background-color: #1a1a1a;
    --rpv-core__splitter--hover-background-color: #2566e8;
    --rpv-core__textbox-background-color: #121212;
    --rpv-core__textbox-border-color: #121212;
    --rpv-core__textbox-color: #fff;
    --rpv-core__tooltip-body-background-color: #414141;
    --rpv-core__tooltip-body-color: #fff
}

.rpv-core__annotation {
    position: absolute
}

.rpv-core__annotation-layer {
    z-index: 1
}

.rpv-core__arrow {
    border-bottom: 1px solid var(--rpv-core__arrow-border-color);
    border-left-color: var(--rpv-core__arrow-border-color);
    border-right: 1px solid var(--rpv-core__arrow-border-color);
    border-top-color: var(--rpv-core__arrow-border-color);
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 0
}

.rpv-core__arrow--tl {
    bottom: 0;
    left: 0;
    transform: translate(50%, 50%) rotate(45deg)
}

.rpv-core__arrow--tc {
    left: 50%
}

.rpv-core__arrow--tc,
.rpv-core__arrow--tr {
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg)
}

.rpv-core__arrow--tr {
    right: 0
}

.rpv-core__arrow--rt {
    left: 0;
    top: 0;
    transform: translate(-50%, 50%) rotate(135deg)
}

.rpv-core__arrow--rc {
    top: 50%
}

.rpv-core__arrow--rb,
.rpv-core__arrow--rc {
    left: 0;
    transform: translate(-50%, -50%) rotate(135deg)
}

.rpv-core__arrow--rb {
    bottom: 0
}

.rpv-core__arrow--bl {
    left: 0;
    top: 0;
    transform: translate(50%, -50%) rotate(225deg)
}

.rpv-core__arrow--bc {
    left: 50%
}

.rpv-core__arrow--bc,
.rpv-core__arrow--br {
    top: 0;
    transform: translate(-50%, -50%) rotate(225deg)
}

.rpv-core__arrow--br {
    right: 0
}

.rpv-core__arrow--lt {
    right: 0;
    top: 0;
    transform: translate(50%, 50%) rotate(315deg)
}

.rpv-core__arrow--lc {
    top: 50%
}

.rpv-core__arrow--lb,
.rpv-core__arrow--lc {
    right: 0;
    transform: translate(50%, -50%) rotate(315deg)
}

.rpv-core__arrow--lb {
    bottom: 0
}

.rpv-core__asking-password {
    background-color: var(--rpv-core__asking-password-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__asking-password-color);
    padding: 2rem
}

.rpv-core__asking-password--rtl {
    direction: rtl
}

.rpv-core__asking-password-wrapper {
    align-items: center;
    background-color: var(--rpv-core__asking-password-wrapper-background-color);
    border: 1px solid var(--rpv-core__asking-password-wrapper-border-color);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-core__asking-password-message {
    margin: .5rem 0
}

.rpv-core__asking-password-body {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__asking-password-input {
    width: 15rem
}

.rpv-core__asking-password-input--ltr {
    margin-right: .5rem
}

.rpv-core__asking-password-input--rtl {
    margin-left: .5rem
}

.rpv-core__button {
    background-color: var(--rpv-core__button-background-color);
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 1rem
}

.rpv-core__button--rtl {
    direction: rtl
}

.rpv-core__canvas-layer {
    direction: ltr;
    left: 0;
    position: absolute;
    overflow: hidden;
    top: 0
}

.rpv-core__doc-error {
    align-items: center;
    background-color: var(--rpv-core__doc-error-background-color);
    display: flex;
    justify-content: center;
    height: 100%
}

.rpv-core__doc-error--rtl {
    direction: rtl
}

.rpv-core__doc-error-text {
    background-color: var(--rpv-core__doc-error-text-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__doc-error-text-color);
    line-height: 1.5;
    max-width: 50%;
    padding: .5rem
}

.rpv-core__doc-loading {
    background-color: var(--rpv-core__doc-loading-background-color);
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    min-height: inherit
}

.rpv-core__doc-loading--rtl {
    direction: rtl
}

.rpv-core__icon {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1;
    text-align: center
}

.rpv-core__icon--rtl {
    transform: scaleX(-1)
}

.rpv-core__inner-container {
    min-height: inherit
}

.rpv-core__inner-pages {
    overflow: auto
}

.rpv-core__inner-pages--rtl {
    direction: rtl
}

.rpv-core__inner-pages--single {
    overflow: hidden
}

.rpv-core__inner-page-container--single {
    overflow: auto
}

.rpv-core__inner-page {
    background-color: var(--rpv-core__inner-page-background-color)
}

.rpv-core__inner-page--single {
    display: flex;
    align-items: center;
    justify-content: center
}

.rpv-core__inner-page--dual-even {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.rpv-core__inner-page--dual-odd {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.rpv-core__inner-page--dual-cover {
    display: flex;
    align-items: center;
    justify-content: center
}

.rpv-core__inner-page--dual-cover-odd {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.rpv-core__inner-page--dual-cover-even {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.rpv-core__annotation--link a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rpv-core__annotation--link a:hover {
    background-color: var(--rpv-core__annotation--link-hover-background-color)
}

.rpv-core__menu {
    display: flex;
    flex-direction: column
}

.rpv-core__menu--rtl {
    direction: rtl;
    text-align: right
}

.rpv-core__menu-divider {
    border-bottom: 1px solid var(--rpv-core__menu-divider-border-bottom-color);
    margin: .25rem 0
}

.rpv-core__menu-item {
    align-items: center;
    background-color: transparent;
    color: var(--rpv-core__menu-item-color);
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .25rem 0;
    width: 100%
}

.rpv-core__menu-item:focus {
    outline: 0
}

.rpv-core__menu-item:focus,
.rpv-core__menu-item:hover {
    background-color: var(--rpv-core__menu-item--hover-background-color)
}

.rpv-core__menu-item-icon {
    align-items: center;
    display: flex
}

.rpv-core__menu-item-icon--ltr {
    padding-left: 1rem;
    padding-right: .5rem
}

.rpv-core__menu-item-icon--rtl {
    padding-left: .5rem;
    padding-right: 1rem
}

.rpv-core__menu-item-label {
    flex-grow: 1;
    flex-shrink: 1;
    white-space: nowrap
}

.rpv-core__menu-item-label--ltr {
    padding-right: 2rem
}

.rpv-core__menu-item-label--rtl {
    padding-left: 2rem
}

.rpv-core__menu-item-check--ltr {
    padding-right: 1rem
}

.rpv-core__menu-item-check--rtl {
    padding-left: 1rem
}

.rpv-core__menu-item--disabled {
    color: var(--rpv-core__menu-item--disabled-color)
}

.rpv-core__menu-item--disabled:hover {
    background-color: transparent
}

.rpv-core__menu-item--ltr {
    text-align: left
}

.rpv-core__menu-item--rtl {
    direction: rtl;
    text-align: right
}

.rpv-core__minimal-button {
    background-color: transparent;
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__minimal-button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 .5rem
}

.rpv-core__minimal-button:hover {
    background-color: var(--rpv-core__minimal-button--hover-background-color)
}

.rpv-core__minimal-button--disabled {
    color: var(--rpv-core__minimal-button--disabled-color)
}

.rpv-core__minimal-button--rtl {
    direction: rtl
}

.rpv-core__minimal-button--selected {
    background-color: var(--rpv-core__minimal-button--selected-background-color)
}

.rpv-core__modal-body {
    background-color: var(--rpv-core__modal-body-background-color);
    border: 1px solid var(--rpv-core__modal-body-border-color);
    border-radius: .25rem;
    margin: 1rem;
    max-width: 32rem;
    overflow: auto
}

.rpv-core__modal-body--rtl {
    direction: rtl
}

.rpv-core__modal-overlay {
    background-color: var(--rpv-core__modal-overlay-background-color);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.rpv-core__modal-overlay,
.rpv-core__page-layer {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-core__page-layer {
    overflow: visible;
    position: relative
}

.rpv-core__page-layer:after {
    content: "";
    position: absolute;
    bottom: .25rem;
    left: .25rem;
    right: .25rem;
    top: .25rem;
    box-shadow: var(--rpv-core__page-layer-box-shadow)
}

.rpv-core__page-layer--single {
    margin: 0 auto
}

.rpv-core__page-size-calculator {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rpv-core__popover-body {
    border: 1px solid var(--rpv-core__popover-body-border-color);
    border-radius: .25rem;
    color: var(--rpv-core__popover-body-color);
    left: 0;
    padding: .5rem 0;
    position: absolute;
    top: -9999px;
    z-index: 9999
}

.rpv-core__popover-body,
.rpv-core__popover-body-arrow {
    background-color: var(--rpv-core__popover-body-background-color)
}

.rpv-core__popover-body--rtl {
    direction: rtl
}

.rpv-core__popover-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.rpv-core__annotation-popup-wrapper {
    background-color: var(--rpv-core__annotation-popup-wrapper-background-color);
    box-shadow: var(--rpv-core__annotation-popup-wrapper-box-shadow);
    font-size: .75rem;
    padding: .25rem;
    word-break: break-word
}

.rpv-core__annotation-popup-wrapper--rtl {
    direction: rtl
}

.rpv-core__annotation-popup-title {
    font-weight: 600;
    margin-bottom: .25rem
}

.rpv-core__annotation-popup-date {
    font-size: .5rem
}

.rpv-core__annotation-popup-content {
    border-top: 1px solid var(--rpv-core__annotation-popup-content-border-top-color);
    padding: .25rem;
    max-height: 16rem;
    overflow: auto
}

.rpv-core__primary-button {
    background-color: var(--rpv-core__primary-button-background-color);
    border: none;
    border-radius: .25rem;
    color: var(--rpv-core__primary-button-color);
    cursor: pointer;
    height: 2rem;
    padding: 0 1rem
}

.rpv-core__primary-button--rtl {
    direction: rtl
}

.rpv-core__progress-bar {
    background-color: var(--rpv-core__progress-bar-background-color);
    border-radius: 9999px;
    padding: .125rem
}

.rpv-core__progress-bar--rtl {
    direction: rtl
}

.rpv-core__progress-bar-progress {
    align-items: center;
    background-color: var(--rpv-core__progress-bar-progress-background-color);
    border-radius: 9999px;
    color: var(--rpv-core__progress-bar-progress-color);
    display: flex;
    font-size: .75rem;
    justify-content: center;
    height: .75rem
}

.rpv-core__separator {
    border-bottom: 1px solid var(--rpv-core__separator-border-bottom-color)
}

.rpv-core__spinner {
    border-bottom: 2px solid var(--rpv-core__spinner-border-transparent-color);
    border-left: 2px solid var(--rpv-core__spinner-border-transparent-color);
    border-right: 2px solid var(--rpv-core__spinner-border-color);
    border-top: 2px solid var(--rpv-core__spinner-border-color);
    border-radius: 9999px
}

.rpv-core__spinner--animating {
    animation-duration: .4s;
    animation-name: rpv-core__spinner-transform;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes rpv-core__spinner-transform {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.rpv-core__splitter {
    background-color: var(--rpv-core__splitter-background-color);
    cursor: ew-resize;
    height: 100%;
    width: .25rem
}

.rpv-core__splitter--resizing,
.rpv-core__splitter:hover {
    cursor: col-resize;
    background-color: var(--rpv-core__splitter--hover-background-color)
}

.rpv-core__splitter-body--resizing {
    cursor: col-resize
}

.rpv-core__splitter-sibling--resizing {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rpv-core__textbox {
    background-color: var(--rpv-core__textbox-background-color);
    border: 1px solid var(--rpv-core__textbox-border-color);
    box-sizing: border-box;
    border-radius: .25rem;
    color: var(--rpv-core__textbox-color);
    padding: 0 .5rem;
    height: 2rem;
    width: 100%
}

.rpv-core__textbox--rtl {
    direction: rtl
}

.rpv-core__text-layer {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .2;
    line-height: 1;
    z-index: 1
}

.rpv-core__text-layer span::-moz-selection {
    background-color: var(--rpv-core__text-layer-text--selection-background-color);
    color: var(--rpv-core__text-layer-text--selection-color)
}

.rpv-core__text-layer span::selection {
    background-color: var(--rpv-core__text-layer-text--selection-background-color);
    color: var(--rpv-core__text-layer-text--selection-color)
}

.rpv-core__text-layer br::-moz-selection {
    color: transparent
}

.rpv-core__text-layer br::selection {
    color: transparent
}

.rpv-core__text-layer-text {
    color: transparent;
    cursor: text;
    position: absolute;
    transform-origin: 0 0;
    white-space: pre
}

.rpv-core__tooltip-body {
    background-color: var(--rpv-core__tooltip-body-background-color);
    border-radius: .25rem;
    color: var(--rpv-core__tooltip-body-color);
    left: 0;
    max-width: 20rem;
    position: absolute;
    text-align: center;
    top: -9999px;
    z-index: 9999
}

.rpv-core__tooltip-body--rtl {
    direction: rtl
}

.rpv-core__tooltip-body-arrow {
    background-color: var(--rpv-core__tooltip-body-background-color)
}

.rpv-core__tooltip-body-content {
    padding: .5rem
}

.rpv-core__display--block {
    display: block
}

.rpv-core__display--hidden {
    display: none
}

@media(min-width:640px) {
    .rpv-core__display--hidden-small {
        display: none
    }
    .rpv-core__display--block-small {
        display: block
    }
}

@media(min-width:768px) {
    .rpv-core__display--hidden-medium {
        display: none
    }
    .rpv-core__display--block-medium {
        display: block
    }
}

@media(min-width:1024px) {
    .rpv-core__display--hidden-large {
        display: none
    }
    .rpv-core__display--block-large {
        display: block
    }
}

.rpv-core__viewer {
    min-height: inherit
}

:root {
    --rpv-thumbnail__container-background-color: #fff;
    --rpv-thumbnail__container-box-shadow: rgba(0, 0, 0, .2) 2px 2px 8px 0px;
    --rpv-thumbnail__item--selected-background-color: rgba(0, 0, 0, .3)
}

.rpv-core__viewer--dark {
    --rpv-thumbnail__item--selected-background-color: #2566e8
}

.rpv-thumbnail__cover,
.rpv-thumbnail__cover-inner {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    min-height: inherit
}

.rpv-thumbnail__cover-image {
    max-height: 100%;
    max-width: 100%
}

.rpv-thumbnail__cover-loader {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%
}

.rpv-thumbnail__container {
    align-items: center;
    background: var(--rpv-thumbnail__container-background-color);
    box-shadow: var(--rpv-thumbnail__container-box-shadow);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.rpv-thumbnail__item {
    cursor: pointer
}

.rpv-thumbnail__item--dual-cover,
.rpv-thumbnail__item--single {
    padding: .5rem
}

.rpv-thumbnail__item--dual-cover-odd,
.rpv-thumbnail__item--dual-even {
    padding: .5rem 0 .5rem .5rem
}

.rpv-thumbnail__item--dual-cover-even,
.rpv-thumbnail__item--dual-odd {
    padding: .5rem .5rem .5rem 0
}

.rpv-thumbnail__item--dual-cover:hover,
.rpv-thumbnail__item--single:hover,
.rpv-thumbnail__items--dual-cover:hover .rpv-thumbnail__item,
.rpv-thumbnail__items--dual:hover .rpv-thumbnail__item {
    background-color: var(--rpv-thumbnail__item--selected-background-color)
}

.rpv-thumbnail__item:focus {
    outline: 0
}

.rpv-thumbnail__label {
    font-size: .75em;
    text-align: center;
    padding: .25rem
}

.rpv-thumbnail__list {
    overflow: auto;
    padding: .5rem
}

.rpv-thumbnail__list--rtl {
    direction: rtl
}

.rpv-thumbnail__list--horizontal {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.rpv-thumbnail__list--vertical {
    height: 100%
}

.rpv-thumbnail__items {
    align-items: center;
    display: flex;
    justify-content: center
}

.rpv-thumbnail__items--selected .rpv-thumbnail__item {
    background-color: var(--rpv-thumbnail__item--selected-background-color)
}

.rpv-thumbnail__list-container {
    height: 100%;
    width: 100%
}

.rpv-thumbnail__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

:root {
    --rpv-drop__area-background-color: #fff;
    --rpv-drop__area-body-border-color: rgba(0, 0, 0, .3);
    --rpv-drop__area-body-color: #000
}

.rpv-core__viewer--dark {
    --rpv-drop__area-background-color: #191919;
    --rpv-drop__area-body-border-color: #fff;
    --rpv-drop__area-body-color: #fff
}

.rpv-drop__area {
    background-color: var(--rpv-drop__area-background-color);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: .5rem;
    z-index: 9999
}

.rpv-drop__area-body {
    border: 2px dashed var(--rpv-drop__area-body-border-color);
    color: var(--rpv-drop__area-body-color);
    font-size: 1.5rem;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%
}

.rpv-drop__area-body--rtl {
    direction: rtl
}

:root {
    --rpv-full-screen__overlay-background-color: #fff
}

.rpv-core__viewer--dark {
    --rpv-full-screen__overlay-background-color: #1a1a1a
}

.rpv-full-screen__exit-button {
    bottom: 0;
    padding: .5rem;
    position: fixed;
    z-index: 2
}

.rpv-full-screen__exit-button--ltr {
    right: 0
}

.rpv-full-screen__exit-button--rtl {
    left: 0
}

.rpv-full-screen__overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: var(--rpv-full-screen__overlay-background-color);
    z-index: 1
}

.rpv-open__input-wrapper {
    position: relative
}

.rpv-open__input {
    display: none;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.rpv-open__input::-webkit-file-upload-button {
    width: 0
}

.rpv-page-navigation__current-page-input {
    margin: 0 .25rem;
    text-align: right;
    width: 3rem
}

:root {
    --rpv-print__progress-body-background-color: #fff;
    --rpv-print__progress-body-border-color: rgba(0, 0, 0, .3);
    --rpv-print__progress-body-color: #000
}

.rpv-core__viewer--dark {
    --rpv-print__progress-body-background-color: #363636;
    --rpv-print__progress-body-border-color: transparent;
    --rpv-print__progress-body-color: #fff
}

.rpv-print__permission-body {
    padding: 1rem
}

.rpv-print__permission-footer {
    display: flex;
    justify-content: center;
    padding: 0 1rem 1rem 0
}

.rpv-print__progress {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.rpv-print__progress-body {
    background-color: var(--rpv-print__progress-body-background-color);
    border: 1px solid var(--rpv-print__progress-body-border-color);
    border-radius: .25rem;
    color: var(--rpv-print__progress-body-color);
    padding: 1.5rem;
    text-align: center;
    width: 15rem
}

.rpv-print__progress-body--rtl {
    direction: rtl
}

.rpv-print__progress-bar {
    margin-bottom: 1rem
}

.rpv-print__progress-message {
    margin-bottom: .5rem
}

.rpv-print__zone {
    display: none
}

@media print {
    @page {
        margin: 0
    }
    .rpv-print__html-printing {
        height: 100%
    }
    .rpv-print__body-printing {
        height: 100%;
        margin: 0
    }
    .rpv-print__body-printing * {
        display: none
    }
    .rpv-print__zone {
        display: block;
        height: 100%
    }
    .rpv-print__page {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        page-break-after: always;
        page-break-inside: avoid
    }
    .rpv-print__page img {
        display: block;
        max-height: 100%;
        max-width: 100%
    }
}

.rpv-properties__loader {
    text-align: center
}

.rpv-properties__modal {
    min-height: 20rem;
    padding: .5rem 0
}

.rpv-properties__modal-section {
    padding: 0 .5rem
}

.rpv-properties__modal-footer {
    display: flex;
    justify-content: center;
    margin-top: .5rem
}

.rpv-properties__item {
    align-items: flex-start;
    display: flex;
    margin: .5rem 0
}

.rpv-properties__item--rtl {
    direction: rtl
}

.rpv-properties__item-label {
    padding-right: .5rem;
    width: 25%
}

.rpv-properties__item-value {
    flex: 1
}

.rpv-search__highlights {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.rpv-search__highlight {
    background-color: var(--rpv-search__highlight-background-color);
    border-radius: .25rem;
    position: absolute;
    z-index: 1
}

.rpv-search__highlight--current {
    background-color: var(--rpv-search__highlight--current-background-color)
}

.rpv-search__popover {
    padding: 0 .5rem
}

.rpv-search__popover-input-counter {
    align-items: center;
    display: flex;
    margin-bottom: .5rem;
    position: relative;
    width: 12rem
}

.rpv-search__popover-counter {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    top: 0
}

.rpv-search__popover-counter--ltr {
    padding-right: .25rem;
    right: 0
}

.rpv-search__popover-counter--rtl {
    left: 0;
    padding-left: .25rem
}

.rpv-search__popover-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: .5rem
}

.rpv-search__popover-label-checkbox {
    cursor: pointer;
    margin-right: .25rem
}

.rpv-search__popover-footer {
    align-items: center;
    display: flex
}

.rpv-search__popover-footer-item {
    padding: 0 .25rem
}

.rpv-search__popover-footer-button--ltr {
    margin-left: auto
}

.rpv-search__popover-footer-button--rtl {
    margin-right: auto
}

:root {
    --rpv-search__highlight-background-color: rgba(255, 255, 0, .4);
    --rpv-search__highlight--current-background-color: rgba(0, 128, 0, .4)
}

.rpv-selection-mode__grab {
    cursor: grab
}

.rpv-selection-mode__grab :not(input),
.rpv-selection-mode__grab :not(select),
.rpv-selection-mode__grab :not(textarea) {
    cursor: grab !important
}

.rpv-selection-mode__grabbing {
    cursor: grabbing
}

.rpv-selection-mode__grabbing :not(input),
.rpv-selection-mode__grabbing :not(select),
.rpv-selection-mode__grabbing :not(textarea) {
    cursor: grabbing !important
}

:root {
    --rpv-zoom__popover-target-arrow-border-color: rgba(0, 0, 0, .6)
}

.rpv-core__viewer--dark {
    --rpv-zoom__popover-target-arrow-border-color: #fff
}

.rpv-zoom__popover-target {
    align-items: center;
    color: var(--rpv-zoom__popover-target-color);
    display: flex
}

.rpv-zoom__popover-target-scale--ltr {
    margin-right: .25rem
}

.rpv-zoom__popover-target-scale--rtl {
    margin-left: .25rem
}

.rpv-zoom__popover-target-arrow {
    border-color: var(--rpv-zoom__popover-target-arrow-border-color) transparent transparent;
    border-style: solid;
    border-width: .5rem .25rem 0;
    height: 0;
    width: 0
}

:root {
    --rpv-toolbar__label--color: #000
}

.rpv-core__viewer--dark {
    --rpv-toolbar__label--color: #fff
}

.rpv-toolbar {
    align-items: center;
    display: flex;
    width: 100%
}

.rpv-toolbar--rtl {
    direction: rtl
}

.rpv-toolbar__center,
.rpv-toolbar__left {
    align-items: center;
    display: flex
}

.rpv-toolbar__center {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center
}

.rpv-toolbar__right {
    align-items: center;
    display: flex;
    margin-left: auto
}

.rpv-toolbar__item {
    align-items: center;
    display: flex;
    padding: 0 .125rem
}

.rpv-toolbar__label {
    color: var(--rpv-toolbar__label--color)
}

:root {
    --rpv-default-layout__body-background-color: #fff;
    --rpv-default-layout__container-border-color: rgba(0, 0, 0, .3);
    --rpv-default-layout__toolbar-background-color: #eee;
    --rpv-default-layout__toolbar-border-bottom-color: rgba(0, 0, 0, .1);
    --rpv-default-layout__sidebar-border-color: rgba(0, 0, 0, .2);
    --rpv-default-layout__sidebar--opened-background-color: #fff;
    --rpv-default-layout__sidebar-headers-background-color: #eee;
    --rpv-default-layout__sidebar-content--opened-background-color: #fff;
    --rpv-default-layout__sidebar-content--opened-border-color: rgba(0, 0, 0, .2);
    --rpv-default-layout__sidebar-content--opened-color: #000
}

.rpv-core__viewer--dark {
    --rpv-default-layout__body-background-color: #1a1a1a;
    --rpv-default-layout__container-border-color: #454647;
    --rpv-default-layout__toolbar-background-color: #292929;
    --rpv-default-layout__toolbar-border-bottom-color: #000;
    --rpv-default-layout__sidebar-border-color: #000;
    --rpv-default-layout__sidebar--opened-background-color: #fff;
    --rpv-default-layout__sidebar-headers-background-color: #292929;
    --rpv-default-layout__sidebar-content--opened-background-color: #1a1a1a;
    --rpv-default-layout__sidebar-content--opened-border-color: #292929;
    --rpv-default-layout__sidebar-content--opened-color: #fff
}

.rpv-default-layout__container {
    border: 1px solid var(--rpv-default-layout__container-border-color);
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.rpv-default-layout__toolbar {
    align-items: center;
    background-color: var(--rpv-default-layout__toolbar-background-color);
    border-bottom: 1px solid var(--rpv-default-layout__toolbar-border-bottom-color);
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    height: 2.5rem;
    width: 100%;
    z-index: 1
}

.rpv-default-layout__sidebar {
    display: flex;
    padding-top: 2.5rem
}

.rpv-default-layout__sidebar--opened {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 12rem;
    background-color: var(--rpv-default-layout__sidebar--opened-background-color);
    z-index: 1
}

.rpv-default-layout__sidebar--ltr {
    border-right: 1px solid var(--rpv-default-layout__sidebar-border-color)
}

.rpv-default-layout__sidebar--rtl {
    border-left: 1px solid var(--rpv-default-layout__sidebar-border-color)
}

.rpv-default-layout__main {
    display: flex;
    height: 100%;
    position: relative
}

.rpv-default-layout__main--rtl {
    direction: rtl
}

.rpv-default-layout__body {
    background-color: var(--rpv-default-layout__body-background-color);
    flex: 1;
    overflow: auto;
    padding-top: 2.5rem
}

@media(min-width:768px) {
    .rpv-default-layout__sidebar--opened {
        width: 16rem
    }
}

@media(min-width:1024px) {
    .rpv-default-layout__sidebar--opened {
        background: inherit;
        position: inherit;
        width: 20rem;
        z-index: inherit
    }
}

.rpv-default-layout__sidebar-tabs {
    display: flex;
    height: 100%;
    width: 100%
}

.rpv-default-layout__sidebar-headers {
    background-color: var(--rpv-default-layout__sidebar-headers-background-color);
    padding: .25rem
}

.rpv-default-layout__sidebar-header {
    padding: .125rem
}

.rpv-default-layout__sidebar-content {
    display: none;
    flex-grow: 1;
    flex-shrink: 1
}

.rpv-default-layout__sidebar-content--opened {
    background-color: var(--rpv-default-layout__sidebar-content--opened-background-color);
    color: var(--rpv-default-layout__sidebar-content--opened-color);
    display: flex;
    overflow: hidden
}

.rpv-default-layout__sidebar-content--ltr {
    border-left: 1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)
}

.rpv-default-layout__sidebar-content--rtl {
    border-right: 1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)
}