.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:.75rem;border-radius:1rem;background-color:rgba(16,19,7,.72);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(244,242,234,.14);box-shadow:0 18px 40px -22px rgba(16,19,7,.7);padding:0 .5rem .5rem;pointer-events:auto}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background-color:#1a1c17;border:1px solid rgba(244,242,234,.1);color:#f4f2ea;box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.12);cursor:pointer;outline:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.dock-item:focus-visible,.dock-item:hover{color:#d7b26e;border-color:rgba(215,178,110,.55);background-color:#1e2118}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.6rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.5rem;border:1px solid rgba(244,242,234,.14);background-color:rgba(16,19,7,.92);padding:.15rem .55rem;font-size:.75rem;letter-spacing:.02em;color:#f4f2ea;transform:translateX(-50%)}