.mixbar{display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 0 20px}.mixbar[hidden]{display:none}.mixbar--buybox{max-width:none;margin:4px 0 0}.mixbar__track{position:relative;height:18px;border-radius:9px;background:#f0efed;border:1px solid #e4e4e3}.mixbar__clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;overflow:hidden}.mixbar__fill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:9px;background:linear-gradient(90deg,#e8701a,#f29a55,#e8701a 80%);background-size:200% 100%;animation:mixflow 2.4s linear infinite;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.mixbar__notch{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9;transform:translate(-1px)}.mixbar__blob{position:absolute;top:50%;transform:translateY(-50%);left:-13px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #e8701a59;transition:left .7s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.mixbar__blob.is-active{animation:mixwobble 1.6s ease-in-out infinite}.mixbar__blob.is-empty{opacity:0}.mixbar__bub{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:#fffc;animation:mixrise 1.8s ease-in infinite}.mixbar__bub--1{left:20%}.mixbar__bub--2{left:55%;animation-delay:.6s}.mixbar__bub--3{left:80%;animation-delay:1.1s}.mixbar__foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.mixbar__msg{font-weight:700;color:var(--hgs-black, #1d1d1b)}.mixbar__link{font-size:14px;font-weight:600;white-space:nowrap;color:var(--hgs-orange-link, #c95f10)}@keyframes mixflow{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes mixwobble{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.35)}}@keyframes mixrise{0%{transform:translateY(10px);opacity:0}30%{opacity:.9}to{transform:translateY(-14px);opacity:0}}@media(prefers-reduced-motion:reduce){.mixbar__fill,.mixbar__blob{transition:none;animation:none}.mixbar__bub{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mix-progress.css.map */