@scope(.hv-home){:scope{gap:1.5rem;max-width:64rem;margin-inline:auto;padding:2rem 1rem 3rem;display:grid}.hv-home-hives{max-width:42rem}.hv-hive-dot{background:var(--color-accent);border-radius:50%;width:12px;height:12px;display:inline-block}.hv-home-create{max-width:42rem;margin-top:1rem}.hv-home-create-form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hv-home-create-form .ui-input{flex:1;min-width:16rem}.hv-home-accents{gap:.4rem;display:flex}.hv-accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.hv-accent-swatch[data-selected]{border-color:var(--color-base-content)}.hv-accent-swatch:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}}