.dock-outer{pointer-events:auto;align-items:center;max-width:100%;display:flex}.dock-outer--vertical{flex-direction:column;align-items:flex-end}.dock-panel{width:fit-content;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;align-items:flex-end;gap:.5rem;padding:0;display:flex}.dock-panel--vertical{flex-direction:column;align-items:center;height:fit-content}.dock-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#4b5563;background-color:#ffffff80;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}.dark .dock-item{color:#d4d4d8;background-color:#00000080;box-shadow:0 4px 6px -1px #00000040}.dock-item:hover{background-color:#ffffffa6}.dark .dock-item:hover{background-color:#ffffff14}.dock-item--active{color:#fff;background-color:#0a6465;box-shadow:0 4px 6px -1px #0a646559}.dark .dock-item--active{color:#fff;background-color:#0a6465}.dock-item--pill{gap:.5rem;width:auto;height:2.25rem;padding-inline:1rem}.dock-item:disabled{cursor:not-allowed;opacity:.55}.dock-icon{pointer-events:none;justify-content:center;align-items:center;display:flex}.dock-icon svg{width:1.125rem;height:1.125rem}.dock-label{white-space:nowrap;text-overflow:ellipsis;color:#27272a;pointer-events:none;z-index:10;background-color:#fffffff5;border:1px solid #e4e4e7e6;border-radius:.375rem;width:max-content;max-width:14rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;position:absolute;overflow:hidden;box-shadow:0 4px 6px -1px #00000014}.dark .dock-label{color:#f4f4f5;background-color:#18181bf5;border-color:#3f3f46}.dock-label--top{top:-1.625rem;left:50%}.dock-label--left{top:50%;right:calc(100% + .5rem)}.dock-label--right{top:50%;left:calc(100% + .5rem)}.dock-label--bottom{bottom:-1.625rem;left:50%}