.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{-webkit-backdrop-filter:blur(16px);background-color:#090909a6;border:1px solid #c9a96e4d;border-radius: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 10px 30px #0009}.dock-item{cursor:pointer;color:var(--cream);background-color:#ffffff08;border:1px solid #c9a96e33;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;box-shadow:0 4px 10px #0006}.dock-item:hover{color:var(--gold);background-color:#c9a96e26;border-color:#c9a96ecc}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;font-family:var(--font-body);text-transform:uppercase;color:var(--gold);letter-spacing:.1em;background-color:#090909e6;border:1px solid #c9a96e66;border-radius:.5rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}