.tool[data-tool=reward-chart-maker] .reward{gap:var(--space-4);display:grid}.tool[data-tool=reward-chart-maker] .opts{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.tool[data-tool=reward-chart-maker] .opts .field{flex:10rem}.tool[data-tool=reward-chart-maker] .opts .wide,.tool[data-tool=reward-chart-maker] .opts .meta-line{flex:100%}.tool[data-tool=reward-chart-maker] .row-actions{gap:var(--space-2);display:flex}.tool[data-tool=reward-chart-maker] .chart-title{margin:0 0 var(--space-2);overflow-wrap:anywhere}.tool[data-tool=reward-chart-maker] .scroller{overflow-x:auto}.tool[data-tool=reward-chart-maker] .chart{border-collapse:separate;border-spacing:3px;font-size:var(--fs-sm)}.tool[data-tool=reward-chart-maker] .chart th,.tool[data-tool=reward-chart-maker] .chart td{text-align:center;padding:0;font-weight:500}.tool[data-tool=reward-chart-maker] .chart .task{text-align:start;min-inline-size:7rem;max-inline-size:12rem;overflow-wrap:anywhere;padding-inline-end:var(--space-2)}.tool[data-tool=reward-chart-maker] .box{border:2px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);block-size:44px;inline-size:44px;color:var(--c-primary);cursor:pointer;font-size:1.5rem;line-height:1}.tool[data-tool=reward-chart-maker] .box:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.tool[data-tool=reward-chart-maker] .sum{min-inline-size:3rem;font-weight:700}@media print{.tool[data-tool=reward-chart-maker] .no-print{display:none!important}.tool[data-tool=reward-chart-maker] .chart-title{font-size:1.6rem}.tool[data-tool=reward-chart-maker] .box{color:#000;background:#fff;border-color:#000}}