@layer components{.edge--strong-over,.edge--lean-over,.edge--strong-under,.edge--lean-under{display:inline-flex;align-items:center;padding:1px 6px;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-full);font-weight:600;line-height:1.4}.edge--strong-over{color:var(--brand-mint);background:color-mix(in srgb, var(--brand-mint) 18%, transparent)}.edge--lean-over{color:var(--brand-mint);border-color:color-mix(in srgb, var(--brand-mint) 55%, transparent)}.edge--strong-under{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 18%, transparent)}.edge--lean-under{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 55%, transparent)}html.dark .edge--strong-under,html.dark .edge--lean-under{color:color-mix(in srgb, var(--color-danger-bright) 70%, var(--color-danger))}html.dark .edge--strong-under{background:color-mix(in srgb, var(--color-danger-bright) 18%, transparent)}html:not(.dark) .edge--strong-over,html:not(.dark) .edge--lean-over{color:color-mix(in srgb, var(--brand-mint) 50%, var(--color-text))}html:not(.dark) .edge--strong-under,html:not(.dark) .edge--lean-under{color:color-mix(in srgb, var(--color-danger) 85%, var(--color-black))}}