main.tp .tp-sc-msg{background:var(--tp-lime);width:fit-content;max-width:90%;color:var(--tp-lime-ink);font:500 15px/1.4 var(--tp-sans);border-radius:16px 16px 4px;margin:0 0 16px auto;padding:10px 14px}main.tp .tp-sc-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}main.tp .tp-sc-ring{width:108px;height:108px;position:relative}main.tp .tp-sc-ring svg{width:100%;height:100%;rotate:-90deg}main.tp .tp-sc-ring circle{fill:none;stroke-width:10px}main.tp .tp-sc-ring .bg{stroke:var(--tp-dark-2)}main.tp .tp-sc-ring .fg{stroke:var(--tp-lime);stroke-linecap:round}main.tp .tp-sc-ring b{color:var(--tp-on-dark);font:800 40px/1 var(--tp-ui);letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-content:center;place-items:center;display:grid;position:absolute;inset:0}main.tp .tp-sc-ring small{color:var(--tp-dark-muted);font:700 12px/1 var(--tp-ui);letter-spacing:0;margin-top:2px}main.tp .tp-sc-tier{color:var(--tp-on-dark);font:700 22px/1.1 var(--tp-ui);letter-spacing:-.02em}main.tp .tp-sc-roast{color:var(--tp-dark-muted);font:400 15px/1.45 var(--tp-sans);margin-top:6px}main.tp .tp-sc-parts{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}main.tp .tp-sc-parts li{grid-template-columns:92px minmax(0,1fr) 40px;align-items:center;gap:4px 10px;margin:0;padding:0;display:grid}main.tp .tp-sc-parts li:before{content:none}main.tp .tp-sc-parts b{color:var(--tp-on-dark);font:700 13px/1 var(--tp-ui)}main.tp .tp-sc-parts em{color:var(--tp-dark-muted);font:700 12px/1 var(--tp-ui);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}main.tp .tp-sc-parts small{color:var(--tp-dark-muted);font:400 12.5px/1.35 var(--tp-sans);grid-column:2/4}main.tp .tp-sc-bar{background:var(--tp-dark-2);border-radius:4px;height:7px;overflow:hidden}main.tp .tp-sc-bar i{background:var(--tp-lav-on-dark);border-radius:4px;height:100%;display:block}@media (max-width:1023px){main.tp .tp-sc-parts small{display:none}}