.volume-discount-bar{--vd-radius: 999px;--vd-bar-height: 8px;display:block;margin:0;padding:14px 16px;border-radius:12px;background-color:var(--vd-surface-color, #f5f5f5);color:var(--vd-text-color, #111111);font-family:var(--body-font-family, inherit);font-size:14px;line-height:1.4;box-sizing:border-box}.volume-discount-bar *,.volume-discount-bar *:before,.volume-discount-bar *:after{box-sizing:border-box}.volume-discount-bar__status{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:14px;color:inherit}.volume-discount-bar__message{display:inline;min-width:0}.volume-discount-bar[data-status-state=before] .volume-discount-bar__message,.volume-discount-bar[data-status-state=progress] .volume-discount-bar__message-emphasis{color:var(--vd-status-color, #b40c1c);font-weight:700}.volume-discount-bar__count{flex:0 0 auto;font-weight:600;white-space:nowrap}.volume-discount-bar__track{position:relative;height:var(--vd-bar-height);border-radius:var(--vd-radius);background-color:var(--vd-track-color, #d5e5e7);overflow:visible;margin:0 4px}.volume-discount-bar__fill{position:absolute;top:0;bottom:0;left:0;width:var(--progress, 0%);border-radius:var(--vd-radius);background-color:var(--vd-fill-color, #111);transition:width .3s cubic-bezier(.4,0,.2,1);will-change:width}.volume-discount-bar__milestone{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background-color:var(--vd-surface-color, #f5f5f5);border:2px solid var(--vd-dot-color, #39a2ac);transform:translate(-50%,-50%);transition:background-color .2s ease}.volume-discount-bar__milestone.is-earned{background-color:var(--vd-dot-color, #111)}.volume-discount-bar__milestone--free-shipping{border-color:var(--vd-status-color, #b40c1c)}.volume-discount-bar__milestone--free-shipping.is-earned{border-color:var(--vd-dot-color, #39a2ac)}.volume-discount-bar__labels{position:relative;height:30px;margin-top:6px;font-size:12px;opacity:.8;color:inherit}.volume-discount-bar__labels>span{position:absolute;top:0;width:max-content;max-width:35%;text-align:center;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volume-discount-bar__labels>span:last-child{text-align:right;transform:translate(-100%)}.volume-discount-bar--cart{margin-bottom:16px}[data-volume-discount-global]{--vd-gorgias-edge-inset: 20px;--vd-gorgias-launcher-size: 60px;--vd-gorgias-inline-margin: 10px;--vd-gorgias-block-margin: 7px;--vd-global-chat-gap: 12px;--vd-global-expanded-shift: 20px;--vd-global-left-offset: calc( var(--vd-gorgias-edge-inset) + var(--vd-gorgias-inline-margin) + var(--vd-gorgias-launcher-size) + var(--vd-global-chat-gap) );position:fixed;inset:auto 0 0 0;z-index:6;pointer-events:none;contain:layout paint style;transform:translateZ(0)}[data-volume-discount-global][hidden]{display:none}.volume-discount-global__inner{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:none;min-height:var(--vd-gorgias-launcher-size);margin:0 0 max(calc(var(--vd-gorgias-edge-inset) + var(--vd-gorgias-block-margin)),env(safe-area-inset-bottom));padding-inline:var(--vd-global-left-offset) 12px;pointer-events:none}.volume-discount-bar--global{--vd-global-motion-duration: .32s;--vd-global-motion-easing: cubic-bezier(.22, 1, .36, 1);pointer-events:auto;width:min(300px,calc(100vw - 96px));max-width:none;margin:0;padding:8px 14px;border-radius:18px;transform-origin:center bottom;transform:translate(0);box-shadow:0 1px 4px #00000014;transition:transform var(--vd-global-motion-duration) var(--vd-global-motion-easing),box-shadow var(--vd-global-motion-duration) var(--vd-global-motion-easing),width var(--vd-global-motion-duration) var(--vd-global-motion-easing),padding var(--vd-global-motion-duration) var(--vd-global-motion-easing),border-radius var(--vd-global-motion-duration) var(--vd-global-motion-easing)}.volume-discount-bar--global:focus-visible{outline:2px solid var(--vd-fill-color, #39a2ac);outline-offset:2px}.volume-discount-bar__toggle{display:none}.volume-discount-bar--global .volume-discount-bar__track{height:0;margin:0 4px;opacity:0;pointer-events:none;transition:height var(--vd-global-motion-duration) var(--vd-global-motion-easing),margin var(--vd-global-motion-duration) var(--vd-global-motion-easing),opacity .18s ease}.volume-discount-bar--global .volume-discount-bar__labels{height:0;margin-top:0;overflow:hidden;opacity:0;pointer-events:none;transition:height var(--vd-global-motion-duration) var(--vd-global-motion-easing),margin var(--vd-global-motion-duration) var(--vd-global-motion-easing),opacity .18s ease}.volume-discount-bar--global .volume-discount-bar__status{justify-content:center;gap:0;margin:0;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:gap var(--vd-global-motion-duration) var(--vd-global-motion-easing)}.volume-discount-bar--global .volume-discount-bar__message{display:inline-block;max-width:100%}.volume-discount-bar--global .volume-discount-bar__count{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width var(--vd-global-motion-duration) var(--vd-global-motion-easing),opacity .18s ease}.volume-discount-bar--global:hover,.volume-discount-bar--global:focus-within,.volume-discount-bar--global.is-teaser-expanded{width:min(720px,calc(100vw - var(--vd-global-left-offset) - var(--vd-global-expanded-shift) - 12px));transform:translate(var(--vd-global-expanded-shift));padding:14px 18px;border-radius:16px;box-shadow:0 8px 24px #00000026}.volume-discount-bar--global:hover .volume-discount-bar__track,.volume-discount-bar--global:focus-within .volume-discount-bar__track,.volume-discount-bar--global.is-teaser-expanded .volume-discount-bar__track{height:var(--vd-bar-height);margin:8px 4px 6px;opacity:1}.volume-discount-bar--global:hover .volume-discount-bar__labels,.volume-discount-bar--global:focus-within .volume-discount-bar__labels,.volume-discount-bar--global.is-teaser-expanded .volume-discount-bar__labels{height:30px;margin-top:6px;overflow:visible;opacity:1}.volume-discount-bar--global .volume-discount-bar__labels>span{text-align:center;transform:translate(-50%)}.volume-discount-bar--global .volume-discount-bar__labels>span:last-child{text-align:right;transform:translate(-100%)}.volume-discount-bar--global:hover .volume-discount-bar__status,.volume-discount-bar--global:focus-within .volume-discount-bar__status,.volume-discount-bar--global.is-teaser-expanded .volume-discount-bar__status{gap:12px;white-space:normal}.volume-discount-bar--global:hover .volume-discount-bar__count,.volume-discount-bar--global:focus-within .volume-discount-bar__count,.volume-discount-bar--global.is-teaser-expanded .volume-discount-bar__count{max-width:120px;opacity:1}.product-vendor-sku+.product-info__block--volume-discount-teaser{margin-top:calc(var(--space-unit, 4px) * -1)}.product-info__block--volume-discount-teaser+hr{display:none}.volume-discount-teaser{display:block;margin:8px 0 0;padding:6px 0 0;border-radius:0;background:transparent;font-size:12px;line-height:1.35;color:var(--vd-text-color, #111111)}.volume-discount-teaser__intro{margin:-12px -12px 12px;padding:9px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--vd-fill-color, #39a2ac) 18%,#fff),color-mix(in srgb,var(--vd-fill-color, #39a2ac) 55%,#fff));font-size:20px;font-weight:800;line-height:1.15;color:inherit}.volume-discount-teaser--columns{padding:10px 0 0;border-radius:0;background:transparent}.volume-discount-teaser--columns:hover,.volume-discount-teaser--columns:focus,.volume-discount-teaser--columns:focus-within{box-shadow:none}.volume-discount-teaser--columns:focus-visible{outline:2px solid var(--vd-fill-color, #39a2ac);outline-offset:2px}.volume-discount-teaser__columns{display:grid;grid-template-columns:repeat(var(--vd-column-count, 3),minmax(0,1fr));gap:10px;align-items:start}.volume-discount-teaser__column{display:grid;min-width:0;gap:5px;justify-items:center;text-align:center}.volume-discount-teaser__column--free-shipping .volume-discount-teaser__price{background:color-mix(in srgb,var(--vd-fill-color, #39a2ac) 58%,#fff);color:#111}.volume-discount-teaser__column--free-shipping .volume-discount-teaser__price:after{border-left-color:color-mix(in srgb,var(--vd-fill-color, #39a2ac) 58%,#fff)}.volume-discount-teaser__saving{font-size:13px;font-weight:800;line-height:1.2;text-transform:uppercase;color:var(--vd-status-color, #b40c1c)}.volume-discount-teaser__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}.volume-discount-teaser__scale{min-width:max(100%,calc(var(--active-tier-count) * 104px));padding-inline:2px}.volume-discount-teaser__track{position:relative;height:4px;margin:15px 8px 0;border-radius:999px;background:var(--vd-track-color, #d5e5e7)}.volume-discount-teaser__track:before{position:absolute;top:1px;right:0;bottom:1px;left:0;border-radius:inherit;background:var(--vd-fill-color, #39a2ac);content:""}.volume-discount-teaser__milestones{position:relative;height:48px;margin:-7px 8px 0}.volume-discount-teaser__milestone{position:absolute;top:0;display:flex;min-width:76px;flex-direction:column;align-items:center;transform:translate(-50%);text-align:center}.volume-discount-teaser__milestone:last-child{align-items:flex-end;transform:translate(-100%);text-align:right}.volume-discount-teaser__dot{width:14px;height:14px;margin-bottom:4px;border:3px solid var(--vd-surface-color, #f5f5f5);border-radius:50%;background:var(--vd-dot-color, #39a2ac)}.volume-discount-teaser__count,.volume-discount-teaser__price{font-size:15px;line-height:1.25;white-space:nowrap}.volume-discount-teaser__count{color:rgb(var(--text-color, 17 17 17) / .78);font-weight:700;text-align:center}.volume-discount-teaser__price{display:inline-flex;position:relative;max-width:100%;align-items:center;justify-content:center;min-height:30px;border-radius:0;padding:6px 20px 6px 24px;background:color-mix(in srgb,var(--vd-fill-color, #39a2ac) 48%,#fff);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%,13px 50%);color:var(--vd-text-color, #111);font-weight:800;text-align:center;text-overflow:ellipsis}.volume-discount-teaser--text{padding:12px 14px;border:1px solid #c9e4e6;background:#eef7f8;background:color-mix(in srgb,var(--vd-fill-color, #39a2ac) 10%,#fff);color:var(--vd-text-color, #111);transition:border-color .18s ease,box-shadow .18s ease}.volume-discount-teaser--text:hover,.volume-discount-teaser--text:focus,.volume-discount-teaser--text:focus-within{border-color:var(--vd-fill-color, #39a2ac);box-shadow:0 8px 22px #0032381a}.volume-discount-teaser--text:focus-visible{outline:2px solid var(--vd-fill-color, #39a2ac);outline-offset:2px}.volume-discount-teaser--text .volume-discount-teaser__intro{margin-bottom:6px;color:inherit;font-size:12px;letter-spacing:.02em;opacity:.7}.volume-discount-teaser__text-list{margin:0;padding:0;list-style:none}.volume-discount-teaser__text-tier{margin:0;font-size:14px;font-weight:700;line-height:1.4}.volume-discount-teaser__text-tier+.volume-discount-teaser__text-tier{margin-top:5px;padding-top:5px;border-top:1px solid rgba(0,70,78,.16)}.volume-discount-teaser__text-tier [data-volume-discount-unit-price]{white-space:nowrap}@media(max-width:768px){[data-volume-discount-global]{--vd-global-expanded-shift: 0px}.volume-discount-global__inner{align-items:flex-start;min-height:0;margin-bottom:max(8px,env(safe-area-inset-bottom));padding-inline:12px}.volume-discount-bar--global{position:relative;padding:7px 42px 7px 12px;font-size:12px}.volume-discount-bar--global .volume-discount-bar__toggle{position:absolute;top:50%;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--vd-text-color);background:transparent;border:0;transform:translateY(-50%);cursor:pointer}.volume-discount-bar--global .volume-discount-bar__toggle .icon{width:14px;height:14px;transform:rotate(180deg);transition:transform var(--vd-global-motion-duration) var(--vd-global-motion-easing)}.volume-discount-bar--global.is-teaser-expanded .volume-discount-bar__toggle .icon{transform:rotate(0)}.volume-discount-bar--global .volume-discount-bar__status{font-size:12px}.volume-discount-bar--global.is-teaser-expanded{width:min(720px,calc(100vw - 24px));transform:translate(0);padding:12px 42px 12px 14px}.volume-discount-bar--global:not(.is-teaser-expanded){width:min(300px,calc(100vw - 96px));transform:translate(0);padding:7px 42px 7px 12px;border-radius:18px;box-shadow:0 1px 4px #00000014}.volume-discount-bar--global:not(.is-teaser-expanded) .volume-discount-bar__track{height:0;margin:0 4px;opacity:0}.volume-discount-bar--global:not(.is-teaser-expanded) .volume-discount-bar__labels{height:0;margin-top:0;overflow:hidden;opacity:0}.volume-discount-bar--global:not(.is-teaser-expanded) .volume-discount-bar__status{gap:0;white-space:nowrap}.volume-discount-bar--global:not(.is-teaser-expanded) .volume-discount-bar__count{max-width:0;opacity:0}.volume-discount-bar--global .volume-discount-bar__label--free-shipping{left:max(12%,calc(var(--vd-free-shipping-label-left, 24%) - 5%))!important;text-align:left;transform:translate(-30%)}.volume-discount-bar--global .volume-discount-bar__labels>span[data-tier="1"],.volume-discount-bar--global .volume-discount-bar__labels>span[data-percent="8"]{transform:translate(-20%)}.volume-discount-teaser__milestone{min-width:64px}.volume-discount-teaser__columns{gap:8px}.volume-discount-teaser__intro{font-size:17px}.volume-discount-teaser__count,.volume-discount-teaser__price{font-size:12px}.volume-discount-teaser__price{min-height:26px;padding:5px 14px 5px 18px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}.volume-discount-teaser__saving{font-size:11px}.volume-discount-teaser__text-tier{font-size:13px}}@media(max-width:480px){.volume-discount-bar--cart{padding:12px}.volume-discount-bar--cart .volume-discount-bar__status{flex-wrap:wrap;gap:4px 8px}.volume-discount-bar--global.is-teaser-expanded{max-height:min(45svh,280px);overflow-y:auto}}@media(prefers-reduced-motion:reduce){.volume-discount-bar__fill,.volume-discount-bar__milestone,.volume-discount-bar--global,.volume-discount-teaser--text{transition:none!important}.volume-discount-bar--global:hover,.volume-discount-bar--global:focus-within,.volume-discount-bar--global.is-teaser-expanded{transform:translate(var(--vd-global-expanded-shift))!important}}@media(forced-colors:active){.volume-discount-bar{border:1px solid CanvasText}.volume-discount-bar__milestone{border-color:Canvas}}
/*# sourceMappingURL=/cdn/shop/t/308/assets/volume-discount.css.map */