.volume-tiers,.volume-set{--volume-tiers-accent: #5f9585;--volume-tiers-accent-text: #517a6c;--volume-tiers-card-radius: 999rem;--volume-tiers-surface: var(--color-bg-1);--volume-set-error: #9c2f27}.volume-tiers{margin:1.2rem 0;color:var(--color-text-body);display:block}.volume-tiers__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem;align-items:baseline;min-height:1.8rem;margin-bottom:.8rem}.volume-tiers__head-cell{min-width:0;text-align:center}.volume-tiers__head-cell--quantity{text-align:start}.volume-tiers__head-quantity{white-space:nowrap;color:var(--color-text-heading)}.volume-tiers__head-quantity strong{font-weight:var(--font-body-weight-bolder)}.volume-tiers__saving{font-size:calc(var(--font-body-size) * .8);font-weight:var(--font-body-weight-bolder);color:var(--volume-tiers-accent-text);white-space:nowrap}.volume-tiers__scale-mark{font-size:calc(var(--font-body-size) * .8);color:var(--color-text-body);opacity:.55;white-space:nowrap}.volume-tiers__saving[hidden],.volume-tiers__scale-mark[hidden]{display:none}.volume-tiers__bar{position:relative;margin:0 0 1rem}.volume-tiers__track{position:relative;overflow:hidden;height:.7rem;border-radius:.35rem;background-color:var(--color-border)}.volume-tiers__fill{position:absolute;inset-block:0;inset-inline-start:0;background-color:var(--volume-tiers-accent);transition:width .2s ease-out}.volume-tiers__step{position:absolute;bottom:100%;width:0;height:0;border-inline:.7rem solid transparent;border-bottom:.5rem solid var(--color-border);transform:translate(-50%);transition:border-bottom-color .2s ease-out}.volume-tiers__step.is-reached{border-bottom-color:var(--volume-tiers-accent)}.volume-tiers__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}.volume-tiers__item{display:flex;min-width:0}.volume-tiers__card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.5rem .8rem;border:.1rem solid var(--color-border);border-radius:var(--volume-tiers-card-radius);background-color:var(--volume-tiers-surface);color:var(--color-text-body);font:inherit;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out}.volume-tiers__card:hover{border-color:var(--color-text-heading)}.volume-tiers__card:focus-visible{outline:.2rem solid var(--color-text-heading);outline-offset:.2rem}.volume-tiers__card.is-selected{border-color:var(--color-text-heading);box-shadow:inset 0 0 0 .1rem var(--color-text-heading)}.volume-tiers__check{position:absolute;top:-.85rem;inset-inline-end:1rem;width:1.7rem;height:1.7rem;display:none;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-btn-bg);color:var(--color-btn-text)}.volume-tiers__card.is-selected .volume-tiers__check{display:flex}.volume-tiers__check .f-icon-svg{width:1.1rem;height:1.1rem;stroke-width:3}.volume-tiers__card-quantity{font-weight:var(--font-body-weight-bolder);color:var(--color-text-heading);font-size:calc(var(--font-body-size) * .95)}.volume-tiers__card-saving{color:var(--volume-tiers-accent-text);font-size:calc(var(--font-body-size) * .8)}@media(prefers-reduced-motion:reduce){.volume-tiers__fill,.volume-tiers__step,.volume-tiers__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/volume-tiers.css.map */