.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:#060416ad;border:1px solid #ffffff1a;border-radius:1rem;align-items:flex-end;gap:.6rem;width:fit-content;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0f}.dock-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;justify-content:center;align-items:center;transition:background .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:relative;box-shadow:0 2px 8px #00000040}.dock-item:hover:not(.dock-item--active){background:linear-gradient(145deg, rgba(var(--color-primary-rgb), .28), rgba(var(--color-primary-rgb), .06));border-color:rgba(var(--color-primary-rgb), .35)}.dock-item--active{background:linear-gradient(145deg, var(--color-primary), rgba(var(--color-primary-rgb), .18));border-color:rgba(var(--color-primary-rgb), .5);box-shadow:0 4px 18px rgba(var(--color-primary-rgb), .28), 0 2px 8px #0000004d}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;pointer-events:none;background:#080614e0;border:1px solid #ffffff1a;border-radius:.375rem;width:fit-content;padding:.15rem .55rem;font-size:.72rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}