.inventory-status{flex:1 1 100%;display:flex;flex-direction:column;gap:.6rem;font-size:1.4rem}.inventory-status__row{display:flex;align-items:center;gap:.8rem}.inventory-status__text{margin:0;color:rgb(var(--color-foreground))}.inventory-status__count{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--inventory-accent);font-weight:600}.inventory-status__note{font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.inventory-status__indicator{position:relative;flex-shrink:0;width:.9rem;height:.9rem;border-radius:50%;background-color:var(--inventory-accent);box-shadow:0 0 0 .4rem var(--inventory-accent-soft)}.inventory-status__indicator:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--inventory-accent);opacity:0}.inventory-status--pulse .inventory-status__indicator:after{animation:inventory-pulse 1.8s ease-out infinite}@keyframes inventory-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.8);opacity:0}}.inventory-status--badge .inventory-status__row{display:inline-flex;align-self:flex-start;padding:.5rem 1.2rem .5rem 1rem;border-radius:3rem;background-color:var(--inventory-accent-soft);border:1px solid var(--inventory-accent-track)}.inventory-status--badge .inventory-status__text{color:rgb(var(--color-foreground));font-weight:500}.inventory-status__bar{position:relative;width:100%;height:.6rem;border-radius:3rem;background-color:var(--inventory-accent-track);overflow:hidden}.inventory-status__bar-fill{display:block;position:relative;overflow:hidden;height:100%;width:var(--inventory-progress, 0%);border-radius:inherit;background-color:var(--inventory-accent);transform-origin:left center;animation:inventory-fill .7s cubic-bezier(.22,.61,.36,1)}@keyframes inventory-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.inventory-status--pulse .inventory-status__bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(var(--color-background),.55),transparent);animation:inventory-shimmer 2.4s ease-in-out infinite}@keyframes inventory-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.inventory-status--out .inventory-status__bar-fill{width:0}.product--no-media .inventory-status{align-items:center;text-align:center}.product--no-media .inventory-status__count{margin-left:0}@media(prefers-reduced-motion:reduce){.inventory-status__bar-fill,.inventory-status__bar-fill:after,.inventory-status__indicator:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-inventory-status.css.map */