.dock-outer{display:flex;max-width:100%;align-items:center;pointer-events:auto}.dock-outer--vertical{flex-direction:column;align-items:flex-end}.dock-panel{display:flex;align-items:flex-end;width:fit-content;gap:.5rem;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none}.dock-panel--vertical{flex-direction:column;align-items:center;height:fit-content;gap:.25rem}.dock-panel--vertical .dock-icon svg{width:1rem;height:1rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:none;background-color:rgb(255 255 255/.5);box-shadow:0 4px 6px -1px rgb(0 0 0/.06),0 2px 4px -2px rgb(0 0 0/.04);backdrop-filter:blur(12px);cursor:pointer;outline:none;color:rgb(75 85 99);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.dark .dock-item{background-color:rgb(0 0 0/.5);color:rgb(212 212 216);box-shadow:0 4px 6px -1px rgb(0 0 0/.25)}.dock-item:hover{background-color:rgb(255 255 255/.65)}.dark .dock-item:hover{background-color:rgb(255 255 255/.08)}.dock-item--active{box-shadow:0 4px 6px -1px rgb(10 100 101/.35)}.dark .dock-item--active,.dock-item--active{background-color:rgb(10 100 101);color:white}.dock-item--active:hover{background-color:rgb(8 80 80);color:white}.dark .dock-item--active:hover{background-color:rgb(13 122 123);color:white}.dock-item:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.dock-item--pill{gap:.5rem;padding-inline:1rem;height:2.25rem;width:auto}.dock-item:disabled{cursor:not-allowed;opacity:.55}.dock-custom-slot{flex-shrink:0}.dock-panel--vertical .dock-custom-slot{align-self:center}.dock-zoom-cluster{display:inline-flex;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;padding:0;gap:0;border-radius:9999px;border:none;background-color:rgb(255 255 255/.5);box-shadow:0 4px 6px -1px rgb(0 0 0/.06),0 2px 4px -2px rgb(0 0 0/.04);backdrop-filter:blur(12px);color:rgb(75 85 99)}.dark .dock-zoom-cluster{background-color:rgb(0 0 0/.5);color:rgb(212 212 216);box-shadow:0 4px 6px -1px rgb(0 0 0/.25)}.dock-zoom-cluster__btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-height:0;width:100%;border:none;border-radius:9999px;background:transparent;cursor:pointer;color:rgb(75 85 99);padding:0;outline:none;transition:background-color .15s ease,color .15s ease,transform .1s ease}.dark .dock-zoom-cluster__btn{color:rgb(212 212 216)}.dock-zoom-cluster__btn:hover{background-color:rgb(255 255 255/.65);color:rgb(10 100 101)}.dark .dock-zoom-cluster__btn:hover{background-color:rgb(255 255 255/.08);color:rgb(110 231 183)}.dock-zoom-cluster__btn:active{transform:scale(.96)}.dock-zoom-cluster__btn:focus-visible{outline:2px solid rgb(10 100 101);outline-offset:1px}.dock-zoom-cluster__icon{width:1rem;height:1rem;pointer-events:none}.dock-icon{display:flex;align-items:center;justify-content:center;pointer-events:none}.dock-icon svg{width:1.125rem;height:1.125rem}.dock-label{position:absolute;width:max-content;max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:.375rem;border:1px solid rgb(228 228 231/.9);background-color:rgb(255 255 255/.96);padding:.125rem .5rem;font-size:.75rem;font-weight:500;color:rgb(39 39 42);box-shadow:0 4px 6px -1px rgb(0 0 0/.08);pointer-events:none;z-index:10}.dark .dock-label{border-color:rgb(63 63 70);background-color:rgb(24 24 27/.96);color:rgb(244 244 245)}.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%}