.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex;position:relative}.dock-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fefcf7e6;border:1px solid #e5dececc;border-radius:2rem;align-items:flex-end;gap:.5rem;width:fit-content;padding:0 .5rem .35rem;display:flex;box-shadow:0 4px 12px #0e0e0e0d}.dock-item{cursor:pointer;color:#0e0e0e;background-color:#fefcf7;border:1px solid #e5dececc;border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:0 2px 5px #0e0e0e08}.dock-item:hover,.dock-item:focus,.dock-item.active{color:#fefcf7;background-color:#a90e02;border-color:#a90e02}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-item:hover .dock-icon i,.dock-item:focus .dock-icon i,.dock-item.active .dock-icon i,.dock-item:hover .dock-icon svg,.dock-item:focus .dock-icon svg,.dock-item.active .dock-icon svg{color:#fefcf7!important}.dock-label{white-space:pre;letter-spacing:.05em;color:#fefcf7;background-color:#0e0e0e;border-radius:9999px;width:fit-content;padding:.25rem .75rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;position:absolute;top:-2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000026}