.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{background-color:#0a0a0a;border:1px solid #ffffff0f;border-radius:1.25rem;align-items:flex-end;gap:.75rem;width:fit-content;padding:0 .625rem .625rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -20px #00000080,inset 0 1px #ffffff0d}.dock-item{cursor:pointer;background-color:#141414;border:1px solid #ffffff0d;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.dock-item:hover{background-color:#1a1a1a;border-color:#ffffff1a}.dock-item-active{background-color:#1f1f1f;border-color:#ffffff26}.dock-item-active:after{content:"";background-color:#fff;border-radius:999px;width:4px;height:4px;position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);box-shadow:0 0 8px #fff9}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(12px);letter-spacing:.01em;color:#e4e4e7;background-color:#0a0a0af2;border:1px solid #ffffff14;border-radius:.5rem;width:fit-content;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;position:absolute;top:-1.75rem;left:50%;transform:translate(-50%)}