.inventory-cular{--line-color: #EE9441;--line-color-empty: #E5E5E5;--text-color: #121212;--line-height: 4px;--line-gap: 3px}.inventory-cular__container{max-width:400px;margin:0 auto}.inventory-cular{margin:12px 0}.inventory-cular__heading{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:12px;text-align:center}.inventory-cular__status{text-align:left;margin-bottom:8px}.inventory-cular__text{font-size:14px;font-weight:300;color:var(--text-color)}.inventory-cular__indicator{width:100%}.inventory-cular__lines{display:flex;gap:0px;align-items:center;min-height:var(--line-height);justify-content:flex-start;width:100%;max-width:280px;padding:4px 0;border-radius:2px;overflow:hidden}.inventory-cular__line{height:var(--line-height);border-radius:0;flex:1;min-width:18px;max-width:22px;transition:all .3s ease;transform-origin:left center}.inventory-cular__line--filled{background-color:var(--line-color)}.inventory-cular__line--empty{background-color:var(--line-color-empty)}.inventory-cular[data-stock-level=high]{--line-color: #10B981}.inventory-cular[data-stock-level=medium]{--line-color: #EE9441}.inventory-cular[data-stock-level=low]{--line-color: #F59E0B}.inventory-cular[data-stock-level=critical]{--line-color: #EF4444}.inventory-cular[data-stock-level=out]{--line-color: #9CA3AF}.inventory-cular[data-stock-level=out] .inventory-cular__text{color:#9ca3af}.inventory-cular__lines[data-animating=true] .inventory-cular__line{transition:background-color .4s ease,transform .2s ease}.inventory-cular__line--filling{transform:scaleX(0);animation:fillLine .3s ease forwards}@keyframes fillLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (max-width: 749px){.inventory-cular__container{max-width:300px}.inventory-cular{--line-height: 3px;--line-gap: 2px}.inventory-cular__line{max-width:20px}.inventory-cular__heading{font-size:14px;margin-bottom:10px}.inventory-cular__text{font-size:13px}}.inventory-cular__lines:hover .inventory-cular__line--filled{transform:scaleY(1.2)}@media (prefers-reduced-motion: reduce){.inventory-cular__line{transition:none}.inventory-cular__line--filling{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/inventory-cular.css.map */