.rudf-kurzhilfe{inline-size:max-content;max-inline-size:min(calc(var(--luft-5) * 18), calc(100vw - 2 * var(--luft-3)));padding:var(--luft-2) var(--luft-3);border:var(--strich-1) solid var(--rand-hoch);border-radius:var(--radius-1);background-color:var(--flaeche-hoch);color:var(--tinte);font-family:var(--schrift);font-size:var(--grad-klein);line-height:var(--zeilenhoehe-klein);font-weight:var(--gewicht-klein);overflow-wrap:anywhere}.rudf-kurzhilfe[role=tooltip]{box-shadow:var(--ebene-1)}.rudf-kurzhilfe[data-entering]{animation:rudf-kurzhilfe-ein var(--dauer-2) var(--kurve-standard)}@keyframes rudf-kurzhilfe-ein{0%{opacity:0}}.kundenmodus .rudf-kurzhilfe{display:none}.rudf-sinnbildknopf{min-inline-size:var(--hoehe-steuer);min-block-size:var(--hoehe-steuer);border:var(--strich-1) solid transparent;border-radius:var(--radius-2);color:var(--tinte-leise);box-shadow:inset 0 0 0 var(--strich-1) transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dauer-1) var(--kurve-standard);background-color:#0000;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.rudf-sinnbildknopf__zeichen{transition:opacity 0s linear var(--verzoegerung-kreisel);display:inline-flex}.rudf-sinnbildknopf--rand{border-color:var(--linie-stark);background-color:var(--flaeche);color:var(--tinte)}.rudf-sinnbildknopf--haupt{background-color:var(--akzent);color:var(--akzent-schrift)}.rudf-sinnbildknopf--klein{min-inline-size:var(--hoehe-steuer-klein);min-block-size:var(--hoehe-steuer-klein)}.rudf-sinnbildknopf:is([data-hovered],[data-rudf-zustand~=hover]){background-image:linear-gradient(var(--ueber-hover), var(--ueber-hover));color:var(--tinte)}.rudf-sinnbildknopf--haupt:is([data-hovered],[data-rudf-zustand~=hover]){color:var(--akzent-schrift)}.rudf-sinnbildknopf:is([data-pressed],[data-rudf-zustand~=druck]){background-image:linear-gradient(var(--ueber-druck), var(--ueber-druck))}.rudf-sinnbildknopf:is([data-focus-visible],[data-rudf-zustand~=fokus]){outline:var(--strich-2) solid var(--fokus);outline-offset:var(--strich-2)}.rudf-sinnbildknopf[aria-pressed=true]{background-color:var(--akzent-flaeche);color:var(--akzent);box-shadow:inset 0 0 0 var(--strich-1) var(--akzent)}.rudf-sinnbildknopf[data-disabled]{background-color:var(--flaeche-still);border-color:var(--linie);color:var(--tinte-aus);cursor:not-allowed;background-image:none}.rudf-sinnbildknopf[data-pending]{cursor:progress}.rudf-sinnbildknopf[data-pending] .rudf-sinnbildknopf__zeichen{opacity:0}.rudf-sinnbildknopf__kreisel{inline-size:var(--sinnbild);aspect-ratio:1;visibility:hidden;animation:rudf-sinnbildknopf-zeigen 0s linear var(--verzoegerung-kreisel) forwards, rudf-sinnbildknopf-drehen calc(var(--dauer-3) * 4) linear infinite;margin:auto;position:absolute;inset:0}@keyframes rudf-sinnbildknopf-zeigen{to{visibility:visible}}@keyframes rudf-sinnbildknopf-drehen{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rudf-sinnbildknopf__kreisel{animation:rudf-sinnbildknopf-zeigen 0s linear var(--verzoegerung-kreisel) forwards}}.rudf-sinnbildknopf-mit-grund{align-items:center;gap:var(--luft-3);max-inline-size:100%;display:inline-flex}.rudf-sinnbildknopf-mit-grund__satz{color:var(--tinte-leise);font-size:var(--grad-klein);line-height:var(--zeilenhoehe-klein);font-weight:var(--gewicht-klein)}
