._3f4il30{background:#f2f2f2;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;max-width:100%;padding:4px;display:inline-grid}
._3f4il31{width:100%;display:grid}
._3f4il33{color:gray;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:20px;display:inline-flex}
._3f4il33:hover{color:#111;background:#1f1f1f08}
._3f4il33:disabled{opacity:.45;cursor:not-allowed}
._3f4il33:disabled:hover{color:gray;background:0 0}
._3f4il35{min-height:28px;padding:4px 8px}
._3f4il36{justify-content:space-between;min-height:56px;padding:1rem 1.5rem}
._3f4il37{flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:12px 16px}
._3f4il38{color:#111;background:#fff;box-shadow:0 2px 2px #0000000f}
._3f4il39{color:gray;flex-shrink:0;font-family:PT Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}
._3f4il39[data-tone=good]{color:#11ba6e}
._3f4il39[data-tone=needs]{color:#fe9a2c}
._3f4il39[data-tone=poor]{color:#ff532f}
._3f4il3a{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}
._3f4il3b{flex:1;align-items:center;gap:8px;min-width:0;display:inline-flex}
._3f4il3b>span:last-child{overflow-wrap:anywhere;white-space:normal;min-width:0}
._3f4il3c>span:last-child{overflow-wrap:normal;white-space:nowrap}
._3f4il3d{background:#e9e9e6;border-radius:12px;width:100%;height:4px;overflow:hidden}
._3f4il3e{border-radius:inherit;background:#bab8b4;height:100%;display:block}
._3f4il3e[data-tone=good]{background:#11ba6e}
._3f4il3e[data-tone=needs]{background:#fe9a2c}
._3f4il3e[data-tone=poor]{background:#ff532f}
@media screen and (max-width:640px){._3f4il31{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}._3f4il32{border-radius:10px;gap:3px;padding:3px}._3f4il34{border-radius:7px;min-height:40px;padding:4px 8px;font-size:.75rem}}