.dock-outer{z-index:30;pointer-events:auto;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0;padding:1rem .5rem 0;display:flex;position:static;bottom:auto}@media (min-width:768px){.dock-outer{flex-direction:column;justify-content:flex-start;width:auto;height:auto;padding:.75rem;position:fixed;top:6rem;left:0;transform:none}}.dock-panel{pointer-events:auto;background:#000000b3;border:1px solid #ff8c004d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;display:flex;position:static}@media (min-width:768px){.dock-panel{flex-direction:column;gap:.75rem;padding:.75rem .5rem}}.dock-item{cursor:pointer;background:linear-gradient(135deg,#ff8c0026,#ff64001a);border:1px solid #ff8c0040;border-radius:8px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s ease-out;display:inline-flex;position:relative}.dock-item:hover{background:linear-gradient(135deg,#ff8c0040,#ff640033);border-color:#ff8c0066;box-shadow:0 0 12px #ff8c0026}.dock-icon{color:#a1a1a1;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.dock-label{display:none}