.sales-popularity{--sp-background: transparent;--sp-text: currentColor;--sp-muted: currentColor;--sp-accent: currentColor;--sp-border: currentColor;--sp-track: currentColor;--sp-font-family: inherit;--sp-font-size: 14px;--sp-radius: 12px;--sp-gap: 10px;--sp-padding-block: 12px;--sp-padding-inline: 14px;--sp-border-width: 1px;--sp-progress: 0%;display:block;color:var(--sp-text);font-family:var(--sp-font-family);font-size:var(--sp-font-size);line-height:1.45}.sales-popularity[hidden]{display:none}.sales-popularity__card{display:inline-flex;flex-direction:column;gap:var(--sp-gap);width:min(100%,var(--sp-width, 420px));padding:var(--sp-padding-block) var(--sp-padding-inline);border:var(--sp-border-width) solid color-mix(in srgb,var(--sp-border) 32%,transparent);border-radius:var(--sp-radius);background:var(--sp-background)}.sales-popularity__row{display:flex;align-items:center;gap:calc(var(--sp-gap) * .8);min-width:0}.sales-popularity__icon{display:grid;flex:0 0 auto;width:1.75em;height:1.75em;place-items:center;border-radius:50%;color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent) 12%,transparent)}.sales-popularity__icon svg{width:1em;height:1em}.sales-popularity__message{min-width:0;overflow-wrap:anywhere}.sales-popularity__value{color:var(--sp-accent);font-weight:750;font-variant-numeric:tabular-nums}.sales-popularity__track{position:relative;height:var(--sp-track-height, 7px);overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--sp-track) 18%,transparent)}.sales-popularity__track:after{position:absolute;inset:0 auto 0 0;width:var(--sp-progress);border-radius:inherit;background:var(--sp-accent);content:"";transition:width .5s ease}.sales-popularity__caption{color:var(--sp-muted);font-size:.86em}.sales-popularity.is-updating .sales-popularity__value{animation:sp-value-pop .36s ease}.sales-popularity__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes sp-value-pop{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sales-popularity__track:after{transition:none}.sales-popularity.is-updating .sales-popularity__value{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/sales-popularity.css.map */