:root{--swipe-indicator-color: #fff;--swipe-indicators-offset: 2.666667vw;--swipe-indicator-offset: 1.066667vw}.var-swipe{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.var-swipe__track{width:100%;height:100%;display:flex;transition-property:transform}.var-swipe__indicators{position:absolute;display:flex;bottom:2.666667vw;bottom:var(--swipe-indicators-offset);left:50%;transform:translate(-50%)}.var-swipe__indicator{width:2.133333vw;height:2.133333vw;border-radius:50%;background:#fff;background:var(--swipe-indicator-color);opacity:.3;margin:0 1.066667vw;margin:0 var(--swipe-indicator-offset);transition:opacity .3s}.var-swipe--vertical{flex-direction:column}.var-swipe--indicators-vertical{flex-direction:column;left:2.666667vw;left:var(--swipe-indicators-offset);bottom:50%;transform:translateY(50%)}.var-swipe--indicator-active{opacity:1}.var-swipe--indicator-vertical{margin:1.066667vw 0;margin:var(--swipe-indicator-offset) 0}.var-swipe-item{flex-shrink:0;width:100%;height:100%}