.stock{margin-block:20px 24px}.stock__card{--stock-accent: #6b7280;--stock-tint: #f4f5f7;display:flex;align-items:flex-start;gap:12px;padding:14px 16px 14px 14px;border-radius:12px;background:var(--stock-tint)}.stock__icon{flex:0 0 auto;width:20px;height:20px;margin-top:1px;color:var(--stock-accent)}.stock__icon svg{width:100%;height:100%;display:block}.stock__body{min-width:0;display:grid;gap:3px}.stock__title{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:600;line-height:1.3;color:var(--stock-accent)}.stock__badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#fff;background:var(--stock-accent)}.stock__note{margin:0;font-size:13px;line-height:1.5;color:#4b5563;text-wrap:pretty}.stock__note strong{font-weight:600;color:#1f2937}.stock__link{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s ease}.stock__link:hover{color:var(--stock-accent)}.stock--ok{--stock-accent: #15803d;--stock-tint: #f0fdf4}.stock--order{--stock-accent: #b45309;--stock-tint: #fffbeb}.stock--craft{--stock-accent: #4338ca;--stock-tint: #eef2ff}.stock--out{--stock-accent: #b91c1c;--stock-tint: #fef2f2}.stock--pending{--stock-accent: #9ca3af;--stock-tint: #f9fafb}.stock--pending .stock__icon svg{animation:stockSpin .9s linear infinite}.stock--pending .stock__title{font-weight:500}@keyframes stockSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stock--pending .stock__icon svg{animation:none}}@media(max-width:640px){.stock__card{padding:12px 14px 12px 12px;gap:10px}.stock__title{font-size:14px}.stock__note{font-size:12.5px}}.stock__dot{position:relative;display:block;width:10px;height:10px;margin:5px auto 0;border-radius:50%;background:var(--stock-accent)}.stock__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;animation:stockPulse 2s ease-out infinite}@keyframes stockPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media(prefers-reduced-motion:reduce){.stock__dot:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-stock-status.css.map */