.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ff6b351f;border:1px solid #ff6b3533;border-radius:2rem;align-items:flex-end;gap:2rem;width:fit-content;padding:.5rem 2rem 2rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006,0 0 60px #ff6b3514,inset 0 1px #ffffff14}.dock-item{cursor:pointer;background-color:#0009;border:1px solid #ffffff1a;border-radius:1rem;outline:none;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dock-item:hover{background-color:#ff6b3533;border-color:#ff6b3566}.dock-item:focus-visible{outline-offset:2px;outline:2px solid #ff6b3599}.dock-icon{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-icon svg{width:50%;height:50%}.dock-label{white-space:pre;color:#ffffff80;opacity:1;pointer-events:none;text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.7rem;font-weight:500;transition:all .2s;position:absolute;bottom:-1.75rem;left:50%;transform:translate(-50%)}.dock-item-active{background:linear-gradient(135deg,#ff6b354d,#ff6b351a)!important;border-color:#ff6b3599!important;box-shadow:0 0 20px #ff6b354d,0 0 40px #ff6b3526,inset 0 1px #ffffff1a!important}.dock-item-active .dock-label{color:#ff6b35;font-weight:600}.dock-item:hover .dock-label{color:#fffc}.dock-item-active:hover .dock-label{color:#ff6b35}
.glass-icon-btns{justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.glass-icon-btn{--size:3.5em;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;width:var(--size);height:var(--size);perspective:24em;transform-style:preserve-3d;background:0 0;border:none;outline:none;padding:0;position:relative}.glass-icon-btn:focus-visible{outline-offset:4px;border-radius:.75rem;outline:2px solid #ff6b3599}.glass-icon-btn__back,.glass-icon-btn__front{border-radius:.75rem;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.glass-icon-btn__back{transform:rotateX(8deg)rotateY(-8deg)translateZ(-.5em);box-shadow:0 .5em 1em -.25em #0006,0 1em 2em -.5em #0000004d}.glass-icon-btn__front{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid #fff3;justify-content:center;align-items:center;display:flex;transform:translateZ(0);box-shadow:inset 0 1px #ffffff4d}.glass-icon-btn__icon{color:#fff;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:flex}.glass-icon-btn__icon svg{width:100%;height:100%}.glass-icon-btn__label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;font-size:.7rem;font-weight:500;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1.75rem;left:50%;transform:translate(-50%)translateY(.5rem)}.glass-icon-btn:hover .glass-icon-btn__back,.glass-icon-btn:focus-visible .glass-icon-btn__back{transform:rotateX(12deg)rotateY(-12deg)translateZ(-.75em);box-shadow:0 .75em 1.5em -.25em #00000080,0 1.5em 3em -.5em #0006}.glass-icon-btn:hover .glass-icon-btn__front,.glass-icon-btn:focus-visible .glass-icon-btn__front{transform:translateZ(.5em)}.glass-icon-btn:hover .glass-icon-btn__label,.glass-icon-btn:focus-visible .glass-icon-btn__label{opacity:1;transform:translate(-50%)translateY(0)}.glass-icon-btn:active .glass-icon-btn__front{transform:translateZ(.25em)}.glass-icon-display{perspective:24em;width:100%;height:100%;transform-style:preserve-3d;background:0 0;position:relative}.glass-icon-display .glass-icon-btn__back,.glass-icon-display .glass-icon-btn__front{border-radius:1rem;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.glass-icon-display .glass-icon-btn__back{transform:rotateX(6deg)rotateY(-6deg)translateZ(-.3em);box-shadow:0 .3em .6em -.15em #0006,0 .6em 1.2em -.3em #0000004d}.glass-icon-display .glass-icon-btn__front{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex;transform:translateZ(0);box-shadow:inset 0 1px #fff3}.glass-icon-display .glass-icon-btn__icon{color:#fff;justify-content:center;align-items:center;width:1.8em;height:1.8em;display:flex}.glass-icon-display .glass-icon-btn__icon svg{width:100%;height:100%}