.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:fit-content;gap:1rem;border-radius:1rem;border:1px solid #404040;padding:0 .5rem .5rem}.dock-item,.dock-panel{background-color:#111212}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #616161;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.active{border-color:#ffffff;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),0 8px 24px rgba(0,0,0,.3)}.dock-item.active .dock-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.5rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#111212;padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translateX(-50%)}