.dock-outer{pointer-events:none;align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#06001099;border:1px solid #ffffff1a;border-radius:1rem;align-items:flex-end;gap:.5rem;width:fit-content;padding:0 .5rem .5rem;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (min-width:768px){.dock-panel{gap:1rem}}.dock-item{cursor:pointer;color:#fffc;background-color:#0d0d0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dock-item:hover{color:#fff;background-color:#222}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background-color:#060010cc;border:1px solid #ffffff1a;border-radius:.5rem;width:fit-content;padding:.25rem .75rem;font-size:.875rem;font-weight:500;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}