.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{background-color:#060010;border:1px solid #222;border-radius:1rem;align-items:flex-end;gap:1rem;width:-moz-fit-content;width:fit-content;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.dock-item{cursor:pointer;background-color:#060010;border:1px solid #222;border-radius:10px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;color:#fff;background-color:#060010;border:1px solid #222;border-radius:.375rem;width:-moz-fit-content;width:fit-content;padding:.125rem .5rem;font-size:.75rem;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}
.mobile-nav-dock{z-index:50;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-dock .dock-outer{pointer-events:auto}.mobile-nav-dock .dock-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(23,23,23,.8);border:1px solid rgba(82,82,82,.3);box-shadow:0 8px 32px rgba(0,0,0,.3)}.mobile-nav-dock .dock-item{color:#9ca3af;background-color:rgba(38,38,38,.9);border:1px solid rgba(82,82,82,.4)}.mobile-nav-dock .dock-item:hover{color:#fff;background-color:rgba(82,82,82,.9);border-color:rgba(156,163,175,.4)}.mobile-nav-dock .dock-item-active{color:#fff!important;background-color:rgba(115,115,115,.3)!important;border-color:rgba(156,163,175,.6)!important}.mobile-nav-dock .dock-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-color:rgba(23,23,23,.9);border:1px solid rgba(82,82,82,.3);padding:.25rem .5rem;font-size:.75rem;font-weight:500}@media (min-width:768px){.mobile-nav-dock{display:none}}