:root {
    --viewImg-button-size: var(--global-widget-size-normal);
}

#view-full-image-span {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--global-theme-color-blur);
    backdrop-filter: var(--global-backdrop-filter);
    cursor: zoom-out;
}

#view-full-image-span-inner-left-div,
#view-full-image-span-inner-right-div {
    top: calc((100% - 1.5rem) / 2);
    position: absolute;
    cursor: pointer;
    border-radius: var(--global-widget-border-radius);
    display: flex;
    align-items: center;
    transition-duration: var(--global-transition-duration);
    width: var(--viewImg-button-size);
    height: var(--viewImg-button-size);
}

#view-full-image-span-inner-left-div {
    left: 3%;
}

#view-full-image-span-inner-right-div {
    right: 3%;
}

#view-full-image-span-inner-left-div:hover,
#view-full-image-span-inner-right-div:hover {
    background-color: var(--global-theme-color-blur);
}

#view-full-image-span-inner-img-div {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
}

#view-full-image-span-inner-text-div {
    bottom: 5%;
    left: 40%;
    width: 20%;
    height: 3%;
    position: absolute;
    text-align: center;
    color: var(--theme-color);
    font-size: var(--viewImg-button-size);
}

img:not(.ignore-view-full-image-img):not(.emoji) {
    cursor: zoom-in;
}

img:not(.ignore-view-full-image-img):not(.emoji):hover {
    filter: brightness(var(--global-brightness-blur));
}

img:not(.ignore-view-full-image-img):not(.emoji) {
    transition-duration: var(--global-transition-duration);
}

/* Gitalk */
.gt-comment-avatar>img {
    cursor: default !important;
}

.gt-header-avatar>img {
    cursor: default !important;
}

.gt-avatar img:hover, .gt-comment-avatar img:hover {
    filter: none !important;
}