.roast-level-text-display{padding:1rem}.roast-level-text-description{font-size:.95rem;line-height:1.5;color:rgba(var(--color-foreground),.75);margin-bottom:1rem}.roast-level-text-multiple-notice{font-size:.875rem;font-weight:500;color:rgba(var(--color-foreground),.8);background-color:rgba(var(--color-foreground),.05);padding:.75rem;border-radius:.35rem;margin-bottom:1.25rem;border-left:3px solid rgba(var(--color-button),.8)}.roast-level-text-items{display:flex;flex-direction:column;gap:1.5rem}.roast-level-text-item{width:100%}.roast-level-color-dot{display:inline-block;width:1.25rem;height:1.25rem;border-radius:50%;margin-right:.5rem;border:1px solid rgba(var(--color-foreground),.1);vertical-align:middle}.roast-level-name{font-weight:500;vertical-align:middle}.roast-level-numeric{font-weight:400;opacity:.7;margin-left:.25rem}.roast-level-progress{width:100%}.roast-level-progress-header{display:flex;align-items:center;margin-bottom:.5rem}.roast-level-progress-blocks{display:inline-flex;gap:2px;font-family:monospace;font-size:1.2rem;line-height:1}.roast-level-block{display:inline-block;width:1.2rem;height:1.2rem;background-color:rgba(var(--color-foreground),.1);border-radius:2px;transition:all .2s ease}.roast-level-block.filled{opacity:.9}.roast-level-scale{width:100%}.roast-level-scale-header{display:flex;align-items:center;margin-bottom:.5rem}.roast-level-scale-visual{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.roast-level-scale-label{font-family:var(--font-body--family);font-size:.875rem;color:rgba(var(--color-foreground),.7)}.roast-level-scale-bar{position:relative;font-family:monospace;font-size:1.1rem;letter-spacing:.05em;display:inline-block}.roast-level-scale-marker{position:absolute;top:-1.3rem;transform:translate(-50%);line-height:1;width:10%;text-align:center}.roast-level-scale-arrow{font-size:1.1rem;color:rgba(var(--color-foreground),.8);display:inline-block}@media screen and (max-width: 749px){.roast-level-text-display{padding:.75rem}.roast-level-text-items{gap:1.25rem}.roast-level-scale-visual{font-size:.8rem;gap:.5rem}.roast-level-scale-label{font-size:.75rem}.roast-level-progress-blocks{font-size:1rem}.roast-level-block{width:1rem;height:1rem}.roast-level-scale-bar{font-size:.9rem}}.color-scheme-2 .roast-level-block,.color-scheme-3 .roast-level-block,.color-scheme-4 .roast-level-block,.color-scheme-5 .roast-level-block{background-color:rgba(var(--color-foreground),.15)}.color-scheme-2 .roast-level-block.filled,.color-scheme-3 .roast-level-block.filled,.color-scheme-4 .roast-level-block.filled,.color-scheme-5 .roast-level-block.filled{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-roast-level-text.css.map */