.order-count--percentage{transition:all .25s cubic-bezier(.104,.204,.492,1)}.order-count{display:block;font-size:.8125rem;line-height:1.2;text-align:center;margin-bottom:25px;font-weight:500}.order-count--text{margin-bottom:10px}.order-count--text-remaining{display:none}.order-count--text-full{display:block;padding-top:14px}.order-count--bar{border:1px solid var(--color-border, #DADCE0);overflow:hidden;height:20px;width:100%;position:relative;border-radius:20px}.order-count--percentage{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:3px;transform:scaleX(var(--percentage, 0));transform-origin:center left;background:var(--color-accent)}.order-count--bar-2{margin:0 auto;width:100%;text-align:center;display:flex;justify-content:space-between;flex-wrap:wrap}.order-count--bar-2 .progress{margin:0 auto;width:100%}.progress{padding:4px;background:#dfe3e8;border-radius:20px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff14}.progress-bar{height:16px;border-radius:20px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:linear-gradient(to bottom,#ffffff4d,#ffffff0d);-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear}#five:checked~.progress>.progress-bar{width:5%;background-color:#f2947f}#twentyfive:checked~.progress>.progress-bar{width:25%;background-color:#f2947f}#fifty:checked~.progress>.progress-bar{width:50%;background-color:#f2947f}#seventyfive:checked~.progress>.progress-bar{width:75%;background-color:#f2947f}#onehundred:checked~.progress>.progress-bar{width:100%;background-color:#f2947f}.order-count--bar-2 .radio{display:none}.order-count--bar-2 .label{display:inline-block;margin:0 5px 20px;padding:3px 8px;color:#000;border-radius:20px}.order-count--bar-2 .radio:checked+.label{color:#fff;background:#2c2d2e;font-weight:700}.order-count--title h4,.order-count--title h4 span{font-family:PPNeueMontrealTT-Bold!important}
/*# sourceMappingURL=/cdn/shop/t/16/assets/order-count.css.map */