._wrapper_8kp2x_2{align-items:center;display:flex}._wrapper_8kp2x_2._small_8kp2x_6{gap:calc(.5 * var(--spaces))}._wrapper_8kp2x_2._small_8kp2x_6 ._bar_8kp2x_9{height:2px}._wrapper_8kp2x_2._small_8kp2x_6 ._startSlot_8kp2x_13,._wrapper_8kp2x_2._small_8kp2x_6 ._endSlot_8kp2x_14{font-size:.75rem}._wrapper_8kp2x_2._small_8kp2x_6 ._bottomSlot_8kp2x_18{margin-top:calc(.25 * var(--spaces));font-size:.625rem}._wrapper_8kp2x_2._small_8kp2x_6 ._topSlot_8kp2x_23{margin-bottom:calc(.25 * var(--spaces));font-size:.625rem}._wrapper_8kp2x_2._medium_8kp2x_29{gap:calc(1.5 * var(--spaces))}._wrapper_8kp2x_2._medium_8kp2x_29 ._bar_8kp2x_9{height:.25rem}._wrapper_8kp2x_2._large_8kp2x_37{gap:calc(1.5 * var(--spaces))}._wrapper_8kp2x_2._large_8kp2x_37 ._bar_8kp2x_9{height:.5rem}._wrapper_8kp2x_2._extraLarge_8kp2x_45{gap:calc(2 * var(--spaces))}._wrapper_8kp2x_2._extraLarge_8kp2x_45 ._bar_8kp2x_9{height:1rem}._wrapper_8kp2x_2._extraLarge_8kp2x_45 ._startSlot_8kp2x_13,._wrapper_8kp2x_2._extraLarge_8kp2x_45 ._endSlot_8kp2x_14,._wrapper_8kp2x_2._extraLarge_8kp2x_45 ._topSlot_8kp2x_23,._wrapper_8kp2x_2._extraLarge_8kp2x_45 ._bottomSlot_8kp2x_18{font-size:1rem}._bar_8kp2x_9{background-color:var(--bar-color);border-radius:var(--border-radius);width:100%;position:relative;overflow:hidden}._bar_8kp2x_9:before{content:"";background-color:var(--progress-color);border-radius:inherit;transform-origin:0;width:100%;height:100%;transition:transform var(--transition-duration-lg);display:block;top:0;left:0;transform:translate(-100%)}._topSlot_8kp2x_23:empty,._bottomSlot_8kp2x_18:empty{display:none}._topSlot_8kp2x_23{margin-bottom:calc(.5 * var(--spaces));font-size:.75rem}._bottomSlot_8kp2x_18{padding-top:calc(.5 * var(--spaces));font-size:.75rem}._startSlot_8kp2x_13,._endSlot_8kp2x_14{font-size:.875rem}._isMounted_8kp2x_108:before{transform:translateX(calc(-1% * (100 - var(--progress,0))))}