@layer components{.bk-bewegungs-schalter{--bk-schalter-breite:2.75rem;--bk-schalter-hoehe:1.5rem;--bk-schalter-rand:2px;flex-direction:column;gap:4px;display:inline-flex}.bk-bewegungs-schalter__knopf{min-height:44px;color:inherit;font:inherit;font-family:var(--bk-schrift-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 4px;font-size:.8125rem;display:inline-flex}.bk-bewegungs-schalter__knopf:focus-visible{outline:var(--bk-fokus-ring) solid var(--bk-fokus);outline-offset:3px}.bk-bewegungs-schalter__knopf[aria-disabled=true]{cursor:not-allowed}.bk-bewegungs-schalter__spur{inline-size:var(--bk-schalter-breite);block-size:var(--bk-schalter-hoehe);border:var(--bk-schalter-rand) solid currentColor;background:var(--bk-grund);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);position:relative}.bk-bewegungs-schalter__punkt{inline-size:calc(var(--bk-schalter-hoehe) - 2 * var(--bk-schalter-rand) - 6px);background:currentColor;position:absolute;inset-block:3px;inset-inline-start:3px}.bk-bewegungs-schalter__knopf[aria-checked=true] .bk-bewegungs-schalter__spur{background:var(--bk-signal);color:var(--bk-signal-text)}.bk-bewegungs-schalter__knopf[aria-checked=true] .bk-bewegungs-schalter__punkt{translate:calc(var(--bk-schalter-breite) - var(--bk-schalter-hoehe)) 0}.bk-bewegungs-schalter__zustand{min-inline-size:5ch}.bk-bewegungs-schalter__hinweis{color:var(--bk-text-leise);font-size:.8125rem}}@media (prefers-reduced-motion:no-preference){:root:not([data-bewegung=ruhig]) .bk-bewegungs-schalter__punkt{transition:translate var(--bk-dauer-zustand) var(--bk-kurve-aus)}}