.dock-outer{margin:.5rem;max-width:100%;max-height:100%;justify-content:center;pointer-events:none}.dock-outer,.dock-panel{display:flex;align-items:center}.dock-panel{position:relative;width:fit-content;height:fit-content;gap:1rem;border-radius:1rem;background-color:rgba(6,0,16,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.5rem;pointer-events:auto}.dock-panel.bottom{align-items:flex-end;padding-bottom:.5rem}.dock-panel.right{align-items:flex-end;padding-right:.5rem}.dock-panel.left{align-items:flex-start;padding-left:.5rem}.dock-item{position:relative;display:inline-flex;border-radius:10px;background-color:rgba(6,0,16,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;outline:none}.dock-icon,.dock-item{align-items:center;justify-content:center}.dock-icon{display:flex;width:100%;height:100%}.dock-label{position:absolute;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background-color:rgba(6,0,16,.7);backdrop-filter:blur(10px);padding:.125rem .5rem;font-size:.75rem;color:#fff;pointer-events:none;z-index:50}.dock-label:not(.vertical){top:-1.5rem;left:50%;transform:translateX(-50%)}@media (max-width:640px){.dock-panel{gap:.5rem;padding:.25rem}.dock-label{display:none!important}}