.dock-outer{pointer-events:none;z-index:60;justify-content:center;align-items:flex-end;max-width:100%;padding:0 .5rem 1rem;display:flex;position:fixed;inset:0}.dock-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#120f17c7;border:1px solid #ffffff1f;border-radius:1.25rem;align-items:flex-end;gap:1rem;width:fit-content;padding:0 .5rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dock-item{cursor:pointer;color:#fff;will-change:transform, box-shadow;background-color:#120f17;border:1px solid #222;border-radius:.75rem;outline:none;justify-content:center;align-items:center;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;transform:translateZ(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dock-item:hover{background-color:#ffffff14;border-color:#ffffff4d;box-shadow:0 6px 12px -2px #00000026,0 3px 6px -1px #0000001a}.dock-item:active{box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f}.dock-item:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}.dock-item--active{background:linear-gradient(135deg,#8a2be226,#a855f71a);border-color:#8a2be280;box-shadow:0 0 20px #8a2be24d,0 4px 6px -1px #0000001a}.dock-item--active:hover{background:linear-gradient(135deg,#8a2be240,#a855f726);border-color:#a855f799;box-shadow:0 0 25px #8a2be266,0 6px 12px -2px #00000026}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;color:#fff;opacity:0;pointer-events:none;background-color:#120f17;border:1px solid #222;border-radius:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)translateY(-4px)}.dock-item:hover .dock-label{opacity:1;transform:translate(-50%)translateY(-8px)}@media (max-width:768px){.dock-outer{padding:0 .25rem .75rem}.dock-panel{border-radius:1rem;gap:.6rem;padding:.4rem}.dock-item{width:40px;height:40px;font-size:1.1rem}.dock-label{padding:.15rem .4rem;font-size:.6rem;top:-1.3rem}}@media (max-width:640px){.dock-outer{padding:0 .25rem .5rem}.dock-panel{gap:.5rem;padding:.3rem}.dock-item{width:36px;height:36px;font-size:1rem}.dock-label{padding:.1rem .35rem;font-size:.55rem;top:-1.2rem}}@media (max-width:480px){.dock-outer{padding:0 .2rem .4rem}.dock-panel{border-radius:.85rem;gap:.4rem;padding:.25rem}.dock-item{width:32px;height:32px;font-size:.9rem}.dock-label{display:none}}@media (max-width:360px){.dock-outer{padding:0 .15rem .3rem}.dock-panel{gap:.3rem;padding:.2rem}.dock-item{width:28px;height:28px;font-size:.8rem}}