.ph-scale{padding:var(--padding-grid-32) 0}.ph-scale__heading{display:flex;align-items:center;font-size:var(--text-size-body-s);line-height:var(--text-line-height-s);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;margin-bottom:var(--padding-grid-16);color:var(--color-black)}.ph-scale__container{position:relative;width:100%}.ph-scale__ruler{display:flex;height:24px;justify-content:space-between;align-items:center;align-self:stretch;position:relative;margin-bottom:calc(var(--padding-grid-32) + var(--space-m-l, var(--space-m)))}.ph-scale__tick{display:flex;padding:var(--padding-grid-4) var(--padding-grid-10);flex-direction:column;justify-content:center;align-items:center;gap:var(--padding-grid-10);flex:1 0 0;align-self:stretch;border-left:var(--border-weight-s) solid var(--color-black);border-bottom:var(--border-weight-s) solid var(--color-black);position:relative}.ph-scale__ruler .ph-scale__tick:last-of-type{border-right:var(--border-weight-s) solid var(--color-black)}.ph-scale__ruler .ph-scale__tick:nth-child(14){border-right:var(--border-weight-s) solid var(--color-black)}.ph-scale__number{display:flex;padding:var(--padding-grid-4) 0;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;font-family:var(--font-navigation);font-size:var(--text-size-body-xs);color:var(--color-black);-webkit-user-select:none;user-select:none;white-space:nowrap}.ph-scale__indicator{position:absolute;left:0;top:100%;margin-top:var(--padding-grid-8);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--padding-grid-4);transition:left .3s ease}.ph-scale__arrow{width:21px;height:10px;flex-shrink:0;fill:rgb(var(--color-foreground))}.ph-scale__label{text-align:center;font-family:var(--font-navigation);font-size:var(--text-size-nav-s);font-weight:400;line-height:normal;letter-spacing:var(--text-letter-spacing-l);color:var(--color-black);white-space:nowrap}@media(max-width:440px){.ph-scale__tick{padding:var(--padding-grid-4) var(--padding-grid-4)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ph-scale.css.map */