._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:#707070;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:#707070;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{border-radius:12px 0 0 12px;gap:0;padding:8px}
._3f4il3a{padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:700;line-height:24px}
._3f4il3a:focus-visible{outline-offset:2px;outline:2px solid #0968f8}
._3f4il3b{color:#fff;background:#0968f8}
._3f4il3b:hover{color:#fff;background:#0758d8}
._3f4il3c{justify-content:center}
._3f4il3d{flex:0 auto;justify-content:center}
._3f4il3e{color:#707070;flex-shrink:0;font-family:PT Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}
._3f4il3e[data-tone=good]{color:#087a46}
._3f4il3e[data-tone=needs]{color:#fe9a2c}
._3f4il3e[data-tone=poor]{color:#b72f15}
._3f4il3f{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}
._3f4il3g{flex:1;align-items:center;gap:8px;min-width:0;display:inline-flex}
._3f4il3g>span:last-child{overflow-wrap:anywhere;white-space:normal;min-width:0}
._3f4il3h>span:last-child{overflow-wrap:normal;white-space:nowrap}
._3f4il3i{background:#e9e9e6;border-radius:12px;width:100%;height:4px;overflow:hidden}
._3f4il3j{border-radius:inherit;background:#bab8b4;height:100%;display:block}
._3f4il3j[data-tone=good]{background:#11ba6e}
._3f4il3j[data-tone=needs]{background:#fe9a2c}
._3f4il3j[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}._3f4il39{border-radius:12px 12px 0 0}}