.root{line-height:0;max-width:calc(var(--rs-unit-x2) * 15);overflow:hidden;margin-inline:calc(var(--rs-unit-x4) * -1);padding-inline:var(--rs-unit-x4);box-sizing:initial;mask-image:linear-gradient(to right,transparent 0,#000 var(--rs-unit-x4),#000 calc(100% - var(--rs-unit-x4)),transparent 100%)}.container{display:inline-flex;vertical-align:top;position:relative;transform:translateX(calc(var(--rs-unit-x4) * -1 * var(--rs-progress-indicator-mod)));transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform}.item{background:var(--rs-color-background-neutral);width:var(--rs-unit-x2);height:var(--rs-unit-x2);border-radius:var(--rs-radius-circular);margin-inline-start:var(--rs-unit-x2);transform:translateZ(0);transition:var(--rs-duration-medium) var(--rs-easing-decelerate);transition-property:transform,opacity,background-color,width}.item:first-child{margin-inline-start:0}.item.item--active{background:var(--rs-color-background-primary);width:var(--rs-unit-x6)}.item.item--variant-secondary{opacity:.5}.--color-media .item{background:var(--rs-color-white);opacity:.5}.--color-media .item.item--active{opacity:1}.--color-media .item.item--variant-secondary{opacity:.25}