.dock-outer-top{margin:0 .5rem;display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0;overflow:visible;position:relative}.dock-panel-top{position:relative;top:0;left:0;transform:none;display:flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;gap:1rem;border-radius:1rem;background:rgba(0,0,0,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);padding:0 .5rem .5rem;z-index:10}.dock-panel-mobile{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;padding:0!important;gap:.75rem}.dock-label-top{position:absolute;top:-1.5rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translateX(-50%);z-index:100;pointer-events:none}.dock-outer-top .dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(0,0,0,.5);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.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;color:#fff;z-index:20}.dock-outer-top .dock-item-active{border-color:#1976d2;box-shadow:0 0 15px rgba(25,118,210,.3)}.dock-icon{display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.dock-panel-top{gap:.75rem;padding:0}.dock-outer-top .dock-item{background:rgba(0,0,0,.5);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}}@media (max-width:640px){.dock-panel-top{gap:.5rem}}