.dock-outer{justify-content:center;align-items:center;max-width:100%;height:100%;margin:0;display:flex}.dock-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:1rem;align-items:flex-end;gap:1rem;width:fit-content;padding:0 .5rem .5rem;transition:all .3s;display:flex;position:relative}@media (max-width:640px){.dock-panel{gap:.375rem;max-width:95vw;padding:0 .25rem .25rem;overflow-x:auto}}.dark .dock-panel{background-color:#06001033;border:1px solid #ffffff1a}.dock-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000d}.dark .dock-item{background-color:#0600104d;border:1px solid #ffffff26;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026}.dock-item:hover{background-color:#ffffff40;border-color:#fff6}.dark .dock-item:hover{background-color:#06001080;border-color:#ffffff40}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1f2937;background-color:#ffffffe6;border:1px solid #fff3;border-radius:.375rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;transition:all .2s;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.dark .dock-label{color:#fff;background-color:#060010e6;border:1px solid #ffffff26}