.quantity-breaks--eph{--qbp-radius: 1.3rem;--qbp-border: .15rem;--qbp-ribbon-h: 2rem;--qbp-gap: .7rem;--qbp-pouch-w: 2.1rem;--qbp-visual-h: 8.4rem}.quantity-breaks--eph .quantity-breaks__title{font-size:1.25rem;letter-spacing:.08em;font-weight:700;margin-bottom:1.4rem}.quantity-breaks--eph .quantity-breaks-container{grid-template-columns:repeat(var(--items-count),minmax(0,1fr));column-gap:var(--qbp-gap);row-gap:var(--qbp-gap);align-items:stretch}.quantity-breaks--eph .quantity-break{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:1rem .6rem 1.1rem;border-radius:var(--qbp-radius);border:solid var(--qbp-border) rgba(var(--accent-color),.25);background:rgb(var(--color-background));box-shadow:0 1px 2px #0000000a;overflow:hidden;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.quantity-breaks--eph.quantity-breaks--show-indicator .quantity-break{padding-left:.6rem}.quantity-breaks--eph.quantity-breaks--show-indicator .quantity-break:before,.quantity-breaks--eph.quantity-breaks--show-indicator .quantity-breaks-container input:checked+.quantity-break:before{display:none}.quantity-breaks--eph .quantity-break:hover{border:solid var(--qbp-border) rgba(var(--accent-color),.55);background:rgb(var(--color-background))}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break{border:solid var(--qbp-border) rgb(var(--accent-color));background:rgba(var(--accent-color),.06);box-shadow:0 0 0 .15rem rgba(var(--accent-color),.28)}.quantity-breaks--eph .quantity-break__badge{position:static;transform:none;order:-1;align-self:stretch;margin:-1rem -.6rem .9rem;padding:0 .4rem 0 2.1rem;border-radius:0;font-size:.95rem;line-height:var(--qbp-ribbon-h);height:var(--qbp-ribbon-h);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantity-breaks--eph.quantity-breaks--has-badge .quantity-break--no-badge{padding-top:calc(var(--qbp-ribbon-h) + .9rem)}.quantity-breaks--eph .qbp__tick{position:absolute;top:.55rem;left:.55rem;width:1.35rem;height:1.35rem;border-radius:50%;border:solid .15rem rgba(var(--accent-color),.4);background:rgb(var(--color-background));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;z-index:2}.quantity-breaks--eph .quantity-break--badge .qbp__tick{top:calc((var(--qbp-ribbon-h) - 1.35rem) / 2);border-color:#ffffffbf;background:transparent}.quantity-breaks--eph .qbp__tick svg{width:.9rem;height:.9rem;opacity:0}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__tick{background:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break--badge .qbp__tick{background:#fff;border-color:#fff;color:rgb(var(--accent-color))}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__tick svg{opacity:1}.quantity-breaks--eph .quantity-break__image-and-content{flex-direction:column;align-items:center;row-gap:.9rem;column-gap:0;width:100%}.quantity-breaks--eph .quantity-break__image{display:none}.quantity-breaks--eph .qbp__pouches{display:grid;grid-template-columns:repeat(var(--qbp-cols, 3),auto);justify-content:center;justify-items:center;gap:.3rem .25rem;max-width:100%;min-height:var(--qbp-visual-h);align-content:center}.quantity-breaks--eph .qbp__pouches[data-total="1"]{--qbp-cols: 1;--qbp-pouch-w: 4.6rem}@media screen and (min-width:750px){.quantity-breaks--eph .qbp__pouches[data-total="1"]{--qbp-pouch-w: 5.8rem}}.quantity-breaks--eph .qbp__pouches[data-total="2"],.quantity-breaks--eph .qbp__pouches[data-total="4"]{--qbp-cols: 2}.quantity-breaks--eph .qbp__pouches[data-total="5"]{--qbp-cols: 3}.quantity-breaks--eph .qbp__pouch{width:var(--qbp-pouch-w);height:auto;flex:0 0 auto;overflow:visible}.quantity-breaks--eph .qbp__pouch-body{fill:#fbf9f6;stroke:#00000029;stroke-width:1.1}.quantity-breaks--eph .qbp__pouch-seal{fill:none;stroke:#00000029;stroke-width:1.1;stroke-linejoin:round}.quantity-breaks--eph .qbp__pouch-disc{fill:var(--eph-hex, #8385bc)}.quantity-breaks--eph .qbp__pouch--free .qbp__pouch-disc{fill:none;stroke:rgb(var(--accent-color));stroke-width:2.4;stroke-dasharray:2.6 2.2}.quantity-breaks--eph .qbp__pouch--free .qbp__pouch-body{fill:rgba(var(--accent-color),.07)}.quantity-breaks--eph .qbp__photo{display:block;width:100%;min-height:var(--qbp-visual-h);height:var(--qbp-visual-h);display:flex;align-items:center;justify-content:center}.quantity-breaks--eph .qbp__photo img{display:block;width:100%;height:auto;max-height:var(--qbp-visual-h);object-fit:contain;mix-blend-mode:multiply}.quantity-breaks--eph .quantity-break__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:.45rem;width:100%;flex-grow:1}.quantity-breaks--eph .quantity-break__left{display:contents}.quantity-breaks--eph .quantity-break__label{order:1;flex-direction:column;align-items:center;row-gap:.35rem;font-size:1.35rem;line-height:1.15;font-weight:700;text-align:center}.quantity-breaks--eph .quantity-break__label-text{line-height:1.15}.quantity-breaks--eph .quantity-break__benefit{order:2;font-size:.9rem;line-height:1.8;padding:0 .6em}.quantity-breaks--eph .qbp__free{order:3;display:inline-block;max-width:100%;font-size:.92rem;font-weight:700;line-height:1.75;letter-spacing:.01em;text-transform:uppercase;padding:0 .5em;border-radius:.6em;border:.1rem solid transparent;color:rgb(var(--color-background));background:rgb(var(--accent-color));white-space:nowrap}.quantity-breaks--eph .qbp__free-dot{opacity:.65}.quantity-breaks--eph .qbp__free--muted{background:transparent;color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.2);opacity:.75;font-weight:600}.quantity-breaks--eph .quantity-break__right{order:4;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.4rem;row-gap:.1rem;text-align:center;margin-top:.15rem}.quantity-breaks--eph .quantity-break__price{font-size:1.6rem;font-weight:700;line-height:1.15;white-space:nowrap}.quantity-breaks--eph .quantity-break__compare-price{font-size:1.1rem;line-height:1.15;opacity:.6;white-space:nowrap}.quantity-breaks--eph .quantity-break__caption{order:5;font-size:1rem;line-height:1.3;opacity:.75}.quantity-breaks--eph .qbp__unit{order:6;display:block;margin-top:auto;padding-top:.35rem;font-size:.98rem;line-height:1.3;opacity:.6;white-space:nowrap}.quantity-breaks--eph[data-items="4"]{--qbp-pouch-w: 1.2rem}.quantity-breaks--eph[data-items="4"] .quantity-break__price{font-size:1.4rem}@media screen and (max-width:359px){.quantity-breaks--eph{--qbp-pouch-w: 1.7rem}.quantity-breaks--eph .quantity-break__label{font-size:1.2rem}.quantity-breaks--eph .quantity-break__price{font-size:1.4rem}.quantity-breaks--eph .qbp__free,.quantity-breaks--eph .qbp__unit{font-size:.85rem}}@media screen and (min-width:750px){.quantity-breaks--eph{--qbp-gap: 1rem;--qbp-pouch-w: 2.6rem;--qbp-visual-h: 10.5rem;--qbp-ribbon-h: 2.3rem}.quantity-breaks--eph .quantity-break{padding:1.2rem 1rem 1.4rem}.quantity-breaks--eph.quantity-breaks--has-badge .quantity-break--no-badge{padding-top:calc(var(--qbp-ribbon-h) + .9rem)}.quantity-breaks--eph .quantity-break__badge{margin:-1.2rem -1rem .9rem;padding:0 .6rem 0 2.5rem;font-size:1.1rem}.quantity-breaks--eph .quantity-break__label{font-size:1.6rem}.quantity-breaks--eph .quantity-break__price{font-size:1.9rem}.quantity-breaks--eph .quantity-break__compare-price{font-size:1.3rem}.quantity-breaks--eph .qbp__free{font-size:1.05rem}.quantity-breaks--eph .quantity-break__caption,.quantity-breaks--eph .qbp__unit{font-size:1.15rem}}.quantity-breaks--eph .quantity-break:active{transform:scale(.985)}.quantity-breaks--eph .qbp__pouch{transition:transform .18s cubic-bezier(.2,.8,.25,1)}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__pouch{transform:translateY(-.15rem)}.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__pouch--free{transform:translateY(-.15rem) scale(1.06)}@media(prefers-reduced-motion:reduce){.quantity-breaks--eph .quantity-break,.quantity-breaks--eph .quantity-break:active,.quantity-breaks--eph .qbp__pouch,.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__pouch,.quantity-breaks--eph .quantity-breaks-container input:checked+.quantity-break .qbp__pouch--free{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/eph-pack-selector.css.map */