.jc-pill{position:relative;display:inline-flex;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.jc-pill__input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.jc-pill__content{display:inline-flex;align-items:center;gap:var(--jc-space-2);padding:var(--jc-space-3) var(--jc-space-4);border:1px solid var(--jc-color-border);border-radius:var(--jc-radius-md);background-color:#fff;color:var(--jc-color-text-primary);font-family:var(--jc-font-family);font-weight:var(--jc-font-weight-regular);font-size:var(--jc-font-size-base);line-height:1;white-space:nowrap;transition:background-color var(--jc-transition),border-color var(--jc-transition),color var(--jc-transition)}.jc-pill:hover .jc-pill__content{background-color:var(--jc-color-surface)}.jc-pill__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:15px;color:var(--jc-color-icon-muted);transition:color var(--jc-transition)}.jc-pill__icon svg{display:block;width:100%;height:100%}.jc-pill__input:checked+.jc-pill__content{background-color:var(--jc-color-primary-900);border-color:var(--jc-color-primary-950);color:var(--jc-color-text-inverse)}.jc-pill__input:checked+.jc-pill__content .jc-pill__icon{color:var(--jc-color-text-inverse)}.jc-pill:hover .jc-pill__input:checked+.jc-pill__content{background-color:var(--jc-color-primary-900)}.jc-pill--active .jc-pill__content{background-color:var(--jc-color-primary-900);border-color:var(--jc-color-primary-950);color:var(--jc-color-text-inverse)}.jc-pill--active .jc-pill__content .jc-pill__icon{color:var(--jc-color-text-inverse)}.jc-pill--active:hover .jc-pill__content{background-color:var(--jc-color-primary-900)}.jc-pill__input:focus-visible+.jc-pill__content{outline:var(--jc-focus-width) solid var(--jc-color-primary);outline-offset:var(--jc-focus-gap)}a.jc-pill:focus-visible{outline:var(--jc-focus-width) solid var(--jc-color-primary);outline-offset:var(--jc-focus-gap)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/jc-pill.css.map */