.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;gap:.75rem;border-radius:1rem;background-color:#fffdf6;border:2px solid #f1e3c3;box-shadow:0 10px 30px rgba(180,140,80,.2);padding:.4rem .5rem .5rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background-color:#fffaf0;border:1px solid #efdfc0;box-shadow:0 4px 6px -1px rgba(180,140,80,.12),0 2px 4px -1px rgba(180,140,80,.06);cursor:pointer;outline:none;transition:border-color .15s ease}.dock-item:focus-visible,.dock-item:hover{border-color:#76d154}.dock-icon{display:flex;align-items:center;justify-content:center;color:#315f25}.dock-label{position:absolute;top:-1.75rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #efdfc0;background-color:#fffdf6;padding:.125rem .5rem;font-size:.75rem;font-weight:600;color:#315f25;box-shadow:0 4px 12px rgba(180,140,80,.18);transform:translateX(-50%)}