.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center;pointer-events:none;position:fixed;bottom:1rem;left:0;right:0;justify-content:center;z-index:50}.dock-panel{pointer-events:auto;display:flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;gap:1rem;border-radius:1rem;background-color:rgba(6,0,16,.8);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);padding:0 .5rem .5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3)}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);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}.dock-item:hover{background-color:hsla(0,0%,100%,.1)}.dock-icon{display:flex;align-items:center;justify-content:center;color:#fff}.dock-label{position:absolute;top:-2.5rem;left:50%;width:-moz-max-content;width:max-content;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.1);background-color:rgba(6,0,16,.9);padding:.25rem .75rem;font-size:.75rem;color:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}