.dock-outer{align-items:center;max-width:100%;display:flex;position:relative}.dock-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #ffffff26;border-radius:1rem;justify-content:center;gap:.75rem;width:70%;padding:.5rem;transition:background .3s;display:flex}.dock-panel-blue{background:#053456!important}.dock-item{cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex;position:relative;box-shadow:0 4px 10px #0003}.dock-item:hover{background-color:#fff3}.dock-icon{color:#fff;align-items:center;display:flex}.dock-icon svg{fill:currentColor;width:22px;height:22px}.dock-label{white-space:nowrap;color:#fff;z-index:10;pointer-events:none;background-color:#0b1a28;border:1px solid #fff3;border-radius:.375rem;width:max-content;padding:.2rem .5rem;font-size:.75rem;position:absolute;top:-2rem;left:50%}@media (max-width:1300px){.dock-label{padding:.15rem .45rem;font-size:11px;top:-1.6rem}}@media (max-width:992px){.dock-label{padding:.15rem .4rem;font-size:10px;top:-1.4rem}}@media (max-width:768px){.dock-label{padding:2px 6px;font-size:9px;top:-1.2rem}}