.ds-eyebrow{font-family:var(--ds-eyebrow-schrift, ui-monospace, "Roboto Mono", "SFMono-Regular", Menlo, monospace);font-weight:var(--ds-eyebrow-gewicht, 400);text-transform:uppercase;margin:0}.ds-eyebrow--seite{letter-spacing:var(--ds-eyebrow-laufweite-seite, .4em)}.ds-eyebrow--karte{letter-spacing:var(--ds-eyebrow-laufweite-karte, .3em)}.ds-eyebrow--feld{letter-spacing:var(--ds-eyebrow-laufweite-feld, .1em)}.ds-eyebrow--sm{font-size:var(--ds-eyebrow-groesse-sm, .875rem)}.ds-eyebrow--md{font-size:var(--ds-eyebrow-groesse-md, 1rem)}.ds-eyebrow--lg{font-size:var(--ds-eyebrow-groesse-lg, 1.25rem)}.ds-eyebrow--betont{font-weight:var(--ds-eyebrow-gewicht-betont, 700)}:root{--ds-raum-1: .125rem;--ds-raum-2: .25rem;--ds-raum-3: .5rem;--ds-raum-4: .75rem;--ds-raum-5: 1rem;--ds-raum-6: 1.5rem;--ds-raum-7: 2rem;--ds-radius-sm: .25rem;--ds-radius-md: .375rem;--ds-radius-lg: .5rem;--ds-radius-rund: 9999px;--ds-schrift-mono: ui-monospace, "Roboto Mono", "SFMono-Regular", Menlo, monospace;--ds-groesse-sm: .875rem;--ds-groesse-xl: 1.5rem;--ds-gewicht-normal: 400;--ds-gewicht-fett: 700;--ds-laufweite-eng: .1em;--ds-laufweite-mittel: .3em;--ds-laufweite-weit: .4em;--ds-label-schrift: var(--ds-schrift-mono);--ds-label-groesse: var(--ds-groesse-sm);--ds-label-laufweite-seite: var(--ds-laufweite-weit);--ds-label-laufweite-karte: var(--ds-laufweite-mittel);--ds-label-laufweite-feld: var(--ds-laufweite-eng);--ds-farbe-handlung: #34d399;--ds-farbe-handlung-hover: #6ee7b7;--ds-farbe-auf-handlung: #052e16;--ds-farbe-zerstoerend-flaeche: #e11d48;--ds-farbe-zerstoerend-flaeche-hover: #f43f5e;--ds-farbe-zerstoerend-auf-flaeche: #ffffff;--ds-farbe-zerstoerend-schrift: #fb7185;--ds-farbe-zerstoerend-schrift-wach: #fda4af;--ds-farbe-rand-bedien-ruhe: rgb(113 113 122);--ds-farbe-rand-bedien-wach: rgb(212 212 216);--ds-farbe-rand-ruhe: rgb(63 63 70);--ds-farbe-rand-wach: rgb(161 161 170);--ds-farbe-schrift-ruhe: rgb(228 228 231);--ds-farbe-schrift-gedaempft: rgb(212 212 216);--ds-farbe-schrift-wach: rgb(244 244 245);--ds-farbe-schrift-fehler: rgb(248 113 113);--ds-farbe-gesperrt-flaeche: rgb(63 63 70);--ds-farbe-gesperrt-schrift: rgb(113 113 122);--ds-farbe-fokus: #34d399;--ds-flaeche-radius-klein: var(--ds-radius-sm);--ds-flaeche-radius-mittel: var(--ds-radius-lg);--ds-flaeche-radius-rund: var(--ds-radius-rund);--ds-text-gewicht-betont: var(--ds-gewicht-fett);--ds-text-gewicht-ruhe: var(--ds-gewicht-normal);--ds-text-groesse-begleit: var(--ds-groesse-sm);--ds-ziel-knapp-y: var(--ds-raum-2);--ds-ziel-knapp-x: var(--ds-raum-4);--ds-ziel-normal-y: var(--ds-raum-3);--ds-ziel-normal-x: var(--ds-raum-5);--ds-ziel-weit-y: var(--ds-raum-4);--ds-ziel-weit-x: 1.5rem;--ds-flaeche-polster-eng: var(--ds-raum-4);--ds-flaeche-polster-eng-breit: var(--ds-raum-5);--ds-flaeche-polster-normal: var(--ds-raum-5);--ds-flaeche-polster-normal-breit: var(--ds-raum-6);--ds-flaeche-polster-weit: var(--ds-raum-6);--ds-flaeche-polster-weit-breit: var(--ds-raum-7);--ds-oberflaeche-grund: rgb(9 9 11 / .85);--ds-oberflaeche-tafel: rgb(24 24 27 / .6);--ds-oberflaeche-hell: rgb(255 255 255 / .95);--ds-oberflaeche-rand: rgb(39 39 42 / .7);--ds-oberflaeche-vertieft: rgb(24 24 27);--ds-oberflaeche-rand-deckend: rgb(39 39 42);--ds-oberflaeche-rand-wach-deckend: rgb(113 113 122);--ds-farbe-schrift-platzhalter: rgb(161 161 170);--ds-farbe-schrift-leise: rgb(161 161 170);--ds-oberflaeche-rand-hell: rgb(228 228 231);--ds-oberflaeche-schrift-hell: rgb(24 24 27);--ds-oberflaeche-schein: 0 0 0 1px rgb(255 255 255 / .04), 0 2px 12px -4px rgb(255 255 255 / .05);--ds-rand-leise: 30%;--ds-rand-normal: 40%;--ds-rand-stark: 60%;--ds-flaeche-keine: 0%;--ds-flaeche-leise: 8%;--ds-flaeche-stark: 15%;--ds-eyebrow-schrift: var(--ds-label-schrift);--ds-eyebrow-groesse-sm: var(--ds-groesse-sm);--ds-eyebrow-groesse-md: 1rem;--ds-eyebrow-groesse-lg: 1.25rem;--ds-eyebrow-laufweite-seite: var(--ds-label-laufweite-seite);--ds-eyebrow-laufweite-karte: var(--ds-label-laufweite-karte);--ds-eyebrow-laufweite-feld: var(--ds-label-laufweite-feld);--ds-eyebrow-gewicht: var(--ds-gewicht-normal);--ds-eyebrow-gewicht-betont: var(--ds-gewicht-fett);--ds-button-schrift: var(--ds-label-schrift);--ds-button-laufweite: var(--ds-label-laufweite-feld);--ds-button-radius: var(--ds-flaeche-radius-klein);--ds-button-groesse: var(--ds-text-groesse-begleit);--ds-button-primary-gewicht: var(--ds-text-gewicht-betont);--ds-button-secondary-gewicht: var(--ds-text-gewicht-ruhe);--ds-button-quiet-gewicht: var(--ds-text-gewicht-ruhe);--ds-button-sm-py: var(--ds-ziel-knapp-y);--ds-button-sm-px: var(--ds-ziel-knapp-x);--ds-button-md-py: var(--ds-ziel-normal-y);--ds-button-md-px: var(--ds-ziel-normal-x);--ds-button-lg-py: var(--ds-ziel-weit-y);--ds-button-lg-px: var(--ds-ziel-weit-x);--ds-button-primary-flaeche: var(--ds-farbe-handlung);--ds-button-primary-flaeche-hover: var(--ds-farbe-handlung-hover);--ds-button-primary-schrift: var(--ds-farbe-auf-handlung);--ds-button-secondary-rand: var(--ds-farbe-rand-bedien-ruhe);--ds-button-secondary-schrift: var(--ds-farbe-schrift-gedaempft);--ds-button-secondary-rand-hover: var(--ds-farbe-rand-bedien-wach);--ds-button-secondary-schrift-hover: var(--ds-farbe-schrift-wach);--ds-button-quiet-schrift: var(--ds-farbe-schrift-ruhe);--ds-button-quiet-flaeche-hover: var(--ds-flaeche-leise);--ds-button-quiet-flaeche-gedrueckt: var(--ds-flaeche-stark);--ds-button-secondary-flaeche-gedrueckt: var(--ds-flaeche-stark);--ds-button-zerstoerend-flaeche: var(--ds-farbe-zerstoerend-flaeche);--ds-button-zerstoerend-flaeche-hover: var(--ds-farbe-zerstoerend-flaeche-hover);--ds-button-zerstoerend-auf-flaeche: var(--ds-farbe-zerstoerend-auf-flaeche);--ds-button-zerstoerend-schrift: var(--ds-farbe-zerstoerend-schrift);--ds-button-zerstoerend-schrift-wach: var(--ds-farbe-zerstoerend-schrift-wach);--ds-button-primary-flaeche-gedrueckt: color-mix( in srgb, var(--ds-farbe-handlung) 85%, black );--ds-button-gesperrt-flaeche: var(--ds-farbe-gesperrt-flaeche);--ds-button-gesperrt-schrift: var(--ds-farbe-gesperrt-schrift);--ds-button-fokus-farbe: var(--ds-farbe-fokus);--ds-button-fokus-breite: 2px;--ds-button-fokus-abstand: 2px;--ds-schalter-spur-breite: 2.5rem;--ds-schalter-spur-hoehe: 1.5rem;--ds-schalter-knopf: 1.25rem;--ds-schalter-radius: var(--ds-flaeche-radius-rund);--ds-schalter-abstand: var(--ds-raum-4);--ds-schalter-spur-aus: var(--ds-farbe-gesperrt-flaeche);--ds-schalter-knopf-aus: var(--ds-farbe-schrift-platzhalter);--ds-schalter-knopf-an: var(--ds-oberflaeche-schrift-hell);--ds-schalter-an-neutral: var(--ds-oberflaeche-rand-hell);--ds-schalter-an-zustimmung: var(--ds-farbe-handlung);--ds-schalter-an-warnung: var(--ds-farbe-schrift-fehler);--ds-schalter-name-schrift: var(--ds-farbe-schrift-wach);--ds-schalter-name-gewicht: var(--ds-text-gewicht-betont);--ds-schalter-beschreibung-schrift: var(--ds-farbe-schrift-leise);--ds-schalter-groesse: var(--ds-text-groesse-begleit);--ds-schalter-fokus-farbe: var(--ds-farbe-fokus);--ds-schalter-fokus-breite: var(--ds-button-fokus-breite);--ds-schalter-fokus-abstand: var(--ds-button-fokus-abstand);--ds-kreuzfeld-kante: 1.5rem;--ds-kreuzfeld-abstand: var(--ds-raum-4);--ds-kreuzfeld-radius: var(--ds-flaeche-radius-klein);--ds-kreuzfeld-rand-ruhe: var(--ds-feld-rand-ruhe);--ds-kreuzfeld-rand-wach: var(--ds-feld-rand-fokus);--ds-kreuzfeld-an: var(--ds-farbe-handlung);--ds-kreuzfeld-haken: var(--ds-oberflaeche-schrift-hell);--ds-kreuzfeld-schrift: var(--ds-farbe-schrift-ruhe);--ds-kreuzfeld-fokus-farbe: var(--ds-farbe-fokus);--ds-kreuzfeld-fokus-breite: var(--ds-button-fokus-breite);--ds-kreuzfeld-fokus-abstand: var(--ds-button-fokus-abstand);--ds-feld-grund: var(--ds-oberflaeche-vertieft);--ds-feld-rand-ruhe: var(--ds-farbe-rand-bedien-ruhe);--ds-feld-rand-fokus: var(--ds-farbe-rand-bedien-wach);--ds-feld-schrift: var(--ds-farbe-schrift-wach);--ds-feld-platzhalter: var(--ds-farbe-schrift-platzhalter);--ds-feld-radius: var(--ds-flaeche-radius-klein);--ds-feld-polster-y: var(--ds-ziel-normal-y);--ds-feld-polster-x: var(--ds-ziel-knapp-x);--ds-feld-fokus-farbe: var(--ds-farbe-fokus);--ds-feld-gesperrt-schrift: var(--ds-farbe-schrift-platzhalter);--ds-feld-fehler-schrift: var(--ds-farbe-schrift-fehler);--ds-ziffernfeld-groesse: var(--ds-groesse-xl);--ds-ziffernfeld-laufweite: .3em;--ds-ziffernfeld-ausrichtung: center;--ds-ziffernfeld-schrift-familie: var(--ds-label-schrift);--ds-feld-name-schrift-familie: var(--ds-label-schrift);--ds-feld-name-laufweite: var(--ds-label-laufweite-feld);--ds-feld-name-groesse: var(--ds-text-groesse-begleit);--ds-feld-name-gewicht: var(--ds-text-gewicht-ruhe);--ds-feld-name-schrift: var(--ds-farbe-schrift-leise);--ds-feld-fehler-groesse: var(--ds-text-groesse-begleit);--ds-feld-fehler-zeilenfall: 1.375;--ds-karte-radius: var(--ds-flaeche-radius-mittel);--ds-karte-grund: var(--ds-oberflaeche-grund);--ds-karte-tafel: var(--ds-oberflaeche-tafel);--ds-karte-hell: var(--ds-oberflaeche-hell);--ds-karte-rand: var(--ds-oberflaeche-rand);--ds-karte-rand-hell: var(--ds-oberflaeche-rand-hell);--ds-karte-schrift-hell: var(--ds-oberflaeche-schrift-hell);--ds-karte-schein: var(--ds-oberflaeche-schein);--ds-karte-eng: var(--ds-flaeche-polster-eng);--ds-karte-eng-breit: var(--ds-flaeche-polster-eng-breit);--ds-karte-normal: var(--ds-flaeche-polster-normal);--ds-karte-normal-breit: var(--ds-flaeche-polster-normal-breit);--ds-karte-weit: var(--ds-flaeche-polster-weit);--ds-karte-weit-breit: var(--ds-flaeche-polster-weit-breit);--ds-badge-schrift: var(--ds-label-schrift);--ds-badge-groesse: var(--ds-label-groesse);--ds-badge-laufweite: var(--ds-label-laufweite-feld);--ds-badge-radius: var(--ds-radius-rund);--ds-badge-abstand-symbol: var(--ds-raum-3);--ds-badge-quiet-py: var(--ds-raum-1);--ds-badge-quiet-px: var(--ds-raum-3);--ds-badge-quiet-rand: var(--ds-rand-leise);--ds-badge-quiet-flaeche: var(--ds-flaeche-keine);--ds-badge-toned-py: var(--ds-raum-2);--ds-badge-toned-px: var(--ds-raum-4);--ds-badge-toned-rand: var(--ds-rand-normal);--ds-badge-toned-flaeche: var(--ds-flaeche-leise);--ds-badge-loud-py: var(--ds-raum-3);--ds-badge-loud-px: var(--ds-raum-5);--ds-badge-loud-rand: var(--ds-rand-stark);--ds-badge-loud-flaeche: var(--ds-flaeche-stark);--ds-badge-loud-gewicht: var(--ds-gewicht-fett)}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--ds-button-radius, .25rem);border:1px solid transparent;font-size:var(--ds-button-groesse, .875rem);letter-spacing:var(--ds-button-laufweite, .1em);line-height:1.2;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ds-button:focus-visible{outline:var(--ds-button-fokus-breite, 2px) solid var(--ds-button-fokus-farbe, #34d399);outline-offset:var(--ds-button-fokus-abstand, 2px)}.ds-button--sm{padding:var(--ds-button-sm-py, .25rem) var(--ds-button-sm-px, .75rem)}.ds-button--md{padding:var(--ds-button-md-py, .5rem) var(--ds-button-md-px, 1rem)}.ds-button--lg{padding:var(--ds-button-lg-py, .75rem) var(--ds-button-lg-px, 1.5rem)}.ds-button--primary{font-weight:var(--ds-button-primary-gewicht, 700);background-color:var(--ds-button-primary-flaeche, #34d399);color:var(--ds-button-primary-schrift, #052e16)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]),.ds-button--primary.ds-zeige-hover{background-color:var(--ds-button-primary-flaeche-hover, #6ee7b7)}.ds-button:active:not(:disabled):not([aria-disabled=true]){transition-duration:0s}.ds-button--primary:active:not(:disabled):not([aria-disabled=true]),.ds-button--primary.ds-zeige-gedrueckt{background-color:var(--ds-button-primary-flaeche-gedrueckt)}.ds-button--secondary{background-color:transparent;font-weight:var(--ds-button-secondary-gewicht, 400);border-color:var(--ds-button-secondary-rand, rgb(113 113 122));color:var(--ds-button-secondary-schrift, rgb(212 212 216))}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]),.ds-button--secondary.ds-zeige-hover{border-color:var(--ds-button-secondary-rand-hover, rgb(212 212 216));color:var(--ds-button-secondary-schrift-hover, rgb(244 244 245))}.ds-button--secondary:active:not(:disabled):not([aria-disabled=true]),.ds-button--secondary.ds-zeige-gedrueckt{background-color:color-mix(in srgb,currentColor var(--ds-button-secondary-flaeche-gedrueckt, 15%),transparent)}.ds-button--quiet{background-color:transparent;font-weight:var(--ds-button-quiet-gewicht, 400);color:var(--ds-button-quiet-schrift, rgb(228 228 231))}.ds-button--quiet:hover:not(:disabled):not([aria-disabled=true]),.ds-button--quiet.ds-zeige-hover{background-color:color-mix(in srgb,currentColor var(--ds-button-quiet-flaeche-hover, 8%),transparent)}.ds-button--quiet:active:not(:disabled):not([aria-disabled=true]),.ds-button--quiet.ds-zeige-gedrueckt{background-color:color-mix(in srgb,currentColor var(--ds-button-quiet-flaeche-gedrueckt, 15%),transparent)}.ds-button--zerstoerend{--ds-button-primary-flaeche: var(--ds-button-zerstoerend-flaeche, #e11d48);--ds-button-primary-flaeche-hover: var(--ds-button-zerstoerend-flaeche-hover, #f43f5e);--ds-button-primary-schrift: var(--ds-button-zerstoerend-auf-flaeche, #ffffff);--ds-button-secondary-schrift: var(--ds-button-zerstoerend-schrift, #fb7185);--ds-button-secondary-schrift-hover: var(--ds-button-zerstoerend-schrift-wach, #fda4af);--ds-button-quiet-schrift: var(--ds-button-zerstoerend-schrift, #fb7185)}.ds-button:disabled,.ds-button[aria-disabled=true]{background-color:var(--ds-button-gesperrt-flaeche, rgb(63 63 70));border-color:transparent;color:var(--ds-button-gesperrt-schrift, rgb(113 113 122));cursor:not-allowed}