.rr-bars{margin-block:0 2.4rem;border-block-start:.1rem solid rgba(var(--color-foreground),.14)}.rr-bars__head{margin:0;padding-block:1.8rem .4rem;font-family:var(--font-button-family);font-size:var(--font-size-static-xxs);letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.38)}.rr-bars__row{padding-block:1.6rem;border-block-end:.1rem solid rgba(var(--color-foreground),.1)}.rr-bars__row:last-child{border-block-end:0}.rr-bars__top{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-block-end:1.2rem}.rr-bars__title{font-family:var(--font-button-family);font-size:var(--font-size-static-xs);letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--color-foreground),.9)}.rr-bars__caption{font-size:var(--font-size-static-xs);line-height:1.4;text-align:end;color:rgba(var(--color-foreground),.45)}.rr-bars__track{position:relative;height:.2rem;background:rgba(var(--color-foreground),.16)}.rr-bars__fill{position:absolute;inset-block:0;inset-inline-start:var(--rr-bar-start, 0%);width:var(--rr-bar-span, 0%);background:var(--rr-brand-accent, #1FC768);transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.rr-bars.is-in .rr-bars__fill{transform:scaleX(1)}.rr-bars__fill:before,.rr-bars__fill:after{content:"";position:absolute;inset-block-start:50%;width:.7rem;height:.7rem;border-radius:50%;background:var(--rr-brand-accent, #1FC768);transform:translateY(-50%)}.rr-bars__fill:before{inset-inline-start:0}.rr-bars__fill:after{inset-inline-end:0}.rr-bars__scale{display:flex;justify-content:space-between;gap:.8rem;margin-block-start:.9rem;font-family:var(--font-button-family);font-size:var(--font-size-static-xxs);letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.3)}.rr-bars__scale span:first-child{text-align:start}.rr-bars__scale span:last-child{text-align:end}@media(prefers-reduced-motion:reduce){.rr-bars__fill{transition:none;transform:scaleX(1)}}@media screen and (max-width:480px){.rr-bars__top{flex-direction:column;gap:.4rem}.rr-bars__caption{text-align:start}.rr-bars__scale span:nth-child(2n){display:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/rr-bars.css.map */