.roast-scale{display:block;width:100%;max-width:260px;line-height:1.2;text-align:left}.text-center .roast-scale,.roast-scale--center{margin-left:auto;margin-right:auto}.roast-scale__label{display:block;margin-bottom:4px;font-weight:600}.roast-scale__bar{position:relative;height:26px;margin:0 13px}.roast-scale__track{position:absolute;top:50%;left:0;right:0;height:10px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(to right,#dcd8d3 0% 10%,#c8c4bf 10% 20%,#b4b0ab 20% 30%,#a19b97 30% 40%,#8d8783 40% 50%,#797370 50% 60%,#655f5c 60% 70%,#524a48 70% 80%,#3e3634 80% 90%,#2a2220 90% 100%)}.roast-scale__marker{position:absolute;top:50%;left:var(--roast-pos, 50%);display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 2px;transform:translate(-50%,-50%);border:2px solid #2a2220;border-radius:2px;background:#fff;color:#2a2220;font-size:13px;font-weight:700;line-height:1}.roast-scale__ends{display:flex;justify-content:space-between;margin:2px 0 0;font-size:.75em;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.roast-scale-row{display:flex;align-items:center;gap:12px}.roast-scale-row__icon{flex:0 0 auto;width:30px;height:30px}
/*# sourceMappingURL=/cdn/shop/t/61/assets/roast-scale.css.map */