/* VisualSpace Slider 0.2 frontend */
.vs-slider{position:relative;width:100%;height:var(--vs-height,720px);max-width:100%;overflow:hidden;border-radius:var(--vs-radius,0);perspective:var(--vs-perspective,1100px);isolation:isolate;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.vs-slides,.vs-slide,.vs-scene-inner{position:absolute;inset:0}.vs-slide{opacity:0;visibility:hidden;background-repeat:no-repeat;transition:opacity var(--vs-transition,700ms) ease,transform var(--vs-transition,700ms) ease;transform:scale(1.02);overflow:hidden}.vs-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.vs-scene-inner{transform-style:preserve-3d;will-change:transform}.vs-layer{position:absolute;transform:translate(-50%,-50%) translate3d(0,0,0) rotateX(var(--vs-rx)) rotateY(var(--vs-ry)) rotateZ(var(--vs-rz)) scale(var(--vs-scale));transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.vs-layer-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.vs-layer img{display:block;width:100%;height:100%;object-fit:contain}.vs-layer-button .vs-layer-content{cursor:pointer}.vs-slide.is-active .vs-layer[data-animation="fade"] .vs-layer-content{animation:vs-fade var(--vs-duration) var(--vs-ease) var(--vs-delay) both}.vs-slide.is-active .vs-layer[data-animation="fade-up"] .vs-layer-content{animation:vs-up var(--vs-duration) var(--vs-ease) var(--vs-delay) both}.vs-slide.is-active .vs-layer[data-animation="zoom"] .vs-layer-content{animation:vs-zoom var(--vs-duration) var(--vs-ease) var(--vs-delay) both}.vs-slide.is-active .vs-layer[data-animation="slide-left"] .vs-layer-content{animation:vs-left var(--vs-duration) var(--vs-ease) var(--vs-delay) both}.vs-slide.is-active .vs-layer[data-animation="slide-right"] .vs-layer-content{animation:vs-right var(--vs-duration) var(--vs-ease) var(--vs-delay) both}
@keyframes vs-fade{from{opacity:0}to{opacity:1}}@keyframes vs-up{from{opacity:0;transform:translateY(35px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vs-zoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes vs-left{from{opacity:0;transform:translateX(-60px) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes vs-right{from{opacity:0;transform:translateX(60px) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}
.vs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:42px;height:58px;border:0;background:rgba(0,0,0,.28);color:#fff;font-size:42px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:.2s}.vs-arrow:hover{background:rgba(0,0,0,.5)}.vs-prev{left:18px}.vs-next{right:18px}.vs-dots{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}.vs-dots button{width:8px;height:8px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;opacity:.7;cursor:pointer}.vs-dots button.active{background:#fff;opacity:1}
@media(max-width:767px){.vs-slider{height:min(var(--vs-height,720px),70vh)}.vs-arrow{width:34px;height:46px;font-size:32px}.vs-layer{max-width:90%}}
@media(prefers-reduced-motion:reduce){.vs-slide,.vs-layer{animation:none!important;transition:none!important}}