.roast-level{padding:2rem 0;margin:.5rem 0}.roast-level__header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem}.roast-level__icon{display:flex;align-items:center;color:rgb(var(--color-foreground));width:2.2rem;height:2.2rem;border:.1rem solid rgba(var(--color-foreground),.75);border-radius:50%;justify-content:center}.roast-level__title{font-size:1.4rem;font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground))}.roast-level__info-icon{display:flex;align-items:center;color:rgba(var(--color-foreground),.45);cursor:help;margin-left:.2rem}.roast-level__bar{display:flex;width:100%;gap:.5rem;margin-bottom:.8rem;align-items:center}.roast-level__segment{flex:1;height:.8rem;border-radius:1rem;background-color:rgba(var(--color-foreground),.15);transition:background-color .3s ease}.roast-level__segment--filled{background-color:#4a2c17}.roast-level__segment--half{background:linear-gradient(to right,#4a2c17 50%,rgba(var(--color-foreground),.15) 50%)}.roast-level__labels{display:flex;justify-content:space-between;align-items:center}.roast-level__label{font-size:1.2rem;color:rgba(var(--color-foreground),.55);letter-spacing:.01em}.roast-level__label:nth-child(2){text-align:center}.roast-level__label:last-child{text-align:right}.roast-level__icon svg{width:1.4rem;height:1.4rem;display:block}.roast-level__info-icon svg{width:1.4rem;height:1.4rem;display:block}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-roast-level.css.map */