.pill{--min-height: 2rem;--label-padding-x: .125rem ;--label-padding-y: .375rem ;--pill-padding-x: .3755rem ;--pill-padding-y: .4375rem ;--padding: var(--pill-padding-x) calc(var(--pill-padding-y) + var(--label-padding-y)) calc(var(--pill-padding-x) + var(--label-padding-x));--label-font-size: .8125rem;--letter-spacing: 0em;--line-height: .975rem;--icon-size: 1.125rem;--icon-line-height: var(--icon-height);--icon-padding-x: var(--pill-padding-x);--icon-padding-y: var(--pill-padding-y)}.pill.pill-lg{--min-height: 2.75rem;--label-padding-x: .0625rem;--label-padding-y: .625rem;--pill-padding-x: .6875rem ;--pill-padding-y: .6875rem ;--label-font-size: 1.125rem;--letter-spacing: .02em;--line-height: 1.2rem;--icon-size: 1.5rem;--icon-padding-x: .5625rem ;--icon-padding-y: var(--pill-padding-y)}.pill.pill-sm{--min-height: 1.5rem;--label-padding-x: .0625rem;--label-padding-y: .375rem;--pill-padding-x: calc(.281rem - .0625rem);--pill-padding-y: .3125rem ;--label-font-size: .75rem;--letter-spacing: .0813rem;--line-height: .9rem;--icon-size: .875rem;--icon-line-height: .975rem}.pill.pill-xs{--min-height: 1.25rem;--label-padding-y: .375rem;--pill-padding-x: .1565rem ;--pill-padding-y: .25rem ;--padding: var(--pill-padding-x) calc(var(--pill-padding-y) + var(--label-padding-y));--label-font-size: .6875rem;--letter-spacing: .1375rem;--line-height: .825rem;--icon-size: .75rem}.pill{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;border:.0625rem solid rgb(0,0,0);border-radius:5rem;color:#fff;display:inline-flex;font-size:var(--label-font-size);font-weight:600;justify-content:center;letter-spacing:.02em;line-height:var(--line-height);min-height:var(--min-height);overflow:hidden;padding:var(--padding);position:relative;text-decoration:none}.pill:not(:has(.icon)){text-align:center}.pill:is(button){cursor:pointer}.pill.pill-icon{align-items:center;display:inline-flex;line-height:var(--icon-line-height);padding-top:var(--icon-padding-x);padding-left:var(--pill-padding-y);padding-bottom:calc(var(--icon-padding-x))}.pill.pill-icon .icon{height:var(--icon-size);flex-shrink:0;margin-right:var(--label-padding-y);width:var(--icon-size)}.pill.pill-icon.pill-icon-right{padding-left:calc(var(--pill-padding-y) + var(--label-padding-y));padding-right:var(--pill-padding-y)}.pill.pill-icon.pill-icon-right .icon{margin-right:0;margin-left:var(--label-padding-y)}.pill.pill-white{background-color:#fff;border-color:#fff;color:#000}.pill.pill-green{background-color:#bff3d5;border-color:#bff3d5;color:#000}.pill.pill-grey{background-color:#f4f4f4;border-color:#f4f4f4;color:#000}.pill.pill-orange{background-color:#ffeed8;border-color:#ffeed8;color:#000}.pill.pill-red{background-color:#ffdbd7;border-color:#ffdbd7;color:#000}.pill.pill-celery{background-color:#d7ffc1;border-color:#d7ffc1;color:#000}.pill.pill-periwinkle{background-color:#c7cbff;border-color:#c7cbff;color:#000}.pill.pill-glacier{background-color:#b9ebf9;border-color:#b9ebf9;color:#000}.pill.pill-butternut{background-color:#ffeaaf;border-color:#ffeaaf;color:#000}.pill.pill-disabled,.pill:is(button):disabled{background-color:#f4f4f4;border-color:#f4f4f4;color:#aaa;pointer-events:none}.pill.pill-disabled .icon,.pill:is(button):disabled .icon{opacity:.3}.pill.pill-border-black:not(.pill-disabled){border-color:#000}.pill.pill-border-green:not(.pill-disabled){border-color:#80e8ab}