.roast-meter{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem 1rem;margin:1.5rem 0;font-size:1.4rem;line-height:1.2}.roast-meter__label{font-weight:600;letter-spacing:.02em;line-height:1.5rem}.roast-meter__value{white-space:nowrap}.roast-meter__scale{display:inline-flex;flex-direction:column;gap:.5rem}.roast-meter__track{display:inline-flex;align-items:center;gap:.4rem;height:1.5rem}.roast-meter__bean{width:1.5rem;height:1.5rem;border-radius:50%;border:.2rem solid rgba(120,84,56,.45);background:transparent;flex:0 0 auto;box-sizing:border-box}.roast-meter__bean.is-filled{border-color:transparent}.roast-meter__bean.is-filled:nth-child(1){background:#d3b088}.roast-meter__bean.is-filled:nth-child(2){background:#bd8a56}.roast-meter__bean.is-filled:nth-child(3){background:#9c6438}.roast-meter__bean.is-filled:nth-child(4){background:#6f4325}.roast-meter__bean.is-filled:nth-child(5){background:#45291a}.roast-meter__ends{display:flex;justify-content:space-between;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.roast-meter--compact{display:inline-flex;align-items:center;gap:.35rem .55rem;margin:.6rem 0 0;font-size:1.2rem}.roast-meter--compact .roast-meter__label{font-weight:500;opacity:.9;line-height:1.2}.roast-meter--compact .roast-meter__bean{width:1rem;height:1rem;border-width:.15rem}@media screen and (max-width:749px){.roast-meter--compact{font-size:1.1rem}.roast-meter--compact .roast-meter__bean{width:.9rem;height:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-roast-level.css.map */