.chew-meter{display:block;margin:1.6rem auto 2rem;max-width:34rem}.chew-meter__head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.8rem}.chew-meter__heading{font-size:1.3rem;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.chew-meter__value{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.chew-meter__track{position:relative;height:1rem;border-radius:1rem;background:rgba(var(--color-foreground),.08);overflow:visible}.chew-meter__fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:1rem;background:linear-gradient(90deg,#4ec3a7,#f2b53c 55%,#ef6a4b);background-size:var(--chew-track-size, 34rem) 100%}.chew-meter__cover{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.08)),rgb(var(--color-background));transform:translate(0);transition:transform 1.1s cubic-bezier(.4,0,.2,1);will-change:transform}.chew-meter__rail{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(0);transition:transform 1.1s cubic-bezier(.4,0,.2,1);will-change:transform;pointer-events:none}.chew-meter__bite{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .1rem .6rem rgba(var(--color-foreground),.25);color:#ef6a4b}.chew-meter--filled .chew-meter__cover{transform:translate(var(--chew-percent))}.chew-meter--filled .chew-meter__rail{transform:translate(min(var(--chew-percent),calc(100% - 1.2rem)))}.chew-meter--filled .chew-meter__bite{animation:chew-chomp .62s 1.1s ease-in-out 2}.chew-meter[data-level="1"] .chew-meter__bite{color:#3fae94}.chew-meter[data-level="2"] .chew-meter__bite{color:#d99b1f}@keyframes chew-chomp{0%,to{transform:scale(1)}40%{transform:scale(.82) rotate(-8deg)}70%{transform:scale(1.12) rotate(4deg)}}.chew-meter__scale{display:flex;justify-content:space-between;margin:.9rem 0 0;padding:0;list-style:none}.chew-meter__stop{flex:1;font-size:1.2rem;color:rgba(var(--color-foreground),.55);text-align:center}.chew-meter__stop:first-child{text-align:left}.chew-meter__stop:last-child{text-align:right}.chew-meter__stop--on{font-weight:600;color:rgb(var(--color-foreground))}.chew-meter__note{margin:.6rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}@media screen and (max-width:749px){.chew-meter{max-width:none}}@media(prefers-reduced-motion:reduce){.chew-meter__cover,.chew-meter__rail{transition:none}.chew-meter__fill{opacity:0;transition:opacity .5s linear}.chew-meter--filled .chew-meter__fill{opacity:1}.chew-meter--filled .chew-meter__bite{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/neo-chew-meter.css.map */