.dock-outer{z-index:100;justify-content:center;align-items:center;max-width:100%;margin:0;display:flex;position:fixed;left:0;right:0}.dock-desktop{top:1rem}.dock-mobile{top:1rem;bottom:auto}.dock-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);pointer-events:auto;background-color:#0a0a0a66;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem;display:flex;position:relative;box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff0d}.dock-item{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.dock-item:hover{background-color:#00000008}.dock-icon{color:#ffffffb3;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.dock-item--active .dock-icon{color:#fffffff2}.dock-item:hover .dock-icon{color:#fff}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;letter-spacing:.05em;text-transform:lowercase;background-color:#000000d9;border-radius:.5rem;width:auto;padding:.35rem .8rem;font-size:.72rem;font-weight:600;position:absolute;top:-3rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@media (min-width:768px){.dock-panel *{will-change:transform,width,height}}