@scope(.instui-pill){&{height:var(--instui-component-pill-height);max-width:var(--instui-component-pill-max-width);padding-block:var(--instui-component-pill-padding-vertical);padding-inline:var(--instui-component-pill-padding-horizontal);align-items:center;gap:var(--instui-component-pill-gap-content);background:var(--instui-component-pill-neutral-background-color);color:var(--instui-component-pill-base-text-color);border:var(--instui-component-pill-border-width) var(--instui-component-pill-border-style) var(--instui-component-pill-base-border-color);border-radius:var(--instui-component-pill-border-radius);font-family:var(--instui-component-pill-font-family);font-size:var(--instui-component-pill-text-font-size);font-weight:var(--instui-component-pill-text-font-weight);line-height:var(--instui-component-pill-line-height);display:inline-flex}&[class*=-icon-]:before{inline-size:var(--instui-font-size-text-xs);block-size:var(--instui-font-size-text-xs);margin-inline-end:var(--instui-component-pill-gap-icon-label)}&.-size-x-small{height:var(--instui-component-pill-height-x-small)}&.-size-medium{height:var(--instui-component-pill-height-medium);padding-inline:var(--instui-component-pill-padding-horizontal-medium);font-size:var(--instui-component-pill-text-font-size-medium);gap:var(--instui-component-pill-gap-content)}&.-size-large{height:var(--instui-component-pill-height-large);padding-inline:var(--instui-component-pill-padding-horizontal-large);font-size:var(--instui-component-pill-text-font-size-large);gap:var(--instui-component-pill-gap-content)}&.-size-medium[class*=-icon-]:before{margin-inline-end:var(--instui-component-pill-gap-icon-label-medium)}&.-size-large[class*=-icon-]:before{margin-inline-end:var(--instui-component-pill-gap-icon-label-large)}&.-color-neutral{background:var(--instui-component-pill-neutral-background-color)}&.-color-info{background:var(--instui-component-pill-info-background-color);color:var(--instui-component-pill-info-text-color);border-color:var(--instui-component-pill-info-border-color)}&.-color-success{background:var(--instui-component-pill-success-background-color);color:var(--instui-component-pill-success-text-color);border-color:var(--instui-component-pill-success-border-color)}&.-color-warning{background:var(--instui-component-pill-warning-background-color);color:var(--instui-component-pill-warning-text-color);border-color:var(--instui-component-pill-warning-border-color)}&:is(.-color-danger,.-color-error){background:var(--instui-component-pill-error-background-color);color:var(--instui-component-pill-error-text-color);border-color:var(--instui-component-pill-error-border-color)}&.-color-plum{background:var(--instui-component-pill-plum-background-color);color:var(--instui-component-pill-plum-text-color);border-color:var(--instui-component-pill-plum-border-color)}&.-color-aurora{background:var(--instui-component-pill-aurora-background-color);color:var(--instui-component-pill-aurora-text-color);border-color:var(--instui-component-pill-aurora-border-color)}&.-color-sky{background:var(--instui-component-pill-sky-background-color);color:var(--instui-component-pill-sky-text-color);border-color:var(--instui-component-pill-sky-border-color)}&.-color-orange{background:var(--instui-component-pill-orange-background-color);color:var(--instui-component-pill-orange-text-color);border-color:var(--instui-component-pill-orange-border-color)}&.-color-violet{background:var(--instui-component-pill-violet-background-color);color:var(--instui-component-pill-violet-text-color);border-color:var(--instui-component-pill-violet-border-color)}&.-color-sea{background:var(--instui-component-pill-sea-background-color);color:var(--instui-component-pill-sea-text-color);border-color:var(--instui-component-pill-sea-border-color)}&.-color-stone{background:var(--instui-component-pill-stone-background-color);color:var(--instui-component-pill-stone-text-color);border-color:var(--instui-component-pill-stone-border-color)}&.-color-info,&.-color-success,&.-color-warning,&.-color-danger{font-weight:var(--instui-component-pill-status-label-font-weight)}}