.dock-outer{margin:0 .5rem;max-width:100%}.dock-outer,.dock-panel{display:flex;align-items:center;position:relative}.dock-panel{left:50%;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;gap:1rem;border-radius:1rem;background-color:rgba(15,15,26,.85)!important;border:1px solid hsla(0,0%,100%,.1);padding:.5rem;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.4);pointer-events:auto;transform-origin:bottom center}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,rgba(15,15,26,.9),hsla(0,0%,100%,.1));border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.1);cursor:pointer;outline:none;transition:all .2s ease}.dock-item:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 25px rgba(0,0,0,.2)}.dock-item:focus{border-color:hsla(0,0%,100%,.3);outline:2px solid hsla(0,0%,100%,.2);outline-offset:2px}.dock-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-label{position:absolute;top:-2rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.1);background-color:rgba(15,15,26,.75);padding:.25rem .75rem;font-size:.75rem;color:#fff;transform:translateX(-50%);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.3);font-weight:500;letter-spacing:.025em}.dock-outer::-webkit-scrollbar{display:none}.dock-outer{-ms-overflow-style:none;scrollbar-width:none}