.badge-pill{border-radius:4px;border:1px solid var(--color-secondary-1);background-color:var(--color-secondary-2);font-size:var(--body-font-size-extra-small);padding:var(--spacing-quarter) var(--spacing-half);line-height:1.2;color:var(--color-black);transition:.3s ease;position:relative}.badge-pill:has(a):hover{box-shadow:0 0 10px #0000001a;outline:1px solid}.badge-pill--red:has(a):hover{outline-color:var(--color-error-1)}.badge-pill--green:has(a):hover{outline-color:var(--color-approval-1)}.badge-pill--deep-blue:has(a):hover{outline-color:var(--color-primary-2)}.badge-pill--white:has(a):hover{outline-color:var(--color-secondary-1)}.badge-pill--light-blue:has(a):hover{outline-color:var(--color-secondary-1)}.badge-pill a{text-decoration:none;color:inherit;cursor:pointer}.badge-pill .tooltip__content a{color:var(--color-primary-2);text-decoration:underline;text-underline-offset:2px}.badge-pill:has(svg),.badge-pill a:has(svg){display:flex;align-items:center;gap:var(--spacing-quarter);padding-left:var(--spacing-quarter)}.badge-pill--red svg path{fill:var(--color-error-1)}.badge-pill--green svg path{fill:var(--color-approval-1)}.badge-pill--deep-blue svg path{fill:var(--color-white)}.badge-pill--white svg path{fill:var(--color-primary-2)}.badge-pill--light-blue svg path{fill:var(--color-primary-2)}.badge-pill--sale,.badge-pill--red{border-color:var(--color-error-1);background-color:#f1d2c7}.badge-pill--condition,.badge-pill--white{border-color:var(--color-medium-grey);background-color:var(--color-light-grey)}.badge-pill--bundle,.badge-pill--deep-blue{color:var(--color-white);background-color:var(--color-primary-2);border-color:var(--color-primary-2)}.badge-pill--green{background-color:var(--color-approval-2);border-color:var(--color-approval-1);color:var(--color-approval-1)}.badge-pill .tooltip--active .tooltip__button:before{bottom:auto;top:calc(100% + var(--spacing-half));border-left:8px solid transparent;border-right:8px solid transparent;border-top:0;border-bottom:8px solid var(--color-primary-2)}.badge-pill .tooltip--active .tooltip__content{bottom:auto;top:calc(100% + var(--spacing-half));border-radius:0 0 4px 4px;border-top-width:3px;border-bottom-width:1px;width:max-content;max-width:346px;min-width:100%}
/*# sourceMappingURL=/cdn/shop/t/171/assets/badges--pill.css.map */