.components-layout-pill--root--1v7I3{align-items:center;background-color:var(--pill--background-color--base);border:var(--pill--border--base,none);border-radius:9999px;color:var(--pill--color--base);display:inline-flex;font-size:var(--font-x-small--font-size);gap:.75ch;line-height:var(--font-x-small--line-height);padding:var(--padding--button--top) var(--padding--button--right) var(--padding--button--bottom) var(--padding--button--left);transition:background-color var(--transition--default),border var(--transition--default),color var(--transition--default);--fs:var(--font-x-small--font-size);--lh:var(--font-x-small--line-height);letter-spacing:var(--font-x-small--letter-spacing);min-height:calc(var(--lh) + var(--padding--button--top) + var(--padding--button--bottom))}.components-layout-pill--root--1v7I3[data-uppercase]{text-transform:uppercase}.components-layout-pill--root--1v7I3:focus{outline:none}.components-layout-pill--root--1v7I3[data-size-option=narrow]{font-size:var(--font-x-small--font-size);line-height:var(--font-x-small--line-height);padding:var(--padding--button-narrow--top) var(--padding--button-narrow--right) var(--padding--button-narrow--bottom) var(--padding--button-narrow--left);--fs:var(--font-x-small--font-size);--lh:var(--font-x-small--line-height);letter-spacing:var(--font-x-small--letter-spacing);min-height:calc(var(--lh) + var(--padding--button-narrow--top) + var(--padding--button-narrow--bottom))}.components-layout-pill--root--1v7I3[data-size-option=tiny]{font-size:var(--font-xx-small--font-size);line-height:var(--font-xx-small--line-height);padding:var(--padding--button-tiny--top) var(--padding--button-tiny--right) var(--padding--button-tiny--bottom) var(--padding--button-tiny--left);--fs:var(--font-xx-small--font-size);--lh:var(--font-xx-small--line-height);letter-spacing:var(--font-xx-small--letter-spacing);min-height:calc(var(--lh) + var(--padding--button-tiny--top) + var(--padding--button-tiny--bottom))}.components-layout-pill--root--1v7I3[data-view-option=default]{--pill--color--base:var(--pill--color,var(--color--black));--pill--background-color--base:var(--pill--background-color,var(--color--white));--pill--border--base:var(--stroke--default) solid var(--pill--border-color,var(--color--gray))}.components-layout-pill--root--1v7I3[data-view-option=default]:focus,.components-layout-pill--root--1v7I3[data-view-option=default]:hover{--pill--color--base:var(--pill--color--hover,var(--color--black));--pill--background-color--base:var(--pill--background-color--hover,var(--color--gray));--pill--border--base:var(--stroke--default) solid var(--pill--border-color--hover,var(--color--gray))}.components-layout-pill--root--1v7I3[data-view-option=default][data-active]{--pill--background-color--base:var(--pill--background-color--active,var(--color--gray--dark));--pill--border--base:var(--stroke--default) solid var(--pill--border-color--active,var(--color--gray--dark));--pill--color--base:var(--pill--color--active,var(--color--white))}.components-layout-pill--root--1v7I3[data-view-option=primary]{--pill--background-color--base:var(--pill--background-color,var(--color--blue));--pill--color--base:var(--color--white)}.components-layout-pill--root--1v7I3[data-view-option=primary]:focus,.components-layout-pill--root--1v7I3[data-view-option=primary]:hover{--pill--color--base:var(--pill--color--hover,var(--color--white));--pill--background-color--base:var(--pill--background-color--hover,var(--color--gray--dark))}.components-layout-pill--root--1v7I3[data-view-option=primary][data-active]{--pill--background-color--base:var(--pill--background-color--active,var(--color--gray--dark));--pill--border--base:var(--stroke--default) solid var(--pill--border-color--active,var(--color--gray--dark));--pill--color--base:var(--pill--color--active,var(--color--white))}.components-layout-pill--root--1v7I3[data-view-option=secondary]{--pill--background-color--base:var(--color--white);--pill--color--base:var(--color--blue);--pill--border--base:var(--stroke--default) solid var(--color--blue)}.components-layout-pill--root--1v7I3[data-view-option=secondary]:focus,.components-layout-pill--root--1v7I3[data-view-option=secondary]:hover{--pill--color--base:var(--pill--color--hover,var(--color--white));--pill--color--base:var(--color--white);--pill--background-color--base:var(--color--blue)}.components-layout-pill--root--1v7I3[data-view-option=secondary][data-active]{--pill--background-color--base:var(--pill--background-color--active,var(--color--gray--dark));--pill--border--base:var(--stroke--default) solid var(--pill--border-color--active,var(--color--gray--dark));--pill--color--base:var(--pill--color--active,var(--color--white))}.components-layout-pill--root--1v7I3[data-view-option=reversed]{--pill--color--base:var(--color--primary);--pill--background-color--base:var(--color--background);--pill--border--base:var(--stroke--default) solid var(--color--primary)}.components-layout-pill--root--1v7I3[data-view-option=reversed]:focus,.components-layout-pill--root--1v7I3[data-view-option=reversed]:hover{--pill--color--base:var(--color--background);--pill--background-color--base:var(--color--primary)}.components-layout-pill--root--1v7I3[data-view-option=reversed][data-active]{--pill--background-color--base:var(--pill--background-color--active,var(--color--gray--dark));--pill--border--base:var(--stroke--default) solid var(--pill--border-color--active,var(--color--gray--dark));--pill--color--base:var(--pill--color--active,var(--color--white))}.components-layout-pill--root--1v7I3[disabled]{pointer-events:none;--pill--background-color--base:var(--color--white);--pill--color--base:var(--color--gray);--pill--border--base:var(--stroke--default) solid var(--color--gray)}.components-layout-pill--root--1v7I3[data-pending]{animation:components-layout-pill--transition--4Bws2 1.5s ease infinite}@keyframes components-layout-pill--transition--4Bws2{0%{opacity:1}50%{opacity:.35}to{opacity:1}}