@layer vs-base,component-library;@layer component-library{:root{--grid-column-count:12;--grid-gutter-default:1.5rem;--grid-gutter-mobile:1.25rem}.pill{display:inline-flex;align-items:center;white-space:nowrap;max-width:max-content;color:var(--vs-pill-fg);font-weight:var(--vs-pill-fw, var(--vs-core-font-weight-regular));gap:var(--vs-core-spacing-4);background-color:var(--vs-pill-bg);line-height:var(--vs-core-line-height-150);border:var(--vs-pill-border, none);border-radius:var(--vs-core-border-radius-full);padding:var(--vs-core-size-4) var(--vs-core-size-12)}.pill-container{display:flex;flex-wrap:wrap;gap:var(--vs-core-size-12);flex-direction:row}.pill-container--no-wrap{flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.pill-container--no-wrap::-webkit-scrollbar{display:none}.pill--ribbon{font-weight:var(--vs-core-font-weight-bold);font-size:var(--vs-core-font-size-mobile-2xs);padding:var(--vs-core-size-4) var(--vs-core-size-8);box-shadow:var(--vs-semantic-box-shadow-base)}.pill--ribbon .pill__label{line-height:var(--vs-core-line-height-150)}.pill--xs{padding:var(--vs-core-size-2) var(--vs-core-size-8)}.pill__icon{display:flex;align-items:center;flex-direction:row}.pill__icon .icon{vertical-align:middle;color:var(--vs-pill-fg);width:var(--vs-core-size-14);height:var(--vs-core-size-14)}.pill.pill--brand{--vs-pill-bg:var(--vs-background-interactive-primary-default);--vs-pill-fg:var(--vs-foreground-interactive-primary-default);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-background-interactive-primary-hover);--vs-pill-fg-hover:var(--vs-foreground-interactive-primary-hover);--vs-pill-border-hover: }.pill.pill--primary{--vs-pill-bg:var(--vs-primary-50);--vs-pill-fg:var(--vs-primary-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-primary-100);--vs-pill-fg-hover:var(--vs-primary-700);--vs-pill-border-hover: }.pill.pill--primary-50{--vs-pill-bg:var(--vs-primary-50);--vs-pill-fg:var(--vs-primary-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-primary-50);--vs-pill-fg-hover:var(--vs-primary-700);--vs-pill-border-hover: }.pill.pill--primary-500{--vs-pill-bg:var(--vs-primary-500);--vs-pill-fg:var(--vs-core-neutral-white);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-primary-500);--vs-pill-fg-hover:var(--vs-core-neutral-white);--vs-pill-border-hover: ;--vs-pill-fw:var(--vs-core-font-weight-bold)}.pill.pill--green{--vs-pill-bg:var(--vs-core-green-50);--vs-pill-fg:var(--vs-core-green-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-green-100);--vs-pill-fg-hover:var(--vs-core-green-700);--vs-pill-border-hover: }.pill.pill--blue{--vs-pill-bg:var(--vs-core-blue-50);--vs-pill-fg:var(--vs-core-blue-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-blue-100);--vs-pill-fg-hover:var(--vs-core-blue-700);--vs-pill-border-hover: }.pill.pill--orange{--vs-pill-bg:var(--vs-core-orange-50);--vs-pill-fg:var(--vs-core-orange-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-orange-100);--vs-pill-fg-hover:var(--vs-core-orange-700);--vs-pill-border-hover: }.pill.pill--orange-500{--vs-pill-bg:var(--vs-core-orange-500);--vs-pill-fg:var(--vs-core-neutral-white);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-orange-500);--vs-pill-fg-hover:var(--vs-core-neutral-white);--vs-pill-border-hover: }.pill.pill--red{--vs-pill-bg:var(--vs-core-red-500);--vs-pill-fg:var(--vs-core-neutral-white);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-red-500);--vs-pill-fg-hover:var(--vs-core-neutral-white);--vs-pill-border-hover: }.pill.pill--neutral-grey-100{--vs-pill-bg:var(--vs-core-neutral-grey-100);--vs-pill-fg:var(--vs-core-neutral-grey-700);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-neutral-grey-100);--vs-pill-fg-hover:var(--vs-core-neutral-grey-700);--vs-pill-border-hover: }.pill.pill--dynamic-blue-50{--vs-pill-bg:var(--vs-core-dynamic-blue-50);--vs-pill-fg:var(--vs-core-dynamic-blue-800);--vs-pill-border: ;--vs-pill-bg-hover:var(--vs-core-dynamic-blue-50);--vs-pill-fg-hover:var(--vs-core-dynamic-blue-800);--vs-pill-border-hover: }.pill--interactive:hover{color:var(--vs-pill-fg-hover, var(--vs-pill-fg));background-color:var(--vs-pill-bg-hover, var(--vs-pill-bg));border:var(--vs-pill-border-hover, var(--vs-pill-border))}.pill--interactive:hover .icon{color:currentcolor}.pill--contrast{--vs-pill-bg:var(--vs-surface-contrast-bg);--vs-pill-fg:var(--vs-surface-contrast-fg)}.pill--overlay{position:absolute;top:var(--vs-core-spacing-12);left:var(--vs-core-spacing-12)}}