@layer components{.banner{text-align:center;width:100%;min-height:2.75rem;color:var(--foreground);box-shadow:0 0 0 .03125rem var(--border) inset;background-color:var(--background);font-size:.8125rem;line-height:1.25rem;font-family:var(--font-sans);text-wrap:balance;border-radius:.375rem;justify-content:center;align-items:center;padding-block:.75rem;padding-inline:.75rem;display:flex}.banner--primary{--background:var(--background-primary);--foreground:var(--foreground-primary);--border:var(--border-primary)}.banner--blue{--background:var(--background-blue);--foreground:var(--foreground-blue);--border:var(--border-blue)}.banner--green{--background:var(--background-green);--foreground:var(--foreground-green);--border:var(--border-green)}.banner--yellow{--background:var(--background-yellow);--foreground:var(--foreground-yellow);--border:var(--border-yellow)}.banner--red{--background:var(--background-red);--foreground:var(--foreground-red);--border:var(--border-red)}.banner--purple{--background:var(--background-purple);--foreground:var(--foreground-purple);--border:var(--border-purple)}.banner--orange{--background:var(--background-orange);--foreground:var(--foreground-orange);--border:var(--border-orange)}.banner--cyan{--background:var(--background-cyan);--foreground:var(--foreground-cyan);--border:var(--border-cyan)}.banner--text-left{text-align:left;justify-content:flex-start}.banner--text-center{text-align:center;justify-content:center}.banner--text-right{text-align:right;justify-content:flex-end}.banner--rounded{border-radius:9999px}.banner--full-width{width:100%}}