.dock-outer{justify-content:center;align-items:flex-end;width:100%;max-width:100%;margin:0 auto;display:flex;overflow:visible}.dock-outer--inline{min-height:5.5rem;margin:0 auto;padding-top:.5rem;overflow:visible}.dock-panel{box-sizing:border-box;background-color:#120f17;border:1px solid #222;border-radius:1.25rem;justify-content:center;align-items:center;gap:.85rem;width:fit-content;max-width:calc(100vw - 1.5rem);margin:0 auto;padding:.75rem .9rem;display:flex;position:relative;overflow:visible}.dock-panel--inline{margin:0 auto;position:relative;bottom:auto;left:auto;overflow:visible;transform:none}.dock-outer--start{justify-content:flex-start;width:100%;max-width:100%;margin:0}.dock-outer--start.dock-outer--inline{min-height:0;padding-top:0;height:auto!important}.dock-panel--start{box-sizing:border-box;border-radius:16px;padding:.55rem .65rem;overflow:visible;width:100%!important;max-width:100%!important;margin:0!important}.dock-panel--start .dock-track{justify-content:space-evenly;width:100%;overflow:visible}.dock-track{justify-content:center;align-items:center;gap:.85rem;width:fit-content;max-width:100%;display:flex;overflow:visible}.dock-panel--scroll{padding-top:.65rem;padding-bottom:.75rem;overflow:hidden}.dock-panel--scroll .dock-track{scrollbar-width:none;justify-content:flex-start;width:100%;max-width:100%;overflow:auto hidden}.dock-panel--scroll .dock-track::-webkit-scrollbar{display:none}.dock-item{cursor:pointer;background-color:#120f17;border:1px solid #222;border-radius:14px;outline:none;flex:none;justify-content:center;align-items:center;transition:width .12s ease-out,height .12s ease-out,border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:visible;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dock-item--active{background-color:#7c6cff47;border-color:#7c6cffa6;box-shadow:0 0 0 1px #7c6cff59,0 4px 10px -2px #00000059}.dock-icon{color:#f5f5f7;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.375rem;line-height:1;display:flex}.dock-label{white-space:nowrap;letter-spacing:.01em;color:#fff;opacity:1;pointer-events:none;z-index:20;background-color:#1a1624;border:1px solid #ffffff2e;border-radius:.5rem;width:max-content;max-width:12rem;padding:.4rem .7rem;font-family:Outfit,system-ui,sans-serif;font-size:.8125rem;font-weight:600;line-height:1.2;animation:.18s dock-label-in;position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000073}.dock-label--success{color:#4ade80;background-color:#12151a;border-color:#4ade8059}.dock-label--fixed{z-index:9999;animation:.18s dock-label-fixed-in;position:fixed;bottom:auto;transform:translate(-50%,-100%)}@keyframes dock-label-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes dock-label-fixed-in{0%{opacity:0;transform:translate(-50%,calc(4px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}