.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;border:1px solid #52739e33;border-radius:1.2rem;align-items:flex-end;gap:1rem;width:fit-content;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:.5rem;left:0;transform:translate(-50%);box-shadow:0 4px 20px #1e3a5f1a}.dock-item{background-color:var(--navy);cursor:pointer;color:var(--white);border:1px solid #ffffff26;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #1e3a5f0d,0 2px 4px -1px #1e3a5f08}.dock-item:hover{color:var(--white);border-color:var(--navy-light)}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;background-color:var(--navy);width:fit-content;font-family:var(--font-body);color:#fff;letter-spacing:.05em;border:1px solid #fff3;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;position:absolute;top:-2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1e3a5f33}