.uk-lightbox {
    --uk-inverse: light;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .15s linear;
    touch-action: pinch-zoom
}

.uk-lightbox.uk-open {
    display: block;
    opacity: 1
}

.uk-lightbox :focus-visible {
    outline-color: rgba(255, 255, 255, .7)
}

.uk-lightbox-page {
    overflow: hidden
}

.uk-lightbox-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-lightbox-items>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: flex-start;
    will-change: transform, opacity;
    overflow: auto
}

.uk-lightbox-items>.uk-active {
    display: flex
}

.uk-lightbox-items-fit>* {
    align-items: center
}

.uk-lightbox-items-fit>*>* {
    max-width: 100vw;
    max-height: 100vh
}

.uk-lightbox-items-fit>*>:not(iframe) {
    width: auto;
    height: auto
}

.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover {
    cursor: zoom-in
}

.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover {
    cursor: zoom-out
}

.uk-lightbox-thumbnav-vertical :where(img,
video) {
    max-width: 100px
}

.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img,
video) {
    max-height: 100px
}

.uk-lightbox-dotnav:empty,
.uk-lightbox-thumbnav:empty {
    display: none
}

.uk-lightbox-caption:empty {
    display: none
}

.uk-lightbox-caption {
    padding: 10px 10px;
    background: rgba(0, 0, 0, .3);
    color: rgba(255, 255, 255, .7)
}

.uk-lightbox-caption>* {
    color: rgba(255, 255, 255, .7)
}

.uk-lightbox-counter:empty {
    display: none
}

.uk-lightbox-iframe {
    width: 80%;
    height: 80%
}

[class*=uk-animation-] {
    animation: .5s ease-out both
}

.uk-animation-fade {
    animation-name: uk-fade;
    animation-duration: .8s;
    animation-timing-function: linear
}

.uk-animation-scale-up {
    animation-name: uk-fade, uk-scale-up
}

.uk-animation-scale-down {
    animation-name: uk-fade, uk-scale-down
}

.uk-animation-slide-top {
    animation-name: uk-fade, uk-slide-top
}

.uk-animation-slide-bottom {
    animation-name: uk-fade, uk-slide-bottom
}

.uk-animation-slide-left {
    animation-name: uk-fade, uk-slide-left
}

.uk-animation-slide-right {
    animation-name: uk-fade, uk-slide-right
}

.uk-animation-slide-top-small {
    animation-name: uk-fade, uk-slide-top-small
}

.uk-animation-slide-bottom-small {
    animation-name: uk-fade, uk-slide-bottom-small
}

.uk-animation-slide-left-small {
    animation-name: uk-fade, uk-slide-left-small
}

.uk-animation-slide-right-small {
    animation-name: uk-fade, uk-slide-right-small
}

.uk-animation-slide-top-medium {
    animation-name: uk-fade, uk-slide-top-medium
}

.uk-animation-slide-bottom-medium {
    animation-name: uk-fade, uk-slide-bottom-medium
}

.uk-animation-slide-left-medium {
    animation-name: uk-fade, uk-slide-left-medium
}

.uk-animation-slide-right-medium {
    animation-name: uk-fade, uk-slide-right-medium
}

.uk-animation-kenburns {
    animation-name: uk-kenburns;
    animation-duration: 15s
}

.uk-animation-shake {
    animation-name: uk-shake
}

.uk-animation-stroke {
    animation-name: uk-stroke;
    animation-duration: 2s;
    stroke-dasharray: var(--uk-animation-stroke)
}

.uk-animation-reverse {
    animation-direction: reverse;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    animation-name: none
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes uk-scale-up {
    0% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes uk-scale-down {
    0% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes uk-slide-top {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-small {
    0% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-small {
    0% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-small {
    0% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-small {
    0% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-top-medium {
    0% {
        transform: translateY(-50px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-medium {
    0% {
        transform: translateY(50px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes uk-slide-left-medium {
    0% {
        transform: translateX(-50px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-medium {
    0% {
        transform: translateX(50px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes uk-kenburns {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.2)
    }
}

@keyframes uk-shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10% {
        transform: translateX(-9px)
    }
    20% {
        transform: translateX(8px)
    }
    30% {
        transform: translateX(-7px)
    }
    40% {
        transform: translateX(6px)
    }
    50% {
        transform: translateX(-5px)
    }
    60% {
        transform: translateX(4px)
    }
    70% {
        transform: translateX(-3px)
    }
    80% {
        transform: translateX(2px)
    }
    90% {
        transform: translateX(-1px)
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }
    100% {
        stroke-dashoffset: 0
    }
}