.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center;background:transparent;overflow:visible}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;width:fit-content;gap:1rem;border-radius:1rem;background-color:transparent;border:none;padding:0 .5rem .5rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background-color:#0d0d0d;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #00000080;cursor:pointer;outline:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;color:#ffffff80}.dock-item:hover{background-color:#ffffff12;border-color:#ffffff1a;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0f;color:#ffffffd9}.dock-item-active{background-color:#b2fba514!important;border-color:#b2fba540!important;box-shadow:0 20px 40px #00000080,inset 0 1px 4px #b2fba514,0 0 12px #b2fba51a!important;color:#b2fba5!important}.dock-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-icon svg{width:36%;height:36%}.dock-label{position:absolute;top:-1.75rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid rgba(255,255,255,.05);background-color:#0d0d0d;padding:.125rem .5rem;font-size:.75rem;color:#f2f2f2;transform:translate(-50%);box-shadow:0 8px 20px #0006}.dock-label-bottom{top:auto;bottom:-1.75rem}.dock-top .dock-panel{bottom:auto;top:.5rem;align-items:flex-start;padding:.5rem .5rem 0}