.m-sales-progress{--sp-radius: 16px;--sp-gap: 16px;--sp-track-height: 4px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-gap);margin:0;padding:0;list-style:none}@media screen and (min-width:480px){.m-sales-progress{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}}.m-sales-progress__item{--sp-scale: calc(var(--sp-pct, 0) / 100);display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:74px;padding:16px;border:1px solid rgb(var(--color-border));border-radius:var(--sp-radius);background-color:rgba(var(--color-foreground),.04);box-shadow:0 1px 2px rgba(var(--color-foreground),.03),0 6px 16px rgba(var(--color-foreground),.04);contain:layout style;transition:transform .2s ease,box-shadow .2s ease}.m-sales-progress__item:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(var(--color-foreground),.04),0 10px 22px rgba(var(--color-foreground),.06)}.m-sales-progress__head{display:flex;align-items:center;gap:10px;min-width:0}.m-sales-progress__icon{flex:0 0 20px;flex-shrink:0;width:20px;height:20px;color:rgb(var(--color-heading))}.m-sales-progress__icon svg{display:block;width:100%;height:100%}.m-sales-progress__label{min-width:0;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.01em;color:rgb(var(--color-heading))}.m-sales-progress__track{position:relative;overflow:hidden;width:100%;height:var(--sp-track-height);border-radius:var(--rounded-full);background-color:rgba(var(--color-foreground),.12)}.m-sales-progress__fill{display:block;width:100%;height:100%;border-radius:inherit;background-color:rgb(var(--color-heading));transform:scaleX(var(--sp-scale));transform-origin:left center}.m-sales-progress__item--sold .m-sales-progress__fill{background-color:rgb(var(--color-price-sale))}[dir=rtl] .m-sales-progress__fill{transform-origin:right center}@keyframes m-sales-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--sp-scale))}}.m-sales-progress__fill{animation:m-sales-progress-fill .7s cubic-bezier(.16,1,.3,1) both}.m-sales-progress__item+.m-sales-progress__item .m-sales-progress__fill{animation-delay:90ms}.m-sales-progress--js .m-sales-progress__fill{animation:none}.m-sales-progress--js.is-ready .m-sales-progress__fill{animation:m-sales-progress-fill .7s cubic-bezier(.16,1,.3,1) both}@media screen and (max-width:479px){.m-sales-progress{--sp-gap: 12px}.m-sales-progress__item{min-height:62px;gap:8px;padding:12px}.m-sales-progress__head{gap:8px}.m-sales-progress__label{font-size:12px}}@media(prefers-reduced-motion:reduce){.m-sales-progress__item{transition:none}.m-sales-progress__item:hover{transform:none}.m-sales-progress__fill,.m-sales-progress--js.is-ready .m-sales-progress__fill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-sales-progress.css.map */