@layer components{.chip{border:1px solid var(--border);border-radius:var(--radius-pill);min-block-size:2.25rem;color:var(--ink);font:600 .75rem / 1 var(--font-text);letter-spacing:var(--tracking-chip);background:0 0;align-items:center;gap:.4375rem;padding:.5rem .75rem .5rem .625rem;text-decoration:none;display:inline-flex}.chip svg{flex:none;block-size:1rem;inline-size:1rem}a.chip:hover,button.chip:hover{border-color:var(--ink);color:var(--ink)}.status{--status-bg:var(--pedra);--status-fg:var(--aitana);border-radius:var(--radius-pill);background:var(--status-bg);color:var(--status-fg);font:600 .65625rem / 1 var(--font-text);letter-spacing:var(--tracking-chip);text-transform:uppercase;white-space:nowrap;align-items:center;gap:.375rem;padding:.3125rem .625rem;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;block-size:.4375rem;inline-size:.4375rem}.status--ok{--status-bg:color-mix(in srgb, var(--romer) 14%, var(--calc));--status-fg:var(--romer)}.status--pending{--status-bg:var(--pedra);--status-fg:var(--aitana)}.status--conflict{--status-bg:var(--ametler);--status-fg:var(--aitana)}}