.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, 4%);--vp-layout-slider--arrows__opacity: 0.5;--vp-layout-slider--arrows-hover__box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 4%);--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{position:relative;box-sizing:content-box;display:flex}[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{width:calc(100%/var(--vp-layout-slider__initial-slides-per-view, 8));min-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{position:relative;display:block;overflow:hidden}[data-vp-layout=slider] .vp-portfolio__item-img-wrap::before,[data-vp-layout=slider] .vp-portfolio__thumbnail-img-wrap::before{display:block;content:""}[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{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--vp-layout-slider--arrows__width);height:var(--vp-layout-slider--arrows__height);margin-top:calc(-1*var(--vp-layout-slider--arrows__height)/2);color:var(--vp-layout-slider--arrows__color);cursor:pointer;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);opacity:var(--vp-layout-slider--arrows__opacity);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)}[data-vp-layout=slider] .vp-portfolio__items-arrow::after{position:absolute;top:calc(-1*var(--vp-layout-slider--arrows__compensation));right:calc(-1*var(--vp-layout-slider--arrows__compensation));bottom:calc(-1*var(--vp-layout-slider--arrows__compensation));left:calc(-1*var(--vp-layout-slider--arrows__compensation));display:block;content:""}[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{position:absolute;bottom:0;z-index:1;text-align:center}[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{position:relative;width:var(--vp-layout-slider--bullets__width);height:var(--vp-layout-slider--bullets__height);margin:0 calc(var(--vp-layout-slider--bullets__gap)/2);cursor:pointer;background-color:var(--vp-layout-slider--bullets__background-color);border-radius:var(--vp-layout-slider--bullets__border-radius);opacity:var(--vp-layout-slider--bullets__opacity);transition:var(--vp-layout-slider__transition-duration) opacity var(--vp-layout-slider__transition-easing)}[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:hover,[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:focus{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{position:absolute;top:calc(-1*var(--vp-layout-slider--bullets__compensation));right:calc(-1*var(--vp-layout-slider--bullets__compensation));bottom:calc(-1*var(--vp-layout-slider--bullets__compensation));left:calc(-1*var(--vp-layout-slider--bullets__compensation));display:block;content:""}[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:hover,[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap:focus{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)}