@layer components{.sg-demo-badge{z-index:2;background:var(--color-sg-cyan);color:var(--color-sg-plate);border:1px solid var(--color-sg-line);letter-spacing:.02em;text-transform:uppercase;pointer-events:none;padding:4px 10px;font-size:.75rem;font-weight:800;line-height:1.2;position:absolute;top:10px;left:10px}.sg-demo-badge[data-size=small]{padding:2px 6px;font-size:.625rem;top:6px;left:6px}.sg-demo-badge[data-flow]{margin-bottom:8px;display:inline-block;position:static}.sg-demo-banner{background:var(--color-sg-cyan);color:var(--color-sg-plate);border:1px solid var(--color-sg-line);text-transform:uppercase;letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:16px;padding:10px 16px;font-weight:800;display:flex}.sg-demo-banner span{text-transform:none;letter-spacing:0;font-weight:600}}