.demo-dock.svelte-1rhepi0{z-index:20;box-sizing:border-box;padding:.75rem max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 94%, transparent);color:var(--color-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:.6rem;font-family:Sora,ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:auto 0 0}.demo-dock__bar.svelte-1rhepi0,.demo-dock__choice.svelte-1rhepi0{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.demo-dock__choice.svelte-1rhepi0{border-top:1px solid var(--color-border);padding-top:.6rem}.demo-dock__brand.svelte-1rhepi0{align-items:center;gap:.75rem;display:flex}.demo-dock__home.svelte-1rhepi0{border-radius:.5rem;place-items:center;min-height:44px;display:grid}.demo-dock__badge.svelte-1rhepi0{border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;margin:0;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.demo-dock__badge.svelte-1rhepi0 strong:where(.svelte-1rhepi0){color:var(--color-text);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.demo-dock__copy.svelte-1rhepi0{min-width:0;color:var(--color-text-muted);flex:18rem;font-size:.875rem;line-height:1.45}.demo-dock__copy.svelte-1rhepi0 p:where(.svelte-1rhepi0){margin:0}.demo-dock__copy.svelte-1rhepi0 h2:where(.svelte-1rhepi0){color:var(--color-text);margin:0 0 .15rem;font-size:1rem;font-weight:800}.demo-dock__phones.svelte-1rhepi0{color:var(--color-text);font-weight:700}.demo-dock__actions.svelte-1rhepi0,.demo-dock__tools.svelte-1rhepi0{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-dock__choice.svelte-1rhepi0 .demo-dock__actions:where(.svelte-1rhepi0){margin-left:auto}.demo-dock__styles.svelte-1rhepi0{border:0;flex-wrap:wrap;flex:24rem;gap:.4rem;margin:0;padding:0;display:flex}.demo-dock__style.svelte-1rhepi0{box-sizing:border-box;border:1px solid var(--color-border);min-height:44px;color:var(--color-text-muted);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.demo-dock__style.svelte-1rhepi0:has(input:where(.svelte-1rhepi0):checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-text)}.demo-dock__style.svelte-1rhepi0:has(input:where(.svelte-1rhepi0):focus-visible){outline:3px solid color-mix(in srgb, var(--color-primary) 55%, white);outline-offset:2px}.demo-dock__style.svelte-1rhepi0 small:where(.svelte-1rhepi0){border:1px solid var(--color-border);color:var(--color-text-faint);white-space:nowrap;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.demo-dock__hint.svelte-1rhepi0{color:var(--color-text-faint);flex-basis:100%;margin:0;font-size:.75rem}.demo-dock__primary.svelte-1rhepi0{white-space:nowrap}.demo-dock__reveal.svelte-1rhepi0{min-height:3.25rem;padding-inline:1.75rem;font-size:1.05rem}.demo-dock__tools.svelte-1rhepi0 .button:where(.svelte-1rhepi0){gap:.4rem}.demo-dock__icon.svelte-1rhepi0{border:1px solid var(--color-border);border-radius:var(--radius-small);width:2.875rem;height:2.875rem;color:var(--color-text);cursor:pointer;background:#ffffff08;place-items:center;display:grid}.demo-dock__icon.svelte-1rhepi0:hover,.demo-dock__style.svelte-1rhepi0:hover{filter:brightness(1.05)}.demo-dock__icon.svelte-1rhepi0:focus-visible,.demo-dock__home.svelte-1rhepi0:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 55%, white);outline-offset:2px}.demo-dock__languages.svelte-1rhepi0 .language-switcher{box-shadow:none;position:static}@media (width>=48rem) and (pointer:fine){.demo-dock__phone.svelte-1rhepi0{display:none}}@media (width<=47.99rem){.demo-dock__brand.svelte-1rhepi0,.demo-dock__copy.svelte-1rhepi0,.demo-dock__actions.svelte-1rhepi0,.demo-dock__styles.svelte-1rhepi0{flex-basis:100%}.demo-dock__actions.svelte-1rhepi0 .button:where(.svelte-1rhepi0){flex:auto}.demo-dock__tools.svelte-1rhepi0{order:1}}
