.pf-fit-scale{--pf-fit-value: 50;--pf-fit-dot-color: #000000;--pf-fit-line-color: #D9D9D9;--pf-fit-text-color: currentColor;--pf-fit-heading-size: 13px;--pf-fit-label-size: 12px;--pf-fit-dot-size: 12px;--pf-fit-tick-height: .9rem;--pf-fit-line-height: .1rem;--pf-fit-current-position: 50%;--pf-fit-spacing-top: 12px;--pf-fit-spacing-bottom: 16px;width:100%;max-width:420px;margin-top:var(--pf-fit-spacing-top);margin-bottom:var(--pf-fit-spacing-bottom);color:var(--pf-fit-text-color);font:inherit}.pf-fit-scale__heading{margin:0 0 .8rem;color:var(--pf-fit-text-color);font-family:inherit;font-size:var(--pf-fit-heading-size);font-weight:inherit;line-height:1.3;letter-spacing:0}.pf-fit-scale__top-labels,.pf-fit-scale__bottom-labels{display:grid;align-items:center;color:var(--pf-fit-text-color);font-family:inherit;font-size:var(--pf-fit-label-size);line-height:1.4;letter-spacing:0}.pf-fit-scale__top-labels{grid-template-columns:1fr 1fr;margin-bottom:.8rem}.pf-fit-scale__top-labels span:last-child{text-align:right}.pf-fit-scale__bottom-labels{grid-template-columns:1fr auto 1fr;column-gap:1.2rem;margin-top:.9rem}.pf-fit-scale__bottom-labels span:nth-child(2){text-align:center}.pf-fit-scale__bottom-labels span:last-child{text-align:right}.pf-fit-scale__track-wrap{position:relative;height:1.8rem;margin-inline:calc(var(--pf-fit-dot-size) / 2)}.pf-fit-scale__track{position:absolute;top:50%;left:0;width:100%;height:var(--pf-fit-line-height);background-color:var(--pf-fit-line-color);transform:translateY(-50%)}.pf-fit-scale__tick{position:absolute;top:50%;left:var(--pf-fit-tick-position);width:var(--pf-fit-line-height);height:var(--pf-fit-tick-height);background-color:var(--pf-fit-line-color);transform:translate(-50%,-50%)}.pf-fit-scale__dot{position:absolute;top:50%;left:var(--pf-fit-current-position);width:var(--pf-fit-dot-size);height:var(--pf-fit-dot-size);border-radius:50%;background-color:var(--pf-fit-dot-color);transform:translate(-50%,-50%);transition:left .7s cubic-bezier(.22,1,.36,1)}.pf-fit-scale.is-ready{--pf-fit-current-position: calc(var(--pf-fit-value) * 1%)}@media screen and (max-width:749px){.pf-fit-scale{max-width:100%;margin-top:1rem;margin-bottom:1.4rem}.pf-fit-scale__bottom-labels{column-gap:.8rem}}@media(prefers-reduced-motion:reduce){.pf-fit-scale__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-fit-scale.css.map */
