:host,:root{--xzx-progress-height:6px;--xzx-progress-color:var(--xzx-color-primary);--xzx-progress-inactive-color:var(--xzx-gray-5);--xzx-progress-background:var(--xzx-gray-3);--xzx-progress-pivot-padding:0 var(--xzx-padding-xs);--xzx-progress-pivot-text-color:var(--xzx-text-white-1);--xzx-progress-pivot-font-size:var(--xzx-text-sm);--xzx-progress-pivot-line-height:var(--xzx-text-lh-base);--xzx-progress-pivot-background:var(--xzx-color-primary)}.xzx-progress{align-items:center;display:flex}.xzx-progress__wrapper{background:var(--xzx-progress-background);border-radius:var(--xzx-progress-height);height:var(--xzx-progress-height);position:relative;width:100%}.xzx-progress__portion{background:var(--xzx-progress-color);border-radius:inherit;height:100%;left:0;position:absolute;transform-origin:0;transition:all var(--xzx-duration-base) var(--xzx-ease-out);width:100%}.xzx-progress__portion--inactive{background:var(--xzx-progress-inactive-color)}.xzx-progress__pivot{flex-shrink:0;font-size:var(--xzx-progress-pivot-font-size);line-height:var(--xzx-progress-pivot-line-height);min-width:2.6em;padding:var(--xzx-progress-pivot-padding);text-align:center;transition:all var(--xzx-duration-base) var(--xzx-ease-out)}.xzx-progress__pivot--inactive{color:var(--xzx-progress-inactive-color)}