.var-swipe-item{flex-shrink:0;height:100%;width:100%}:root{--swipe-indicator-color:#fff;--swipe-indicators-offset:10px;--swipe-indicator-offset:4px;--swipe-navigation-z-index:9;--swipe-navigation-button-width:36px;--swipe-navigation-button-height:36px;--swipe-navigation-button-border-radius:50%;--swipe-navigation-icon-size:20px;--swipe-navigation-prev-left:8px;--swipe-navigation-next-right:8px;--swipe-navigation-prev-top:8px;--swipe-navigation-next-bottom:8px}.var-swipe{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.var-swipe__track{display:flex;height:100%;transition-property:transform;width:100%}.var-swipe__navigation{position:absolute;top:50%;z-index:var(--swipe-navigation-z-index)}.var-swipe__navigation-prev{left:0;transform:translate(var(--swipe-navigation-prev-left),-50%)}.var-swipe__navigation-prev-button[var-swipe-cover]{border-radius:var(--swipe-navigation-button-border-radius);height:var(--swipe-navigation-button-height);width:var(--swipe-navigation-button-width)}.var-swipe__navigation-prev-button-icon[var-swipe-cover]{font-size:var(--swipe-navigation-icon-size)}.var-swipe__navigation-next{right:0;transform:translate(calc(var(--swipe-navigation-next-right)*-1),-50%)}.var-swipe__navigation-next-button[var-swipe-cover]{border-radius:var(--swipe-navigation-button-border-radius);height:var(--swipe-navigation-button-height);width:var(--swipe-navigation-button-width)}.var-swipe__navigation-next-button-icon[var-swipe-cover]{font-size:var(--swipe-navigation-icon-size)}.var-swipe__indicators{bottom:var(--swipe-indicators-offset);display:flex;left:50%;position:absolute;transform:translate(-50%)}.var-swipe__indicator{background:var(--swipe-indicator-color);border-radius:50%;height:8px;margin:0 var(--swipe-indicator-offset);opacity:.3;transition:opacity .3s;width:8px}.var-swipe--vertical{flex-direction:column}.var-swipe--indicators-vertical{bottom:50%;flex-direction:column;left:var(--swipe-indicators-offset);transform:translateY(50%)}.var-swipe--indicator-active{opacity:1}.var-swipe--indicator-vertical{margin:var(--swipe-indicator-offset) 0}.var-swipe--navigation-vertical-prev{left:50%;right:unset;top:0;transform:translate(-50%,var(--swipe-navigation-prev-top))}.var-swipe--navigation-vertical-next{bottom:0;left:50%;right:unset;top:unset;transform:translate(-50%,calc(var(--swipe-navigation-next-bottom)*-1))}.var-swipe--navigation-prev-animation-enter-active,.var-swipe--navigation-prev-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-prev-animation-enter-from,.var-swipe--navigation-prev-animation-leave-to{transform:translate(-100%,-50%)}.var-swipe--navigation-next-animation-enter-active,.var-swipe--navigation-next-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-next-animation-enter-from,.var-swipe--navigation-next-animation-leave-to{transform:translate(100%,-50%)}.var-swipe--navigation-vertical-prev-animation-enter-active,.var-swipe--navigation-vertical-prev-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-vertical-prev-animation-enter-from,.var-swipe--navigation-vertical-prev-animation-leave-to{transform:translate(-50%,-100%)}.var-swipe--navigation-vertical-next-animation-enter-active,.var-swipe--navigation-vertical-next-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-vertical-next-animation-enter-from,.var-swipe--navigation-vertical-next-animation-leave-to{transform:translate(-50%,100%)}