.pill{--pill-pad-y: var(--button-pad-y);--pill-pad-x: var(--space-16);--pill-radius: var(--radius);position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-box);padding:var(--pill-pad-y) var(--pill-pad-x);border:var(--pill-frame, var(--border-width)) solid rgba(var(--color-foreground),var(--alpha-20));border-radius:var(--pill-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--text-label);font-weight:var(--font-body-weight-bold);line-height:var(--button-line);text-align:center;text-decoration:none;overflow-wrap:anywhere}.pill--link{display:flex}.pill--s{--pill-pad-y: var(--space-4);--pill-pad-x: var(--space-8);--pill-frame: 0px;min-width:var(--space-32);min-height:0;background-color:transparent;color:inherit;font-size:inherit;font-weight:var(--font-body-weight);line-height:inherit}.pill--chip{--pill-pad-y: calc(6 * var(--px));--pill-pad-x: var(--space-16);--pill-frame: var(--border-width);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--text-label);font-weight:var(--font-body-weight)}.pill--removable{--pill-pad-y: 0px;--pill-pad-x: 0px;--pill-frame: 0px;gap:var(--space-8);justify-content:flex-start;min-height:var(--space-24);background-color:transparent;font-size:inherit;font-weight:var(--font-body-weight);text-align:start;overflow-wrap:anywhere}.pill__mark{display:flex;flex:none;align-items:center;justify-content:center;width:var(--space-24);height:var(--space-24);border-radius:50%;background-color:currentColor}.pill__mark svg{width:var(--space-16);height:var(--space-16);color:rgb(var(--color-background))}.pill--solid,.pill--outline{--pill-frame: var(--border-width);background-color:rgba(var(--color-button),var(--alpha-button-background));border-color:transparent;color:rgb(var(--color-button-text))}.pill--outline{--color-button: var(--color-secondary-button);--color-button-text: var(--color-secondary-button-text);border-color:rgb(var(--color-button-text))}.pill--choice{min-width:var(--space-64);cursor:pointer}input:checked+.pill--choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--pill-radius) - var(--border-width));box-shadow:0 0 0 max(var(--pick-width),var(--border-width)) rgba(var(--color-foreground),var(--pick-hover));pointer-events:none}@media screen and (forced-colors:active){input:checked+.pill--choice{text-decoration:underline}}input:checked+.pill--choice::selection{background-color:rgba(var(--color-background),.3)}.pill--link[aria-current]{border-color:rgb(var(--color-foreground))}input:is(:disabled,.disabled)+.pill--choice{background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(var(--color-foreground),var(--alpha-20)) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),rgba(var(--color-foreground),var(--alpha-5));background-clip:border-box,padding-box}input:checked:is(:disabled,.disabled)+.pill--choice{border-color:rgba(var(--color-foreground),var(--pick-hover))}input:checked:is(:disabled,.disabled)+.pill--choice:after{content:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-pill.css.map */