@layer component{.miz-pill{--miz-pill-background-color: rgb(255, 223, 165);--miz-pill-background-color-selection: rgb(255, 255, 255);--miz-pill-link-background-color-hover: rgb(253, 183, 25);--miz-pill-border-radius: 4px;--miz-pill-font-family: Open Sans, Segoe UI, tahoma, sans-serif;--miz-pill-font-size: 0.833rem;--miz-pill-font-weight: 600;--miz-pill-padding: 0.25rem 0.5rem 0.25rem 0.5rem;--miz-pill-text-color: rgb(51, 51, 51);display:inline-block;padding:var(--miz-pill-padding);font-family:var(--miz-pill-font-family);font-size:var(--miz-pill-font-size);background-color:var(--miz-pill-background-color);border-radius:var(--miz-pill-border-radius);font-weight:var(--miz-pill-font-weight);color:var(--miz-pill-text-color)}.miz-pill:is(a){--miz-pill-font-weight: 700;--miz-pill-text-color: rgb(0, 0, 0);text-decoration:none;transition:all .1s ease-in-out}.miz-pill:is(a:hover){background-color:var(--miz-pill-link-background-color-hover)}.miz-pill::-moz-selection{background-color:var(--miz-pill-background-color-selection)}.miz-pill::selection{background-color:var(--miz-pill-background-color-selection)}}@layer component{.miz-pill-group{display:inline-flex;gap:.5rem;flex-wrap:wrap}.miz-pill-group>*{margin-top:0}}