.vp-portfolio {
    --vp-layout-slider--arrows__width: 2em;
    --vp-layout-slider--arrows__height: 2em;
    --vp-layout-slider--arrows__offset: 10px;
    --vp-layout-slider--arrows__compensation: 10px;
    --vp-layout-slider--arrows__color: var(--vp-color-gray);
    --vp-layout-slider--arrows__background-color: #fff;
    --vp-layout-slider--arrows__border-radius: 50%;
    --vp-layout-slider--arrows__box-shadow: 0 0 7px 2px rgba(0, 0, 0, .04);
    --vp-layout-slider--arrows__opacity: 0.5;
    --vp-layout-slider--arrows-hover__box-shadow: 0 2px 15px 2px rgba(0, 0, 0, .04);
    --vp-layout-slider--arrows-hover__opacity: 1;
    --vp-layout-slider--bullets__margin-top: 2em;
    --vp-layout-slider--bullets__width: 0.4em;
    --vp-layout-slider--bullets__height: 0.4em;
    --vp-layout-slider--bullets__gap: 0.4em;
    --vp-layout-slider--bullets__compensation: 4px;
    --vp-layout-slider--bullets__background-color: currentcolor;
    --vp-layout-slider--bullets__border-radius: 50%;
    --vp-layout-slider--bullets__opacity: 0.2;
    --vp-layout-slider--bullets-hover__opacity: 0.5;
    --vp-layout-slider--bullets-active__opacity: 1;
    --vp-layout-slider--thumbnails__opacity: 0.5;
    --vp-layout-slider--thumbnails-hover__opacity: 1;
    --vp-layout-slider--thumbnails-active__opacity: 1;
    --vp-layout-slider__transition-duration: var(--vp-interactive__transition-duration);
    --vp-layout-slider__transition-easing: var(--vp-interactive__transition-easing)
}

[data-vp-layout=slider] .vp-portfolio__items-wrap:not(.swiper) .vp-portfolio__items,
[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap:not(.swiper) .vp-portfolio__thumbnails {
    box-sizing: content-box;
    display: flex;
    position: relative
}

[data-vp-layout=slider] .vp-portfolio__items-wrap:not(.swiper) .vp-portfolio__items .vp-portfolio__item-wrap,
[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap:not(.swiper) .vp-portfolio__thumbnails .vp-portfolio__thumbnail-wrap {
    min-width: calc(100%/var(--vp-layout-slider__initial-slides-per-view, 8));
    width: calc(100%/var(--vp-layout-slider__initial-slides-per-view, 8))
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="1"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="1"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 1
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="2"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="2"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 2
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="3"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="3"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 3
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="4"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="4"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 4
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="5"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="5"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 5
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="6"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="6"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 6
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="7"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="7"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 7
}

[data-vp-layout=slider][data-vp-slider-slides-per-view="8"] .vp-portfolio__items-wrap:not(.swiper),
[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="8"] .vp-portfolio__thumbnails-wrap:not(.swiper) {
    --vp-layout-slider__initial-slides-per-view: 8
}

[data-vp-layout=slider] .vp-portfolio__thumbnail-img-wrap {
    display: block;
    overflow: hidden;
    position: relative
}

[data-vp-layout=slider] .vp-portfolio__item-img-wrap:before,
[data-vp-layout=slider] .vp-portfolio__thumbnail-img-wrap:before {
    content: "";
    display: block
}

[data-vp-layout=slider] .vp-portfolio__item-img img,
[data-vp-layout=slider] .vp-portfolio__thumbnail-img img {
    -o-object-fit: var(--vp-images__object-fit);
    object-fit: var(--vp-images__object-fit);
    -o-object-position: var(--vp-images__object-position);
    object-position: var(--vp-images__object-position)
}

[data-vp-layout=slider] .vp-portfolio__items-arrow {
    align-items: center;
    background-color: var(--vp-layout-slider--arrows__background-color);
    border-radius: var(--vp-layout-slider--arrows__border-radius);
    box-shadow: var(--vp-layout-slider--arrows__box-shadow);
    color: var(--vp-layout-slider--arrows__color);
    cursor: pointer;
    display: flex;
    height: var(--vp-layout-slider--arrows__height);
    justify-content: center;
    margin-top: calc(var(--vp-layout-slider--arrows__height)*-1/2);
    opacity: var(--vp-layout-slider--arrows__opacity);
    position: absolute;
    top: 50%;
    transition: var(--vp-layout-slider__transition-duration) opacity var(--vp-layout-slider__transition-easing), var(--vp-layout-slider__transition-duration) box-shadow var(--vp-layout-slider__transition-easing);
    width: var(--vp-layout-slider--arrows__width);
    z-index: 1
}

[data-vp-layout=slider] .vp-portfolio__items-arrow:after {
    bottom: calc(var(--vp-layout-slider--arrows__compensation)*-1);
    content: "";
    display: block;
    left: calc(var(--vp-layout-slider--arrows__compensation)*-1);
    position: absolute;
    right: calc(var(--vp-layout-slider--arrows__compensation)*-1);
    top: calc(var(--vp-layout-slider--arrows__compensation)*-1)
}

[data-vp-layout=slider] .vp-portfolio__items-arrow:hover {
    box-shadow: var(--vp-layout-slider--arrows-hover__box-shadow);
    opacity: var(--vp-layout-slider--arrows-hover__opacity)
}

[data-vp-layout=slider] .vp-portfolio__items-arrow-prev {
    left: var(--vp-layout-slider--arrows__offset)
}

[data-vp-layout=slider] .vp-portfolio__items-arrow-next {
    right: var(--vp-layout-slider--arrows__offset)
}

[data-vp-layout=slider][data-vp-slider-bullets=true] .vp-portfolio__items-wrap {
    padding-bottom: var(--vp-layout-slider--bullets__margin-top)
}

[data-vp-layout=slider][data-vp-slider-bullets=true] .vp-portfolio__items-wrap .vp-portfolio__items-arrow {
    transform: translateY(calc(var(--vp-layout-slider--bullets__margin-top)/-2))
}

[data-vp-layout=slider] .vp-portfolio__items-bullets {
    bottom: 0;
    position: absolute;
    text-align: center;
    z-index: 1
}

[data-vp-layout=slider] .vp-portfolio__items-bullets.swiper-pagination-bullets-dynamic {
    font-size: 1em
}

[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet {
    background-color: var(--vp-layout-slider--bullets__background-color);
    border-radius: var(--vp-layout-slider--bullets__border-radius);
    cursor: pointer;
    height: var(--vp-layout-slider--bullets__height);
    margin: 0 calc(var(--vp-layout-slider--bullets__gap)/2);
    opacity: var(--vp-layout-slider--bullets__opacity);
    position: relative;
    transition: var(--vp-layout-slider__transition-duration) opacity var(--vp-layout-slider__transition-easing);
    width: var(--vp-layout-slider--bullets__width)
}

[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:focus,
[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:hover {
    opacity: var(--vp-layout-slider--bullets-hover__opacity)
}

[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: var(--vp-layout-slider--bullets-active__opacity)
}

[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:after {
    bottom: calc(var(--vp-layout-slider--bullets__compensation)*-1);
    content: "";
    display: block;
    left: calc(var(--vp-layout-slider--bullets__compensation)*-1);
    position: absolute;
    right: calc(var(--vp-layout-slider--bullets__compensation)*-1);
    top: calc(var(--vp-layout-slider--bullets__compensation)*-1)
}

[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap {
    cursor: pointer;
    opacity: var(--vp-layout-slider--thumbnails__opacity);
    transition: var(--vp-layout-slider__transition-duration) opacity
}

[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap:focus,
[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap:hover {
    opacity: var(--vp-layout-slider--thumbnails-hover__opacity)
}

[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap.swiper-slide-thumb-active {
    opacity: var(--vp-layout-slider--thumbnails-active__opacity)
}