.nav-bar.svelte-158los7{padding:.5rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.colors.svelte-158los7{display:flex;justify-content:center;gap:1rem}.colors.svelte-158los7 label:where(.svelte-158los7){display:flex;flex-direction:column;align-items:center;gap:.25rem}.colors.svelte-158los7 span:where(.svelte-158los7){font-size:.7rem;font-weight:600;color:#145666}.colors.svelte-158los7 input[type=color]:where(.svelte-158los7){width:32px;height:32px;border:2px solid #145666;border-radius:6px;cursor:pointer;padding:2px}