.tool-composition-table[data-v-cb5a8e8e]{max-height:24rem;min-width:0;overflow:auto}.tool-composition-table[data-v-cb5a8e8e]:focus-visible{outline:2px solid var(--primary-600);outline-offset:-2px}.tool-composition-table table[data-v-cb5a8e8e]{border-collapse:collapse;font-size:.9rem;width:100%}.tool-composition-table caption[data-v-cb5a8e8e]{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.tool-composition-table td[data-v-cb5a8e8e],.tool-composition-table th[data-v-cb5a8e8e]{border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;padding:.55rem;text-align:right}.tool-composition-table th[data-v-cb5a8e8e]:first-child{text-align:left}.tool-composition-table__swatch[data-v-cb5a8e8e]{border-radius:50%;display:inline-block;height:.7rem;margin-right:.35rem;width:.7rem}.tool-donut[data-v-22bdeeba]{margin:0;min-width:0}.tool-donut h3[data-v-22bdeeba]{color:var(--primary);font-size:1rem;margin:0}.tool-donut figcaption p[data-v-22bdeeba]{color:var(--muted);font-size:.9rem;margin:.35rem 0 0}.tool-donut__canvas[data-v-22bdeeba]{height:18rem;margin-top:1rem;position:relative;width:100%}.tool-donut__canvas[data-v-22bdeeba] canvas{height:100%!important;inset:0;position:absolute;width:100%!important}.tool-donut__data[data-v-22bdeeba]{color:var(--ink);margin-top:.75rem}@media(max-width:540px){.tool-donut__canvas[data-v-22bdeeba]{height:15rem}}