.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;gap:1rem;border-radius:1rem;border:1px solid #222;padding:0 .5rem .5rem}.dock-item,.dock-panel{background-color:#120F17}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #222;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;outline:none}.dock-item-scale{width:100%;height:100%;will-change:transform}.dock-icon,.dock-item-scale{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.5rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#120F17;padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translateX(-50%)}.dock-trenner{width:1px;align-self:stretch;margin:8px 6px;background:var(--border-strong,rgba(255,255,255,.18));border-radius:1px;flex:0 0 auto}.dock-item.dock-punkte{color:var(--text-faint,#6A7480)}.dock-item.dock-punkte:hover{color:var(--text,#E7EDF4)}.dock-item.dock-punkte.an{color:var(--accent,#E9B657);border-color:color-mix(in srgb,var(--accent,#E9B657) 45%,transparent)!important}