:host,:root{--xzx-swipe-indicator-size:6px;--xzx-swipe-indicator-margin:12px;--xzx-swipe-indicator-active-opacity:1;--xzx-swipe-indicator-inactive-opacity:0.3;--xzx-swipe-indicator-active-background:var(--xzx-color-primary);--xzx-swipe-indicator-inactive-background:var(--xzx-gray-3)}.xzx-swipe-item{flex-shrink:0;height:100%;position:relative;width:100%}.xzx-swipe{cursor:grab;overflow:hidden;position:relative;transform:translateZ(0);-moz-user-select:none;user-select:none;-webkit-user-select:none}.xzx-swipe__track{display:flex;height:100%;transition-property:transform}.xzx-swipe__track--vertical{flex-direction:column}.xzx-swipe__indicators{bottom:var(--xzx-swipe-indicator-margin);display:flex;left:50%;position:absolute;transform:translateX(-50%)}.xzx-swipe__indicators--vertical{bottom:auto;flex-direction:column;left:var(--xzx-swipe-indicator-margin);top:50%;transform:translateY(-50%)}.xzx-swipe__indicators--vertical .xzx-swipe__indicator:not(:last-child){margin-bottom:var(--xzx-swipe-indicator-size)}.xzx-swipe__indicator{background-color:var(--xzx-swipe-indicator-inactive-background);border-radius:100%;height:var(--xzx-swipe-indicator-size);opacity:var(--xzx-swipe-indicator-inactive-opacity);transition:opacity var(--xzx-duration-fast),background-color var(--xzx-duration-fast);width:var(--xzx-swipe-indicator-size)}.xzx-swipe__indicator:not(:last-child){margin-right:var(--xzx-swipe-indicator-size)}.xzx-swipe__indicator--active{background-color:var(--xzx-swipe-indicator-active-background);opacity:var(--xzx-swipe-indicator-active-opacity)}