.discount-label{background-color:var(--c-white);border:1px solid var(--c-onyx--400);height:26px;width:var(--discount-width,-moz-fit-content);width:var(--discount-width,fit-content);padding:0 0 0 var(--padding-right,8px);max-width:var(--discount-max-width,auto);border-radius:6px;justify-content:space-between;align-items:center;gap:4px;font-size:13px;display:flex}.discount-label:hover{--tooltip-visibility:visible}.discount-label.large{--padding-right:10px;height:36px;font-size:15px}.discount-label.inactive{filter:grayscale();background-color:var(--c-onyx--200);cursor:not-allowed}.discount-label__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discount-label__percentage{background-color:var(--c-primary);color:var(--c-white);height:calc(100% + 2px);padding:0 var(--padding-right,8px);text-align:center;border-top-right-radius:6px;border-bottom-right-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-right:-1px;line-height:13px;display:flex}.discount-label__percentage.with-date{padding:0 4px}.discount-label__date{font-size:8px}.discount-label__tooltip{width:calc(100% + 4px);visibility:var(--tooltip-visibility,hidden);background-color:var(--c-onyx--800);color:var(--c-white);z-index:1;text-align:center;border-radius:6px;padding:6px 8px;font-size:14px;position:absolute;top:-56px;left:-10px}.discount-label__tooltip:after{content:" ";border-style:solid;border-width:7px;border-color:var(--c-onyx--800) transparent transparent transparent;margin-left:-7px;position:absolute;top:100%;left:50%}