.cms-dials{--_ac:var(--dial-accent,var(--_t-ac,currentColor));--_track:var(--dial-track,var(--_t-track,color-mix(in srgb,currentColor 12%,transparent)));--_tick:var(--dial-tick,var(--_t-tick,color-mix(in srgb,currentColor 40%,transparent)));--_surface:var(--dial-surface,var(--_t-surface,color-mix(in srgb,currentColor 4%,transparent)));--_line:var(--dial-line,var(--_t-line,color-mix(in srgb,currentColor 14%,transparent)));--_muted:var(--dial-muted,var(--_t-muted,color-mix(in srgb,currentColor 74%,transparent)));--_size:10.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--_size) + 1.5rem)),1fr));gap:clamp(32px,4vw,56px) clamp(16px,3vw,32px);margin:0;padding:0;list-style:none}.cms-dials--s{--_size:8rem}.cms-dials--l{--_size:13rem}@media(max-width:30em){.cms-dials--s{--_size:6.5rem}.cms-dials--m{--_size:8.5rem}.cms-dials--l{--_size:10.5rem}.cms-dials{column-gap:12px}}.cms-dials-wrap .cms-head{max-width:48rem;margin-bottom:clamp(32px,4vw,56px)}.cms-dials-wrap .cms-empty-hint{padding:24px;border:1px dashed currentColor;border-radius:8px;opacity:.7}.cms-dials__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cms-dial{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;margin:0;text-align:center}.cms-dial__gauge{position:relative;display:grid;place-items:center;width:var(--_size);max-width:100%;aspect-ratio:1;margin-bottom:calc(var(--_size) * -.07);container-type:inline-size}.cms-dial__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cms-dials .cms-dial__ticks{fill:none;stroke:var(--_tick);stroke-width:1.2;stroke-linecap:round}.cms-dials .cms-dial__track{fill:none;stroke:var(--_track);stroke-width:6;stroke-linecap:round}.cms-dials .cms-dial__arc{fill:none;stroke:var(--_ac);stroke-width:8;stroke-linecap:round}.cms-dials .cms-dial__hub{fill:var(--_surface);stroke:var(--_line);stroke-width:1}.cms-dials--ticks .cms-dial__ticks{stroke-width:2}.cms-dials--ticks .cms-dial__ticks--on{stroke:var(--_ac);stroke-width:3.2}.cms-dials--minimal .cms-dial__track{stroke-width:2.5}.cms-dials--minimal .cms-dial__arc{stroke-width:5.5}.cms-dial__value{position:relative;display:flex;align-items:baseline;justify-content:center;max-width:78cqi;color:var(--dial-ink,var(--_t-ink));font-family:var(--dial-font,var(--_t-font));font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.cms-dial__value.l1{font-size:32cqi}.cms-dial__value.l2{font-size:25cqi}.cms-dial__value.l3{font-size:20cqi}.cms-dial__value.l4{font-size:15.5cqi}.cms-dial__value.l5{font-size:12cqi}.cms-dial__unit{margin-left:.1em;font-size:.56em;font-weight:500;letter-spacing:0}.cms-dial__caption{max-width:16em;margin:0;color:var(--dial-ink,var(--_t-ink));font-weight:650;line-height:1.3;text-wrap:balance}.cms-dial__text{max-width:18em;margin:0;color:var(--_muted);font-size:.875em;line-height:1.45;text-wrap:balance}@media screen and (scripting:enabled)and (prefers-reduced-motion:no-preference){[data-dials] .cms-dial__arc{transition:stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1),opacity .2s}[data-dials] .cms-dial__ticks--on{transition:opacity 1s ease}[data-dials]:not(.is-in) .cms-dial__arc{stroke-dasharray:0 200;opacity:0}[data-dials]:not(.is-in) .cms-dial__ticks--on{opacity:0}}@media(forced-colors:active){.cms-dials :is(.cms-dial__track,.cms-dial__ticks,.cms-dial__hub){stroke:CanvasText}.cms-dials :is(.cms-dial__arc,.cms-dial__ticks--on){stroke:Highlight}.cms-dials .cms-dial__hub{fill:Canvas}}.cms-dials--t-basis{--_t-ac:var(--b-link);--_t-track:var(--b-surface-2);--_t-tick:var(--b-line-strong);--_t-surface:var(--b-card);--_t-line:var(--b-card-bd);--_t-ink:var(--b-ink);--_t-muted:var(--b-muted);--_t-font:var(--b-font-head)}.cms-dials--t-fluid{--_t-ac:var(--f-link);--_t-track:var(--f-surface-2);--_t-tick:var(--f-line-strong);--_t-surface:var(--f-card);--_t-line:var(--f-line);--_t-ink:var(--f-ink);--_t-muted:var(--f-muted);--_t-font:var(--f-font-head)}.cms-dials--t-editorial{--_t-ac:var(--e-kick);--_t-track:var(--e-surface-2);--_t-tick:var(--e-line-strong);--_t-surface:var(--e-box);--_t-line:var(--e-line);--_t-ink:var(--e-ink);--_t-muted:var(--e-muted);--_t-font:var(--e-font-display)}.cms-dials--t-essenz{--_t-ac:var(--e-ui,var(--e-a));--_t-track:var(--e-surface-2);--_t-tick:var(--e-line-strong);--_t-surface:var(--e-card);--_t-line:var(--e-line);--_t-ink:var(--e-ink);--_t-muted:var(--e-muted);--_t-font:var(--e-font-mono)}.cms-dials--t-essenz .cms-dial__value{font-weight:500;letter-spacing:-.03em}:is(.cms-dials--t-praxis,.cms-dials--t-studio){--_t-ac:var(--c-bordeaux);--_t-track:var(--c-rose-2);--_t-tick:var(--c-input);--_t-surface:var(--c-white);--_t-line:var(--c-line);--_t-ink:var(--c-ink);--_t-muted:var(--c-text-2);--_t-font:var(--font)}:is(.cms-dials--t-praxis,.cms-dials--t-studio) .cms-dial__value{font-weight:700;letter-spacing:-.04em}:is(.bg-bordeaux,.bg-dark) :is(.cms-dials--t-praxis,.cms-dials--t-studio){--_t-ac:var(--c-apricot);--_t-track:rgb(255 255 255/.16);--_t-tick:rgb(255 255 255/.42);--_t-surface:rgb(255 255 255/.06);--_t-line:rgb(255 255 255/.2);--_t-ink:#fff;--_t-muted:var(--c-on-dark)}
