.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:9999px;background-color:rgba(11,15,25,.75);border:1px solid rgba(255,255,255,.08);padding:0 .75rem .5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 0 rgba(255,255,255,.1)}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;outline:none;transition:background-color .2s,border-color .2s,box-shadow .2s}.dock-item:focus,.dock-item:hover{background-color:rgba(255,255,255,.08);border-color:rgba(6,182,212,.4);box-shadow:0 0 15px rgba(6,182,212,.25)}.dock-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s}.dock-item:hover .dock-icon{transform:scale(1.05)}.dock-label{position:absolute;top:-2.5rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);background-color:rgba(11,15,25,.95);padding:.25rem .75rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:#fff;transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.5);pointer-events:none;z-index:100}.dock-outer:has(.navbar-dock){height:48px!important;margin:0;display:flex;align-items:center;justify-content:center}.dock-panel.navbar-dock{position:relative;bottom:auto;left:auto;transform:none;height:40px!important;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(11,15,25,.4);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px -5px rgba(0,0,0,.3),inset 0 1px 0 0 rgba(255,255,255,.05)}.dock-panel.navbar-dock:hover{background-color:rgba(11,15,25,.6);border-color:rgba(255,255,255,.08)}.dock-panel.navbar-dock .dock-item{border-radius:9999px;background-color:transparent;border:none;box-shadow:none}.dock-panel.navbar-dock .dock-item:focus,.dock-panel.navbar-dock .dock-item:hover{background-color:rgba(255,255,255,.06)}.dock-panel.navbar-dock .dock-label{top:auto;bottom:-2.5rem;background-color:rgba(11,15,25,.95);border:1px solid rgba(255,255,255,.08)}