.mm-label{display:inline-flex;justify-content:center;align-items:center;gap:var(--mm-space-05, 2px);width:fit-content;height:20px;margin:0;border-radius:var(--mm-radius-full, 1000px);padding:var(--mm-space-1, 4px) var(--mm-space-3, 10px);font:var(--mm-font-weight-regular, 400) var(--mm-font-size-text-xxs, 10.8px) / 1.22 var(--mm-font);letter-spacing:-.02em;white-space:nowrap}.mm-label:has(>.mm-label-icon:first-child){padding-left:var(--mm-space-2, 6px)}.mm-label:has(>.mm-label-icon:last-child){padding-right:var(--mm-space-2, 6px)}.mm-label-icon{flex:none;display:flex;width:12px;height:12px}:where(.mm-label) :where(.mm-label-text){font:inherit;color:inherit;letter-spacing:inherit;padding-top:.226em;padding-bottom:.174em}:where(.mm-label) :where(.mm-label-icon){color:inherit}.mm-label-bold{font-weight:var(--mm-font-weight-medium, 500)}.mm-label-primary{background:var(--mm-color-white, #ffffff);color:var(--mm-color-black-600, #7b736b)}.mm-label-secondary{background:var(--mm-color-valid-light, #e2eee5);color:var(--mm-color-valid, #45824e)}.mm-label-tertiary{background:var(--mm-color-secondary-light, #fdeac3);color:var(--mm-color-secondary-dark, #df8806)}.mm-label-quaternary{background:var(--mm-color-black-900, #100f0e);color:var(--mm-color-white, #ffffff)}.mm-label-bleu{background:var(--mm-color-product-bleu-light, #eff3f5);color:var(--mm-color-product-bleu, #5b7f95)}.mm-label-terracotta{background:var(--mm-color-product-terracotta-light, #f6e4df);color:var(--mm-color-product-terracotta, #9d432c)}.mm-label-small{height:16px;padding:var(--mm-space-05, 2px) var(--mm-space-2, 6px)}.mm-label-small.mm-label:has(>.mm-label-icon:first-child){padding-left:var(--mm-space-1, 4px)}.mm-label-small.mm-label:has(>.mm-label-icon:last-child){padding-right:var(--mm-space-1, 4px)}.mm-label-small .mm-label-icon{width:10px;height:10px}.mm-label-large{height:26px;padding:8px 16px;font-size:var(--mm-font-size-text-xs, 13.2px)}.mm-label-large.mm-label:has(>.mm-label-icon:first-child){padding-left:var(--mm-space-2, 6px)}.mm-label-large .mm-label-icon{width:14px;height:14px}.mm-label[data-label-hover=true]{transition:transform var(--mm-duration-medium, .38s) var(--mm-curve-big, cubic-bezier(.3, 1.9, .44, 1))}.mm-label[data-label-hover=true]:hover{transform:scale(1.05)}.mm-label[data-label-icon-animation=wiggle]:hover .mm-label-icon{animation:mm-label-icon-wiggle .6s var(--mm-curve-medium, ease)}@keyframes mm-label-icon-wiggle{0%{transform:rotate(0)}30%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}to{transform:rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/mm-label.css.map */