:root{--de-pack-savings-accent: #176734;--de-pack-savings-track: #bebebe;--de-pack-savings-muted: rgb(var(--color-price) / .6);--de-pack-savings-gap: 1.25rem;--de-pack-savings-tile-height: 3rem;--de-pack-savings-unit-height: 1.75rem}:root:not([data-pack-savings=off]) fieldset:has(.de-pack-savings,.de-pack-savings__percent,.de-pack-savings-timeline) .swatches{position:relative;flex-wrap:nowrap;align-items:stretch;gap:var(--sp-4)}:root:not([data-pack-savings=off]) fieldset:has(.de-pack-savings,.de-pack-savings__percent,.de-pack-savings-timeline) .swatches>li{flex:1 1 0;min-width:0}:root:not([data-pack-savings=off]) fieldset:has(.de-pack-savings,.de-pack-savings__percent,.de-pack-savings-timeline) .swatches>li>magnet-element{display:block}:root:not([data-pack-savings=off]) fieldset:has(.de-pack-savings,.de-pack-savings__percent,.de-pack-savings-timeline) .swatches .label-swatch{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;height:var(--de-pack-savings-tile-height);padding-block:0;padding-inline:.5rem;text-align:center;line-height:1.15}:root:not([data-pack-savings=off]) fieldset:has(.de-pack-savings,.de-pack-savings__percent,.de-pack-savings-timeline) .variant-saving-text{display:none!important}.de-pack-savings__percent{position:absolute;inset-block-start:-13px;inset-inline-end:-13px;z-index:1;padding:5px 10px;border-radius:25px;background:var(--de-pack-savings-accent);color:#fff;font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap}.de-pack-savings{display:flex;flex-direction:column;text-align:center}.de-pack-savings__unit{box-sizing:border-box;display:flex;align-items:baseline;justify-content:center;gap:.3em;height:var(--de-pack-savings-unit-height);padding-block-start:1rem;font-size:.75rem;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.de-pack-savings__unit-was{position:relative;font-size:.625rem;color:var(--de-pack-savings-muted);text-decoration:none;white-space:nowrap}.de-pack-savings__unit-was:after{content:"";position:absolute;inset-inline:0;inset-block-start:.45em;transform:translateY(-50%);height:1px;background:currentColor;pointer-events:none}.de-pack-savings__unit-now{color:rgb(var(--color-foreground))}.de-pack-savings__unit-now.is-reduced{color:var(--de-pack-savings-accent)}.de-pack-savings__soldout{color:var(--de-pack-savings-muted)}:root[data-pack-savings=off] .de-pack-savings,:root[data-pack-savings=off] .de-pack-savings-timeline,:root[data-pack-savings=off] .de-pack-savings__percent{display:none!important}.de-pack-savings-timeline{position:relative;margin-block-start:var(--de-pack-savings-gap);min-height:1.75rem}.de-pack-savings-timeline__track,.de-pack-savings-timeline__fill{position:absolute;inset-inline-start:0;inset-block-start:0;height:var(--sp-1);border-radius:10px}.de-pack-savings-timeline__track{inset-inline-end:0;background:var(--de-pack-savings-track)}.de-pack-savings-timeline__track:empty{display:block}@property --de-ps-fill-col{syntax: "<number>"; inherits: false; initial-value: 0;}.de-pack-savings-timeline__fill{--de-ps-col-width: calc((100% - (var(--de-ps-columns) - 1) * var(--de-pack-savings-gap)) / var(--de-ps-columns));width:calc(var(--de-ps-col-width) * (var(--de-ps-fill-col) + .5) + var(--de-pack-savings-gap) * var(--de-ps-fill-col));background:var(--de-pack-savings-accent)}@media(prefers-reduced-motion:no-preference){.de-pack-savings-timeline__fill{transition:width .45s cubic-bezier(.22,1,.36,1)}}.de-pack-savings-timeline__fill.is-full{width:100%}.de-pack-savings-timeline__fill.is-empty{width:10%}.de-pack-savings-timeline__ticks{display:grid;grid-template-columns:repeat(var(--de-ps-columns),minmax(0,1fr));gap:var(--de-pack-savings-gap)}.de-pack-savings-timeline__cell{position:relative;display:flex;justify-content:center;min-width:0}.de-pack-savings-timeline__cell:empty,.de-pack-savings-timeline__fill:empty{display:block!important}.de-pack-savings-timeline__tick{position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);width:var(--sp-1);height:10px;border-radius:0 0 10px 10px;background:var(--de-pack-savings-track)}@media(prefers-reduced-motion:no-preference){.de-pack-savings-timeline__tick{transition:background-color .45s cubic-bezier(.22,1,.36,1)}}.de-pack-savings-timeline__tick.is-reached{background:var(--de-pack-savings-accent)}.de-pack-savings-timeline__tick.is-empty{visibility:hidden}.de-pack-savings-timeline__label{display:block;width:100%;min-width:0;margin-block-start:15px;font-size:.75rem;line-height:1.15;color:var(--de-pack-savings-muted);text-align:center;overflow-wrap:break-word}
/*# sourceMappingURL=/cdn/shop/t/242/assets/de-pack-savings.css.map */