.key-drills{gap:.625rem;margin:0;padding:0;list-style:none;display:grid;container:key-drills/inline-size}.key-drill{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.875rem 1rem;display:grid}.key-drill-words,.key-drill-pace{overflow-wrap:anywhere;gap:.25rem;min-inline-size:0;display:grid}.key-drill-name{color:var(--ui-ink);font-size:1rem;font-weight:600}.key-drill-line{color:var(--ui-muted);font-size:.875rem;line-height:1.45}.key-drill-now{font-family:var(--mono);overflow-wrap:anywhere;color:var(--ui-ink);font-size:.8125rem;font-weight:600}.key-drill-pace{align-self:start;justify-items:end}.key-drill-tempo,.key-drill-level{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ui-muted);font-size:.6875rem}.key-drill-level{background:var(--ground2);border-radius:6px;padding:.0625rem .5rem}@media (max-width:30rem){.key-drill{grid-template-columns:auto minmax(0,1fr);align-items:start}.key-drill-pace{flex-wrap:wrap;grid-column:2;justify-items:start;gap:.5rem;display:flex}}@container key-drills (max-width:12rem){.key-drill{grid-template-columns:minmax(0,1fr)}.key-drill-pace{grid-column:1;justify-items:start}}