.kpm-rotary-control-widget,.kpm-rotary-control-widget__body{width:var(--kpm-size-full);height:var(--kpm-size-full);min-width:var(--kpm-space-0);min-height:var(--kpm-space-0)}.kpm-rotary-control-widget{container:kpm-rotary-control / size}.kpm-rotary-control-widget[data-widget-layout=rotary-control-tile]{grid-template-rows:var(--kpm-rotary-control-kpm-rotary-control-widget-data-widget-layout-rotary-control-tile-grid-template-rows)}.kpm-rotary-control-widget[data-widget-layout=rotary-control-tile]>.kpm-rotary-control-widget__body{width:auto;height:auto;padding:var(--kpm-rotary-control-idget-data-widget-layout-rotary-control-tile-kpm-rotary-control-widget-body-padding)}.kpm-rotary-control-widget__body{position:relative;display:grid;grid-template-rows:minmax(var(--kpm-space-0),var(--kpm-grid-track));padding:var(--kpm-rotary-control-padding);container:kpm-rotary-control-body / size;overflow:hidden}.kpm-rotary-scale{position:relative;width:var(--kpm-rotary-control-kpm-rotary-scale-width);height:var(--kpm-rotary-control-kpm-rotary-scale-height);max-width:var(--kpm-size-full);max-height:var(--kpm-size-full);aspect-ratio:var(--kpm-rotary-control-dial-aspect-ratio);place-self:center;color:var(--kpm-rotary-control-color)}.kpm-rotary-scale__label{position:absolute;z-index:var(--kpm-layer-decoration);top:var(--kpm-rotary-control-kpm-rotary-scale-label-top);left:var(--kpm-position-center);max-width:var(--kpm-rotary-control-kpm-rotary-scale-label-max-width);overflow:hidden;font-family:var(--kpm-font-family-heading);font-weight:var(--kpm-font-weight-bold);letter-spacing:var(--kpm-letter-spacing-label);line-height:var(--kpm-line-height-solid);text-overflow:var(--kpm-text-overflow-ellipsis);text-transform:var(--kpm-text-transform-uppercase);transform:var(--kpm-transform-center-x);white-space:var(--kpm-white-space-nowrap)}.kpm-rotary-scale__arc{position:absolute;inset:var(--kpm-rotary-control-arc-inset);border:var(--kpm-rotary-control-arc-width) var(--kpm-border-style) var(--kpm-color-gauge-track);border-radius:var(--kpm-radius-pill);clip-path:var(--kpm-rotary-control-arc-clip-path)}.kpm-rotary-scale__tick{position:absolute;inset:var(--kpm-space-0);transform:rotate(var(--kpm-rotary-tick-angle));transform-origin:var(--kpm-transform-origin-center);pointer-events:none}.kpm-rotary-scale__tick:before{position:absolute;top:var(--kpm-rotary-control-tick-inset);left:var(--kpm-rotary-control-tick-left);width:var(--kpm-rotary-control-tick-width);height:var(--kpm-rotary-control-tick-length);border-radius:var(--kpm-radius-pill);background:var(--kpm-color-border-strong);content:""}.kpm-rotary-scale__tick[data-active]:before{background:currentColor;box-shadow:var(--kpm-rotary-control-active-shadow)}.kpm-rotary-scale__tick-label{position:absolute;left:var(--kpm-rotary-tick-label-x);top:var(--kpm-rotary-tick-label-y);transform:var(--kpm-transform-center)}.kpm-rotary-scale__needle{position:absolute;inset:var(--kpm-space-0);transform:rotate(var(--kpm-rotary-needle-angle));transition:transform var(--kpm-duration-fast) var(--kpm-easing-move)}.kpm-rotary-scale__needle:before{position:absolute;bottom:var(--kpm-position-center);left:var(--kpm-position-center);width:var(--kpm-rotary-control-needle-width);height:var(--kpm-rotary-control-needle-length);border-radius:var(--kpm-radius-pill);background:currentColor;box-shadow:var(--kpm-rotary-control-active-shadow);content:"";transform:var(--kpm-rotary-control-kpm-rotary-scale-needle-before-transform)}.kpm-rotary-scale__value{position:absolute;left:var(--kpm-position-center);top:var(--kpm-rotary-control-kpm-rotary-scale-value-top);display:inline-flex;align-items:baseline;gap:var(--kpm-space-1);transform:var(--kpm-transform-center)}.kpm-rotary-control-widget[data-driver-control=abs] .kpm-rotary-scale{color:var(--kpm-rotary-control-abs-color)}.kpm-rotary-control-widget[data-driver-control=traction-control] .kpm-rotary-scale{color:var(--kpm-rotary-control-traction-color)}.kpm-rotary-control-widget[data-driver-control=brake-bias] .kpm-rotary-scale{color:var(--kpm-rotary-control-brake-bias-color)}.kpm-rotary-control-widget[data-widget-layout=rotary-control-wide] .kpm-rotary-control-widget__body{grid-template-columns:minmax(var(--kpm-space-0),var(--kpm-grid-track))}@media(prefers-reduced-motion:reduce){.kpm-rotary-scale__needle{transition-duration:var(--kpm-duration-instant)}}