.dock-outer{margin:0 auto;max-width:100%;align-items:flex-end;pointer-events:none}.dock-outer,.dock-panel{display:flex;justify-content:center}.dock-panel{position:relative;align-items:center;width:-moz-max-content;width:max-content;max-width:calc(100vw - 1.5rem);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.35rem;border-radius:9999px;background-color:rgba(17,24,39,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:.3rem .5rem;pointer-events:auto;box-shadow:0 10px 30px -5px rgba(0,0,0,.4),0 4px 12px -2px rgba(0,0,0,.2)}.dock-panel::-webkit-scrollbar{display:none}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background-color:transparent;border:none;cursor:pointer;outline:none;color:#9ca3af;flex-shrink:0;touch-action:manipulation;transition:background-color .2s ease,color .2s ease,transform .15s ease}.dock-item:hover{color:#f3f4f6}.dock-item.isActive{background-color:rgba(59,130,246,.25);color:#ffffff;border:1px solid rgba(59,130,246,.4)}.dock-item.isActive:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:9999px;background-color:#3b82f6}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-2.25rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:nowrap;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background-color:#111827;padding:.25rem .6rem;font-size:.7rem;font-weight:700;color:#ffffff;transform:translateX(-50%);box-shadow:0 4px 12px -2px rgba(0,0,0,.4);pointer-events:none;z-index:60}@media (max-width:640px){.dock-panel{gap:.25rem;padding:.25rem .4rem}}