.curved-loop-jacket{width:100%;margin-top:1rem;margin-bottom:1rem}.curved-loop-svg{width:100%;aspect-ratio:100/12;overflow:visible;display:block;fill:hsl(var(--primary));user-select:none;-moz-user-select:none;-webkit-user-select:none;font-weight:700;text-transform:uppercase;line-height:1}.curved-loop-text{font-size:2.5rem}@media (min-width:640px){.curved-loop-text{font-size:3rem}}.dock-outer{width:100%;display:flex;justify-content:center;align-items:center}.dock-panel{display:flex;align-items:flex-end;gap:1rem;padding:.5rem 1rem;border-radius:1rem;background-color:hsl(var(--surface-container));border:1px solid hsl(var(--border));height:auto}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;transition:background-color .2s;background-color:hsl(var(--surface));border:1px solid hsl(var(--border));box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;outline:none;color:hsl(var(--on-surface))}.dock-item:hover{background-color:hsl(var(--surface-container-high))}.dock-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-icon svg{width:60%;height:60%}.dock-label{position:absolute;top:-2rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid hsl(var(--border));background-color:hsl(var(--background));padding:.25rem .5rem;font-size:.75rem;color:hsl(var(--foreground));transform:translateX(-50%);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}