.ax-stock{margin:1.2rem 0}.ax-stock__inner{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.3rem;border-radius:1rem;border:1px solid rgba(128,128,128,.18);background:rgba(var(--color-foreground),.03)}.ax-stock__status{display:flex;align-items:center;gap:.7rem;font-size:1.4rem;font-weight:600;line-height:1.3}.ax-stock__info{position:relative;margin-left:auto;flex-shrink:0}.ax-stock__info-btn{display:inline-flex;padding:.2rem;cursor:pointer;list-style:none;color:rgba(var(--color-foreground),.45);transition:color .2s ease}.ax-stock__info-btn::-webkit-details-marker{display:none}.ax-stock__info-btn svg{width:1.7rem;height:1.7rem}.ax-stock__info:hover .ax-stock__info-btn,.ax-stock__info[open] .ax-stock__info-btn{color:rgba(var(--color-foreground),.85)}.ax-stock__tooltip{position:absolute;bottom:calc(100% + 1rem);right:-.6rem;z-index:4;width:max-content;max-width:26rem;padding:1rem 1.2rem;border-radius:.8rem;background:#1c1c20;color:#f5f5f5;font-size:1.25rem;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 8px 24px #00000040;opacity:0;visibility:hidden;transform:translateY(.4rem);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.ax-stock__tooltip:after{content:"";position:absolute;top:100%;right:1.2rem;border:.6rem solid transparent;border-top-color:#1c1c20}.ax-stock__info:hover .ax-stock__tooltip,.ax-stock__info:focus-within .ax-stock__tooltip,.ax-stock__info[open] .ax-stock__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.ax-stock__icon{display:inline-flex;flex-shrink:0}.ax-stock__icon svg{width:1.8rem;height:1.8rem}.ax-stock__dot{position:relative;width:1rem;height:1rem;flex-shrink:0;border-radius:50%}.ax-stock__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ax-stock-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ax-stock-ping{0%{transform:scale(1);opacity:.7}75%,to{transform:scale(2.4);opacity:0}}.ax-stock__inner--ok{border-color:#2ecc714d}.ax-stock__inner--ok .ax-stock__dot{background:#2ecc71;box-shadow:0 0 10px #2ecc71b3}.ax-stock__inner--ok .ax-stock__status{color:#23a05a}.ax-stock__inner--low{border-color:#ff5e3a73;background:linear-gradient(135deg,#ff5e3a14,#ff2e580d);animation:ax-stock-glow 2s ease-in-out infinite}@keyframes ax-stock-glow{0%,to{box-shadow:0 0 #ff5e3a00}50%{box-shadow:0 0 18px #ff5e3a59}}.ax-stock__inner--low .ax-stock__status{color:#e03e23}.ax-stock__inner--low .ax-stock__icon{color:#ff5e3a;animation:ax-stock-flicker 1.2s ease-in-out infinite;transform-origin:50% 90%}@keyframes ax-stock-flicker{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.12) rotate(-3deg)}60%{transform:scale(.96) rotate(2deg)}}.ax-stock__urgency{margin:0;font-size:1.25rem;color:rgba(var(--color-foreground),.65)}.ax-stock__inner--out .ax-stock__dot{background:#a0a0a0}.ax-stock__inner--out .ax-stock__dot:after{animation:none}.ax-stock__inner--out .ax-stock__status{color:rgba(var(--color-foreground),.55)}.ax-stock__bar{display:block!important;position:relative;height:.8rem;border-radius:99px;background:rgba(var(--color-foreground),.08);overflow:hidden}.ax-stock__bar:before{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--ax-fill, 0%);border-radius:99px;background:linear-gradient(90deg,#2ecc71,#00bea0);animation:ax-stock-fill 1s cubic-bezier(.22,1,.36,1) backwards}@keyframes ax-stock-fill{0%{width:0%}}.ax-stock__inner--low .ax-stock__bar:before{background:linear-gradient(90deg,#ff9e2c,#ff4242)}.ax-stock__inner--low .ax-stock__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);animation:ax-stock-shimmer 2.2s ease-in-out infinite}@keyframes ax-stock-shimmer{60%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ax-stock__dot:after,.ax-stock__inner--low,.ax-stock__inner--low .ax-stock__icon,.ax-stock__inner--low .ax-stock__bar:after,.ax-stock__bar:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-stock-indicator.css.map */
