.dock-outer{justify-content:center;align-items:center;max-width:100%;display:inline-flex;position:relative}.dock-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #00000014;border-radius:1.5rem;justify-content:center;align-items:center;gap:.25rem;width:fit-content;padding:0 .75rem;transition:background-color .3s,border-color .3s;display:flex;position:relative;box-shadow:0 4px 20px -2px #0000000d}.dark .dock-panel{background:#120f17d9;border-color:#ffffff1a;box-shadow:0 4px 20px -2px #0006}.dock-item{box-shadow:none;cursor:pointer;height:38px;color:var(--foreground,#0f172a);white-space:nowrap;background:0 0;border:none;border-radius:.5rem;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.875rem;font-weight:600;transition:color .2s,background-color .2s;display:inline-flex;position:relative}.dock-item:hover{color:var(--primary,#2563eb);background-color:#0000000a}.dark .dock-item{box-shadow:none;color:#f8fafc;background:0 0;border:none}.dark .dock-item:hover{color:#60a5fa;background-color:#ffffff14}.dock-item:focus-visible{outline:2px solid var(--primary,#3b82f6)}.dock-icon{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-label{white-space:pre;color:#0f172a;pointer-events:none;z-index:60;background-color:#fff;border:1px solid #0000001a;border-radius:.5rem;width:fit-content;padding:.25rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:-2.5rem;left:50%;box-shadow:0 4px 12px #0000001f}.dark .dock-label{color:#f8fafc;background-color:#1e1b2e;border-color:#ffffff26;box-shadow:0 4px 12px #00000080}