// DEBUG Only
.overlay {
    background-color: rgba(0,0,0,0.5);
}
.active {
    border: 0.125rem solid red;
}

.full-opacity {
    opacity: 0;
}

img, .full-width {
    max-width: 100% !important;
    //height: auto; // This can cause (rarely) a small line between panels
}

// This is to force hardware acceleration to help address https://github.com/Kareadita/Kavita/issues/1848
*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@keyframes move-up-down {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-0.625rem);
    }
}

.bookmark-effect {
    animation: infinite-scroll-bookmark 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@keyframes infinite-scroll-bookmark {
    0%, 100% {
        filter: opacity(1);
    }
    50% {
        filter: opacity(0.25);
    }
}
