.btn-icon{width:var(--hoehe-36);height:var(--hoehe-36);background:var(--flaeche);color:var(--text-2);border:1px solid var(--border-stark);border-radius:var(--radius-8);cursor:pointer;box-shadow:var(--schatten-1);transition:background-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);flex:none;place-items:center;padding:0;display:inline-grid}.btn-icon-32{width:var(--hoehe-32);height:var(--hoehe-32)}.btn-icon:not(:disabled):active{transform:scale(.97)}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.btn-icon.laedt{pointer-events:none}.btn-icon.laedt .icon{animation:.8s linear infinite drehen}.btn-icon.gedrueckt{color:var(--akzent-text);background:var(--akzent-tint)}.btn-icon-ki{isolation:isolate;background:var(--flaeche);color:var(--akzent-text);border-color:var(--akzent-border);box-shadow:var(--schatten-1), inset 0 0 12px var(--ki-halo)}.btn-icon-ki:not(:disabled):active{background:var(--akzent-tint)}.btn-icon-ki .icon{filter:drop-shadow(0 0 3px var(--ki-halo-stark))}.btn-icon-ki-schein{border-radius:inherit;box-shadow:0 0 6px var(--ki-halo);opacity:.35;pointer-events:none;z-index:-1;transition:opacity var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus);position:absolute;inset:0}.btn-icon-ki.laedt .btn-icon-ki-schein{box-shadow:0 0 12px var(--ki-halo-stark);animation:ki-schein-atmen var(--dauer-ki-atem) ease-in-out infinite alternate;will-change:opacity}.ki-ruhig .btn-icon-ki.laedt .btn-icon-ki-schein{animation:none}.btn-icon-primaer{background:var(--akzent);color:var(--auf-akzent);border-color:#0000}.btn-icon-primaer:not(:disabled):active{background:var(--akzent-aktiv)}@media (hover:hover) and (pointer:fine){.btn-icon-primaer:not(:disabled):hover{background:var(--akzent-hover)}}.kopier-knopf{width:22px;height:22px;box-shadow:none;color:var(--text-3);border-radius:var(--radius-8);background:0 0;border:0}.kopier-knopf .icon{width:13px;height:13px}.kopier-knopf.kopiert{color:var(--ok-text)}@media (hover:hover) and (pointer:fine){.btn-icon:not(:disabled):hover{background:var(--flaeche-2);color:var(--text-1)}.btn-icon.gedrueckt:hover{background:var(--akzent-tint);color:var(--akzent-text)}.btn-icon-ki:not(:disabled):hover{background:var(--flaeche)}.btn-icon-ki:not(:disabled):hover .btn-icon-ki-schein{opacity:.7;box-shadow:0 0 10px var(--ki-halo)}}