.custom-volume-progress-section{background:rgba(var(--bg-color));border-block:1px solid rgba(var(--text-color) / .15)}.custom-volume-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(3 * var(--space-unit));padding-block:calc(4 * var(--space-unit));color:rgb(var(--text-color))}.custom-volume-progress__back{align-self:start;display:inline-flex;align-items:center;min-height:44px;font-weight:600}.custom-volume-progress__summary{align-self:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-unit) calc(3 * var(--space-unit));text-align:end}.custom-volume-progress__count{font-weight:600}.custom-volume-progress__cue,.custom-volume-progress__note{font-size:.875em}.custom-volume-progress__note{flex-basis:100%}.custom-volume-progress__rail{position:relative;grid-column:1 / -1;height:calc(2 * var(--space-unit));margin-inline:calc(6 * var(--space-unit));margin-block:var(--space-unit) calc(8 * var(--space-unit));border-radius:var(--space-unit);background:rgba(var(--text-color) / .15)}.custom-volume-progress__fill{display:block;width:var(--progress, 0%);height:100%;border-radius:inherit;background:rgb(var(--btn-bg-color))}.custom-volume-progress__tick{position:absolute;inset-inline-start:var(--pos);top:0;padding-block-start:calc(4 * var(--space-unit));font-size:.8em;white-space:nowrap;transform:translate(-50%)}.custom-volume-progress__tick:before{position:absolute;content:"";inset-inline-start:50%;top:calc(-.5 * var(--space-unit));width:calc(3 * var(--space-unit));height:calc(3 * var(--space-unit));border:2px solid rgb(var(--btn-bg-color));border-radius:50%;background:rgba(var(--bg-color));transform:translate(-50%)}.custom-volume-progress__tick.is-reached{font-weight:700}.custom-volume-progress__tick.is-reached:before{background:rgb(var(--btn-bg-color))}.custom-volume-progress.custom-volume-progress--block{grid-template-columns:minmax(0,1fr);gap:0;padding:calc(2.5 * var(--space-unit)) calc(3.5 * var(--space-unit)) calc(3 * var(--space-unit));border:1px solid rgba(var(--btn-bg-color) / .3);border-radius:var(--btn-border-radius, 8px);background:rgba(var(--btn-bg-color) / .06)}.custom-volume-progress__head{display:flex;justify-content:space-between;align-items:center;gap:calc(2 * var(--space-unit));margin-block-end:calc(1.5 * var(--space-unit))}.custom-volume-progress__pill{padding:calc(.5 * var(--space-unit)) calc(2 * var(--space-unit));border-radius:calc(6 * var(--space-unit));color:rgb(var(--btn-text-color));background:rgb(var(--btn-bg-color));font-size:.65em;font-weight:700;letter-spacing:.03em;line-height:1.6;text-transform:uppercase}.custom-volume-progress--block .custom-volume-progress__back{min-height:0;font-size:.8125em}.custom-volume-progress--block .custom-volume-progress__summary{justify-content:flex-start;align-items:baseline;gap:0 calc(2 * var(--space-unit));text-align:start;font-size:.9375em}.custom-volume-progress--block .custom-volume-progress__cue{order:-1;font-size:1em;font-weight:700;color:rgb(var(--heading-color, var(--text-color)))}.custom-volume-progress--block .custom-volume-progress__count{font-size:.875em;font-weight:400;color:rgba(var(--text-color) / .7)}.custom-volume-progress--block .custom-volume-progress__note{display:none}.custom-volume-progress.custom-volume-progress--block .custom-volume-progress__rail{height:6px;margin-inline:2px;margin-block:calc(3 * var(--space-unit)) calc(.5 * var(--space-unit))}.custom-volume-progress--block .custom-volume-progress__tick{height:100%;padding-block-start:0}.custom-volume-progress--block .custom-volume-progress__tick:before{top:50%;width:12px;height:12px;transform:translate(-50%,-50%)}custom-volume-option{display:block}.product-info__block:has(>custom-volume-option[data-ready]:not(.is-revealed))~.product-options{display:none}.custom-volume-option__heading{margin-block-end:.5em;font-weight:700}.custom-volume-option__tile{position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);max-width:100%;gap:calc(.5 * var(--space-unit));margin-block-start:calc(2 * var(--space-unit));padding:var(--btn-padding-y, 12px) 16px;border:2px solid rgb(var(--btn-bg-color));border-radius:var(--btn-border-radius, 8px);background:linear-gradient(rgba(var(--btn-bg-color) / .07),rgba(var(--btn-bg-color) / .07)),rgba(var(--bg-color))}.custom-volume-option__pill,.custom-volume-badge,.custom-volume-option__picker-pill{padding:var(--space-unit) calc(2 * var(--space-unit));border-radius:var(--space-unit);color:rgb(var(--btn-text-color));background:rgb(var(--btn-bg-color));font-size:.75em;font-weight:700}.custom-volume-option__pill,.custom-volume-option__picker-pill{position:absolute;inset-inline-end:calc(2 * var(--space-unit));top:0;max-width:calc(100% - 4 * var(--space-unit));padding:calc(.5 * var(--space-unit)) calc(2 * var(--space-unit));border-radius:calc(6 * var(--space-unit));transform:translateY(-50%);font-size:.65em;letter-spacing:.03em;text-transform:uppercase}.custom-volume-option__name{font-size:1em;font-weight:700;line-height:1.3;text-transform:uppercase;color:rgb(var(--heading-color, var(--text-color)))}.custom-volume-option__price{font-size:1em;font-weight:600;line-height:1.3;color:rgb(var(--btn-bg-color))}.custom-volume-option__note{display:flex;align-items:flex-start;gap:calc(2 * var(--space-unit));margin-block:calc(3 * var(--space-unit)) 0;font-size:.875em;color:rgba(var(--text-color) / .75)}.custom-volume-option__check{flex:0 0 1.25em;width:1.25em;height:1.25em;margin-block-start:.15em;color:rgb(var(--btn-bg-color))}.custom-volume-all-options{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(3 * var(--space-unit));max-width:100%;min-height:44px;padding:calc(2 * var(--space-unit)) calc(3 * var(--space-unit));border:2px dashed rgba(var(--text-color) / .22);border-radius:var(--btn-border-radius, 8px);background:rgba(var(--bg-color));color:rgb(var(--text-color));font-weight:600;text-align:start;text-decoration:none}.custom-volume-all-options__chevron{flex:0 0 1.25em;width:1.25em;height:1.25em}.custom-volume-option__picker-pill{z-index:1;pointer-events:none;line-height:1.3}.opt-label:has(>.custom-volume-option__picker-pill){position:relative;overflow:visible}#product-media:has(>[data-volume-media-badge]){position:relative}.custom-volume-badge{position:absolute;z-index:2;top:calc(3 * var(--space-unit));inset-inline-start:calc(3 * var(--space-unit));pointer-events:none;text-transform:uppercase}.custom-volume-option__tile[hidden],.custom-volume-option__heading[hidden],.custom-volume-option__check[hidden],.custom-volume-option__note[hidden],.custom-volume-all-options[hidden],.custom-volume-badge[hidden],.custom-volume-progress__note[hidden]{display:none}@media(min-width:769px){.custom-volume-progress{grid-template-columns:auto minmax(0,1fr)}.custom-volume-progress__rail{margin-inline:calc(10 * var(--space-unit))}}@media(forced-colors:active){.custom-volume-progress__fill{background:Highlight}.custom-volume-progress__tick.is-reached:before{background:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/custom-volume-pdp.css.map */