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