.image-viewer .iv-viewer {
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
}

.image-viewer .iv-viewer .img-animated {
    opacity: 0;
    filter: blur(10px);
    transform: scale(1.02);
    animation: blurFadeIn 400ms ease forwards;
}

.image-viewer .iv-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
}

.image-viewer .iv-nav.iv-nav-prev {
    left: 0;
}

.image-viewer .iv-nav.iv-nav-next {
    right: 0;
}

.image-viewer .iv-nav .icon{
    color: var(--color-white);
    filter: drop-shadow(0 0 5px var(--color-black));
}

.image-viewer .iv-thumbnail {
    border: 5px solid transparent;
    border-radius: var(--border-radius);
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition);
    padding: 0;
}

.image-viewer .iv-thumbnail.selected {
    border-color: var(--color-primary);
}

.image-viewer .iv-thumbnail:hover {
    border-color: var(--color-secondary);
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        filter: blur(10px);
        transform: scale(1.02);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: scale(1);
    }
}