@layer components{.display-pill{--_background:var(--display-pill-background, var(--slate-01));--_text-colour:var(--display-pill-text-colour, var(--slate-09));--_font-size:var(--display-pill-font-size, 1.2rem);--_icon-size:var(--display-pill-icon-size, 1.4rem);--_padding-inline:var( --display-pill-padding-inline, calc(var(--_icon-size)*var(--display-pill-padding-inline-ratio, .7)) );--_padding-inline-icon:var( --display-pill-padding-inline-icon, calc(var(--_icon-size)*var(--display-pill-padding-inline-icon-ratio, .4)) );--_padding-block:var( --display-pill-padding-block, calc(var(--_icon-size)*var(--display-pill-padding-block-ratio, .3)) );display:inline-flex;align-items:center;gap:var(--display-pill-gap,calc(var(--_icon-size)*var(--display-pill-gap-ratio, .35)));padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);border:var(--display-pill-border-width,.1rem) var(--display-pill-border-style,solid) var(--display-pill-border-colour,transparent);border-radius:var(--display-pill-border-radius,100vw);outline:var(--display-pill-outline,none);outline-offset:var(--display-pill-outline-offset,0);background-color:var(--_background);color:var(--_text-colour);font-family:inherit;font-size:var(--_font-size);font-weight:var(--display-pill-font-weight,500);line-height:1;white-space:nowrap;width:-moz-fit-content;width:fit-content;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.display-pill[data-icon-position=start]{padding-inline:var(--_padding-inline-icon) var(--_padding-inline)}.display-pill[data-icon-position=end]{padding-inline:var(--_padding-inline) var(--_padding-inline-icon)}.display-pill[data-icon-position=only]{padding-inline:var(--_padding-inline-icon)}.display-pill:is(button,a){cursor:pointer}.display-pill:is(button,a):focus-visible{outline:.2rem solid var(--display-pill-focus-ring,var(--theme-border-focus));outline-offset:.2rem}.display-pill.is-reversed{flex-direction:row-reverse}.display-pill .display-pill-icon{font-size:var(--_icon-size)}.display-pill .display-pill-icon,.display-pill .display-pill-label{display:inline-flex;align-items:center}.display-pill.sm{--_font-size:var(--display-pill-font-size-sm, 1rem);--_icon-size:var(--display-pill-icon-size-sm, 1.2rem)}.display-pill.lg{--_font-size:var(--display-pill-font-size-lg, 1.4rem);--_icon-size:var(--display-pill-icon-size-lg, 1.6rem)}.display-pill.primary{--_background:var(--display-pill-primary-background, var(--display-pill-background, var(--blue-01)));--_text-colour:var(--display-pill-primary-text-colour, var(--display-pill-text-colour, var(--blue-09)))}.display-pill.success{--_background:var(--display-pill-success-background, var(--display-pill-background, var(--green-01)));--_text-colour:var(--display-pill-success-text-colour, var(--display-pill-text-colour, var(--green-10)))}.display-pill.warning{--_background:var(--display-pill-warning-background, var(--display-pill-background, var(--orange-01)));--_text-colour:var(--display-pill-warning-text-colour, var(--display-pill-text-colour, var(--orange-10)))}.display-pill.danger{--_background:var(--display-pill-danger-background, var(--display-pill-background, var(--red-01)));--_text-colour:var(--display-pill-danger-text-colour, var(--display-pill-text-colour, var(--red-10)))}.display-pill.neutral{--_background:var(--display-pill-neutral-background, var(--display-pill-background, var(--slate-08)));--_text-colour:var(--display-pill-neutral-text-colour, var(--display-pill-text-colour, var(--slate-03)))}}