.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: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 #0000001a,0 2px 4px -1px #0000000f}.dock-icon{color:#ffffff8c;justify-content:center;align-items:center;transition:color .2s;display:flex}.dock-item:hover .dock-icon,.dock-item-active .dock-icon{color:#fffffff2}.dock-label{white-space:pre;color:#fff;background-color:#060010;border:1px solid #222;border-radius:.375rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.dock-item-active{background-color:#1e2022;border-color:#c9d6df;box-shadow:0 0 0 1px #c9d6df,0 4px 12px #c9d6df33}.dock-item-active:after{content:"";background-color:#c9d6df;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (max-width:639px){.dock-panel{gap:.5rem;padding:0 .375rem .375rem}}@media (max-width:380px){.dock-panel{border-radius:.75rem;gap:.35rem;padding:0 .25rem .25rem}.dock-item{border-radius:8px}}