.g-pille{--ton: var(--g-ton-neutral);--ton-flaeche: var(--g-ton-neutral-flaeche);display:inline-flex;align-items:center;gap:var(--s2);height:calc(var(--einheit) * 7);padding:0 var(--s3);border-radius:var(--g-rund-voll);background:var(--ton-flaeche);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ton) 22%,transparent);color:var(--ton);font:550 var(--g-gr-klein) / 1 var(--g-schrift);letter-spacing:.01em;white-space:nowrap;transition:background var(--g-dauer-kurz) ease,box-shadow var(--g-dauer-kurz) ease,transform var(--g-dauer-kurz) var(--g-kurve)}.g-pille--positiv{--ton: var(--g-ton-positiv);--ton-flaeche: var(--g-ton-positiv-flaeche)}.g-pille--warn{--ton: var(--g-ton-warn);--ton-flaeche: var(--g-ton-warn-flaeche)}.g-pille--negativ{--ton: var(--g-ton-negativ);--ton-flaeche: var(--g-ton-negativ-flaeche)}.g-pille--info{--ton: var(--g-ton-info);--ton-flaeche: var(--g-ton-info-flaeche)}.g-pille--primaer{--ton: var(--g-text-auf-akzent);--ton-flaeche: var(--g-akzent-flaeche)}.g-pille--violett{--ton: var(--g-ton-violett);--ton-flaeche: var(--g-ton-violett-flaeche)}.g-pille--wahl{cursor:pointer}.g-pille--wahl>.g-i{width:var(--g-icon-klein);height:var(--g-icon-klein);opacity:.8;transition:transform var(--g-dauer) var(--g-kurve)}.g-pille--wahl:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ton) 50%,transparent)}.g-pille--wahl:active{transform:scale(.97)}.g-pille--wahl[aria-expanded=true]>.g-i{transform:rotate(180deg)}.g-pille.ist-neu{animation:g-pille-neu 600ms var(--g-kurve-feder)}@keyframes g-pille-neu{40%{transform:scale(1.06)}}.g-pille-menue .g-menue__punkt{justify-content:space-between}.g-pille-menue .g-menue__punkt>.g-i{width:var(--g-icon-klein);height:var(--g-icon-klein);color:var(--g-text-2);opacity:0}.g-pille-menue .g-menue__punkt[aria-checked=true]>.g-i{opacity:1}.g-pille.ist-laden{width:calc(var(--einheit) * 20);color:transparent;box-shadow:none;background:linear-gradient(90deg,var(--g-skelett) 0 40%,var(--g-skelett-licht) 50%,var(--g-skelett) 60% 100%) 0 0 / 200% 100%;animation:g-schimmer 1.4s linear infinite}.g-pille.ist-laden>*{visibility:hidden}.g-pille-menue{background:var(--g-pop-glas),var(--g-deckend-inhalt)}