.dock-outer{align-items:center;max-width:100%;display:flex}.dock-panel{align-items:center;gap:.5rem;width:fit-content;padding:0;display:flex;position:relative}.dock-item{cursor:pointer;color:#64748b;background-color:#0000;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.dark .dock-item{color:#a3a3a3;background-color:#0000}.dock-item:hover{color:#0f172a;background-color:#0000000d}.dark .dock-item:hover{color:#fff;background-color:#ffffff1a}.dock-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-icon svg{width:50%;height:50%}.dock-label{white-space:pre;background-color:var(--background);width:fit-content;color:var(--foreground);z-index:50;border:1px solid #dbeafe80;border-radius:.75rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:4px 4px 10px #bfdbfe66,-4px -4px 10px #fff,inset 1px 1px 3px #fff,inset -1px -1px 3px #bfdbfe4d}.dark .dock-label{background-color:var(--background);border:1px solid #1e3a8a4d;box-shadow:4px 4px 10px #000,-4px -4px 10px #1e3a8a33,inset 1px 1px 3px #3b82f633,inset -1px -1px 3px #000c}