.length-scale{--ls-accent: #3f5147;--ls-bar: rgba(var(--color-foreground), .18);--ls-fill: #716a56;border-top:.1rem solid rgba(var(--color-foreground),.12)}.length-scale__heading{margin:0;max-width:20ch;text-wrap:balance}.length-scale__intro{margin-top:1.6rem;max-width:58ch;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.82)}.length-scale__intro p{margin:0}.length-scale__list{margin:3.6rem 0 0;padding:0;list-style:none;display:grid;gap:2.4rem}.length-scale__item{display:grid;grid-template-columns:11rem 1fr;grid-template-areas:"name bar" "note note";align-items:center;gap:.8rem 1.6rem;min-width:0}.length-scale__name{grid-area:name;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:uppercase;letter-spacing:.08em;font-size:1.4rem}.length-scale__bar{grid-area:bar;display:block;height:.8rem;background:var(--ls-bar)}.length-scale__bar i{display:block;height:100%;width:var(--w);background:var(--ls-fill)}.length-scale__item--accent .length-scale__bar i{background:var(--ls-accent)}.length-scale__note{grid-area:note;font-size:1.4rem;color:rgba(var(--color-foreground),.68)}.length-scale__link{display:inline-block;margin-top:3.2rem;font-size:1.5rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.5rem;text-decoration-thickness:.1rem;text-decoration-color:rgba(var(--color-foreground),.35);transition:text-decoration-color var(--duration-short, .14s) ease}.length-scale__link:hover{text-decoration-color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.length-scale__list{grid-template-columns:repeat(3,1fr);gap:3.2rem;align-items:start}.length-scale__item{grid-template-columns:1fr;grid-template-areas:"name" "bar" "note";align-items:start;gap:1.2rem}.length-scale__intro{font-size:1.7rem}}@media screen and (prefers-reduced-motion:no-preference){.length-scale__bar i{animation:length-scale-draw .82s cubic-bezier(.16,1,.3,1) both}.length-scale__item:nth-child(2) .length-scale__bar i{animation-delay:90ms}.length-scale__item:nth-child(3) .length-scale__bar i{animation-delay:.18s}@keyframes length-scale-draw{0%{width:0}to{width:var(--w)}}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/length-scale.css.map */