@property --d1-bru-bar{syntax: "<color>"; inherits: true; initial-value: #007aff;}@property --d1-bru-bar-end{syntax: "<color>"; inherits: true; initial-value: #5ac8fa;}.d1-bru-stock{--d1-bru-bar: #007aff;--d1-bru-bar-end: #5ac8fa;position:relative;display:flex;flex-direction:column;gap:.6rem;width:100%;padding:.2rem .4rem 1.2rem;cursor:help;transition:--d1-bru-bar 2.6s ease,--d1-bru-bar-end 2.6s ease}.d1-bru-stock[hidden]{display:none}.d1-bru-stock[data-tone=blue]{--d1-bru-bar: #007aff;--d1-bru-bar-end: #5ac8fa}.d1-bru-stock[data-tone=orange]{--d1-bru-bar: #ff9f0a;--d1-bru-bar-end: #ffd60a}.d1-bru-stock[data-tone=red]{--d1-bru-bar: #ff3b30;--d1-bru-bar-end: #ff9f0a}.d1-bru-stock[data-tone=grey]{--d1-bru-bar: #8e8e93;--d1-bru-bar-end: #c7c7cc;cursor:default}.d1-bru-stock[data-tone=grey]:hover:after,.d1-bru-stock[data-tone=grey]:focus-visible:after{content:none}.d1-bru-stock__label{margin:0;font-size:1.3rem;line-height:1.35;font-weight:500;color:rgba(var(--color-foreground),.72)}.d1-bru-stock__track{height:.6rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.1)}.d1-bru-stock__fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--d1-bru-bar) 0%,var(--d1-bru-bar-end) 100%);transform-origin:left center;transition:width 2.6s cubic-bezier(.33,.08,.18,1)}.d1-bru-stock.is-loading .d1-bru-stock__fill{animation:d1-bru-stock-pulse 1.1s ease-in-out infinite}.d1-bru-stock[data-tone=grey].is-loading .d1-bru-stock__fill{width:42%;animation:d1-bru-stock-shimmer 2.2s ease-in-out infinite}@keyframes d1-bru-stock-pulse{50%{opacity:.55}}@keyframes d1-bru-stock-shimmer{0%{transform:translate(-120%);opacity:.45}50%{opacity:.95}to{transform:translate(260%);opacity:.45}}.d1-bru-stock:hover:after,.d1-bru-stock:focus-visible:after{content:attr(data-tip);position:absolute;left:.4rem;bottom:calc(100% + .4rem);z-index:2;padding:.5rem .8rem;border-radius:.8rem;background:#1d1d1f;color:#fff;font-size:1.2rem;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:reduce){.d1-bru-stock,.d1-bru-stock__fill{transition:none}.d1-bru-stock.is-loading .d1-bru-stock__fill,.d1-bru-stock[data-tone=grey].is-loading .d1-bru-stock__fill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/d1-bru-stock-bar.css.map */