.dock-panel{display:flex;align-items:flex-end;justify-content:center;gap:.45rem;padding:.35rem .65rem;max-width:100%;pointer-events:auto;flex-wrap:nowrap!important}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:52px;height:62px;flex-shrink:0!important}.dock-panel.liquid-glass{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 42%,rgba(255,255,255,.01));backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:none!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;background-clip:padding-box}.dock-panel.liquid-glass.no-hover{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.62));backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);border:1px solid rgba(255,255,255,.12)!important;background-clip:padding-box;background-image:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.6)),linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.2))}.dock-panel.liquid-glass.no-hover,.dock-panel.liquid-glass.no-hover:hover{box-shadow:inset 0 1px 1.5px rgba(255,255,255,.95),0 4px 20px rgba(15,23,42,.04)!important}.dock-panel.liquid-glass.no-hover:hover{transform:none!important;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.62))!important;background-image:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.6)),linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.2))!important;backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important}.dark .dock-panel.liquid-glass{background:linear-gradient(145deg,rgba(20,20,20,.5),rgba(10,10,10,.8));border:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;background-clip:padding-box}.dark .dock-panel.liquid-glass.no-hover{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05) 40%,rgba(255,255,255,.05));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1px solid rgba(255,255,255,.12)!important;background-clip:padding-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,rgba(30,30,35,.8),rgba(20,20,25,.8)),linear-gradient(180deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.05) 50%,rgba(255,255,255,.24))}.dark .dock-panel.liquid-glass.no-hover,.dark .dock-panel.liquid-glass.no-hover:hover{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.25),inset 0 -1.5px 0 0 rgba(255,255,255,.12),0 4px 5px -2px rgba(0,0,0,.5)!important}.dark .dock-panel.liquid-glass.no-hover:hover{transform:none!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05) 40%,rgba(255,255,255,.05))!important;background-image:linear-gradient(180deg,rgba(30,30,35,.8),rgba(20,20,25,.8)),linear-gradient(180deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.05) 50%,rgba(255,255,255,.24))!important;background-clip:padding-box!important;background-origin:padding-box,border-box!important}.dock-icon-wrapper{display:flex;align-items:center;justify-content:center;border-radius:.7rem;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:background-color .2s,border-color .2s}.dark .dock-icon-wrapper{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.dock-svg-icon{width:52%;height:52%;-o-object-fit:contain;object-fit:contain;transition:stroke .2s,stroke-width .2s}.dock-svg-icon.icon-inactive{stroke:rgba(0,0,0,.35)!important}.dark .dock-svg-icon.icon-inactive{stroke:rgba(255,255,255,.35)!important}.dock-label{font-size:9.5px;font-weight:500;white-space:nowrap;margin-top:3.5px;color:rgba(0,0,0,.35);transition:color .2s,font-weight .2s;pointer-events:none}.dark .dock-label{color:rgba(255,255,255,.35)}.dock-item.is-active .dock-label{color:#000000!important;font-weight:700}.dock-item.is-active .dock-icon-wrapper{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}.dock-item.is-active .dock-svg-icon.icon-active{stroke:#000000!important;stroke-width:2.5px}.dark .dock-item.is-active .dock-label{color:#ffffff!important;font-weight:700;text-shadow:0 0 12px rgba(255,255,255,.2)}.dark .dock-item.is-active .dock-icon-wrapper{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.35);box-shadow:0 0 15px rgba(255,255,255,.03)}.dark .dock-item.is-active .dock-svg-icon.icon-active{stroke:#ffffff!important;stroke-width:2.5px}.dock-item.is-active:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:3.5px;height:3.5px;border-radius:50%;background:rgba(0,0,0,.8);animation:dockDotFade .25s ease-out}.dark .dock-item.is-active:before{background:#ffffff;box-shadow:0 0 5px rgba(255,255,255,.8)}@keyframes dockDotFade{0%{opacity:0;transform:translate(-50%,2px) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}.dock-item:not(:last-child):after{content:"";position:absolute;right:-3px;top:22%;width:1px;height:32%;background:rgba(0,0,0,.06);pointer-events:none}.dark .dock-item:not(:last-child):after{background:rgba(255,255,255,.12)}@media (max-width:768px){.dock-panel{gap:.25rem;padding:.3rem .5rem}.dock-item{width:44px;height:52px}.dock-icon-wrapper{border-radius:.55rem}.dock-label{font-size:8.5px;margin-top:3px}.dock-item:not(:last-child):after{right:-2px;height:28%}.dock-item.is-active:before{bottom:-1px;width:3px;height:3px}}.dock-loading-spinner{width:18px!important;height:18px!important;color:rgba(0,0,0,.7)!important}.dark .dock-loading-spinner{color:#ffffff!important}.dock-item.is-loading .dock-icon-wrapper{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}.dark .dock-item.is-loading .dock-icon-wrapper{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}