.quantity-breaks{--badge-font-size: 1.5rem;--badge-line-height: 1.6;--label-font-size: 1.6rem;--benefit-font-size: 1rem;--caption-font-size: 1.4rem;--price-font-size: 1.6rem;--compare-price-font-size: 1.4rem;--border-width: .2rem;--border-radius: 1rem;--column-gap: .75rem;--row-gap: .85rem;--badge-border-radius: .2em;--normal-image-width: 60px}.quantity-breaks-container{position:relative;display:grid;align-items:flex-start;grid-template-columns:repeat(1,1fr);column-gap:var(--column-gap);row-gap:var(--row-gap)}.quantity-breaks__title{margin:0;font-size:var(--heading-font-size, 1.4rem);color:var(--heading-color, inherit);line-height:1;column-gap:10px;margin-bottom:1.3rem}.quantity-breaks__title span:nth-of-type(1),.quantity-breaks__title span:nth-of-type(3){display:block;height:2px;flex-grow:1;background:var(--heading-color, rgb(var(--accent-color)))}.quantity-breaks-container input{opacity:0;width:0;height:0;cursor:pointer;position:absolute}.quantity-break{padding:var(--card-padding, 1.75rem) var(--card-padding, 1.75rem) var(--card-padding, 1.75rem) calc(var(--card-padding, 1.75rem) + 2.25rem);cursor:pointer;border-radius:var(--border-radius);background:var(--card-bg, rgba(var(--accent-color), .02));border:solid var(--border-width) var(--card-border-color, rgba(var(--accent-color), .3));position:relative}.quantity-breaks-container input:checked+.quantity-break{background:var(--card-selected-bg, rgba(var(--accent-color), .1));border:solid var(--border-width) var(--card-selected-border-color, rgb(var(--accent-color)))}.quantity-break:hover{background:var(--card-selected-bg, rgba(var(--accent-color), .15));border:solid var(--border-width) var(--card-selected-border-color, rgb(var(--accent-color)))}.quantity-breaks-container input.disabled+.quantity-break{opacity:.3}.quantity-break__badge{position:absolute;background:var(--badge-bg, rgb(var(--accent-color)));color:var(--badge-color, rgb(var(--color-background)));font-weight:700;font-size:var(--badge-font-size);line-height:var(--badge-line-height);top:-1rem;right:-1rem;transform:rotate(3deg);margin:0;padding:0 .5em;border-radius:var(--badge-border-radius)}.quantity-break__content{display:flex;justify-content:space-between;align-items:center;flex:1}.quantity-break__left>span,.quantity-break__right>span{display:block}.quantity-break__left{display:flex;flex-direction:column;align-items:flex-start;row-gap:.5rem;text-align:left}.quantity-break__left .quantity-break__label{font-size:var(--label-font-size);font-weight:700;line-height:1;display:flex;align-items:center;color:var(--label-color, inherit)}.quantity-break__label-text{line-height:1}.quantity-break__benefit{display:inline-block;font-size:var(--benefit-font-size);background:var(--benefit-bg, rgb(var(--color-background)));color:var(--benefit-color, rgb(var(--accent-color)));line-height:1.9;padding:0 .75em;font-weight:700;border:solid 1px var(--benefit-border-color, rgb(var(--accent-color)));border-radius:.6em;margin-left:.5rem;white-space:nowrap}.quantity-break__caption{font-size:var(--caption-font-size);line-height:1;color:var(--caption-color, inherit)}.quantity-break__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.5rem}.quantity-break__price{line-height:1;font-size:var(--price-font-size);font-weight:700;color:var(--price-color, rgb(var(--accent-color)))}.quantity-break__compare-price{font-size:var(--compare-price-font-size);text-decoration:line-through;line-height:1;color:var(--compare-price-color, inherit)}.quantity-break__caption span{display:inline}.quantity-break:before{content:"";display:block;width:1.5rem;height:1.5rem;position:absolute;left:calc(var(--card-padding, 1.75rem) / 2 + .75rem);top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem var(--radio-border-color, rgba(var(--accent-color), .3))}.quantity-breaks-container input:checked+.quantity-break:before{border:solid .2rem rgb(var(--color-background));background:var(--radio-checked-color, rgb(var(--accent-color)));box-shadow:0 0 0 .1rem var(--radio-checked-color, rgb(var(--accent-color)))}.quantity-breaks--highlight-shadow .quantity-breaks-container input:checked+.quantity-break{box-shadow:0 4px 12px #00000026}.quantity-breaks--highlight-glow .quantity-breaks-container input:checked+.quantity-break{box-shadow:0 0 0 3px var(--card-selected-border-color, rgb(var(--accent-color))),0 0 15px rgba(var(--accent-color),.3)}.quantity-break__variants{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--variant-animation-speed, .3s) ease;overflow:hidden}.quantity-break__variants-inner{overflow:hidden}.quantity-breaks-container input:checked+.quantity-break .quantity-break__variants{grid-template-rows:1fr}.quantity-breaks-container input:checked+.quantity-break .quantity-break__variants-inner{padding-top:1rem}.quantity-break__selector-item__number{font-weight:700;line-height:1.5rem}.quantity-break__selector-item{display:flex;align-items:center;flex-wrap:wrap;row-gap:.5rem;column-gap:.5rem}.quantity-break__selector-item:not(:last-of-type){margin-bottom:.75rem}.quantity-break__selector-item .select{width:fit-content}.quantity-break__selector-item .select__select{height:2.1rem}.variant-breaks-fieldset{margin:0;padding:0;border:none}.variant-breaks label{display:block}.quantity-break__promo-badge{position:absolute;top:-.1rem;right:-.1rem;font-size:1rem;font-weight:700;line-height:1;padding:.4em .65em;border-radius:0 var(--border-radius) 0 var(--border-radius);text-transform:uppercase;letter-spacing:.04em;z-index:1;white-space:nowrap}.quantity-break__product-image{flex-shrink:0;width:var(--normal-image-width);margin-right:1rem}.quantity-break__product-image img{width:100%;height:auto;display:block;border-radius:.4rem;object-fit:contain}.quantity-breaks--has-product-image .quantity-break{display:flex;align-items:center}.quantity-breaks--compact{--badge-font-size: 1.1rem;--benefit-font-size: 1.1rem;--price-font-size: 1.2rem;--compare-price-font-size: .9rem}.quantity-breaks--compact .quantity-breaks__title{margin-bottom:.9rem}.quantity-breaks--compact .quantity-breaks-container{grid-template-columns:repeat(2,1fr)}.quantity-breaks--compact .quantity-break{padding:1.25rem 1.5rem 1.25rem 3.6rem}.quantity-breaks--compact .quantity-break:before{left:1.8rem;width:1.4rem;height:1.4rem}.quantity-breaks--compact .quantity-break__content{flex-direction:column;align-items:flex-start}.quantity-breaks--compact span,.quantity-breaks--vertical span{word-break:break-word}.quantity-breaks--compact .quantity-break__left{align-items:center;text-align:center;margin-bottom:.3rem;margin-bottom:0}.quantity-breaks--compact .quantity-break__right{display:block;text-align:center;line-height:1.1}.quantity-breaks--compact .quantity-break__caption{display:none}.quantity-breaks--compact .quantity-break__right span{display:inline}.quantity-breaks--compact .quantity-break__badge,.quantity-breaks--compact .quantity-break__benefit,.quantity-breaks--vertical .quantity-break__benefit{top:0;left:50%;right:auto;transform:translate(-50%,-50%);text-align:center;width:fit-content}.quantity-breaks--compact .quantity-break__benefit{top:100%;position:absolute}.quantity-breaks--vertical{--badge-font-size: 1rem;--badge-line-height: 2;--label-font-size: 1.6rem;--benefit-font-size: 1rem;--caption-font-size: 1rem;--price-font-size: 1.2rem;--compare-price-font-size: 1rem;--side-padding: 1rem;--y-padding: 1.5rem;--row-gap: 1rem}.quantity-breaks--vertical .quantity-breaks-container{grid-template-columns:repeat(min(var(--items-count),4),1fr);align-items:flex-start}.quantity-breaks--vertical .quantity-break{padding:0 var(--side-padding) var(--y-padding);text-align:center;margin-bottom:0;display:flex;flex-direction:column;justify-content:center}.quantity-breaks--vertical .quantity-break__badge{top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);transform:none;width:calc(100% + (var(--border-width) * 2));border-radius:var(--border-radius) var(--border-radius) 0 0}.quantity-breaks--vertical .quantity-break__image{margin-left:calc(var(--side-padding) * -1);margin-right:calc(var(--side-padding) * -1)}.quantity-breaks--vertical .quantity-break__image img{width:var(--image-width);margin:0 auto}.quantity-breaks--vertical .quantity-break:before{display:none}.quantity-breaks--vertical .quantity-break__content{row-gap:1rem;margin-top:var(--y-padding)}.quantity-breaks--space-images .quantity-break__image{margin-top:var(--y-padding)}.quantity-breaks--vertical .quantity-break__badge+.quantity-break__image{padding-top:calc(var(--badge-font-size) * var(--badge-line-height) - var(--border-width))}.quantity-breaks--vertical .quantity-break__image+.quantity-break__content,.quantity-breaks--space-images .quantity-break__badge+.quantity-break__image{margin-top:1rem}.quantity-breaks--vertical .quantity-break__badge+.quantity-break__content{margin-top:2.7rem}.quantity-breaks--vertical .quantity-break__content,.quantity-breaks--vertical .quantity-break__label{flex-direction:column}.quantity-breaks--vertical .quantity-break__left,.quantity-breaks--vertical .quantity-break__right{text-align:center;align-items:center;row-gap:.3rem}.quantity-breaks--vertical .quantity-break__benefit{position:absolute;margin:0}.quantity-breaks--vertical .quantity-break__badge~.quantity-break__content .quantity-break__benefit{top:100%}.quantity-breaks--vertical[data-items="2"],.quantity-breaks--vertical[data-items="4"],.quantity-breaks--vertical[data-items="5"]{--badge-font-size: 1.3rem;--badge-line-height: 1.9}@media screen and (max-width:999px){.quantity-breaks--vertical[data-items="4"] .quantity-breaks-container,.quantity-breaks--vertical[data-items="5"] .quantity-breaks-container{grid-template-columns:repeat(2,1fr)}.quantity-breaks--vertical[data-items="6"] .quantity-breaks-container{grid-template-columns:repeat(3,1fr)}.quantity-breaks--vertical[data-items="3"],.quantity-breaks--vertical[data-items="6"]{--label-font-size: 1.3rem;--benefit-font-size: .8rem;--caption-font-size: .9rem;--price-font-size: 1rem;--compare-price-font-size: .9rem}}@media screen and (min-width:1000px){.quantity-breaks--vertical[data-items="2"]{--badge-font-size: 1.8rem;--badge-line-height: 2;--label-font-size: 2rem;--benefit-font-size: 1.2rem;--caption-font-size: 1.6rem;--price-font-size: 1.8rem;--compare-price-font-size: 1.4rem;--side-padding: 1.2rem;--y-padding: 1.8rem}.quantity-breaks--vertical[data-items="3"]{--badge-font-size: 1.4rem;--badge-line-height: 2;--label-font-size: 1.8rem;--benefit-font-size: 1rem;--caption-font-size: 1.3rem;--price-font-size: 1.4rem;--compare-price-font-size: 1.2rem;--y-padding: 1.7rem}.quantity-breaks--vertical[data-items="4"]{--badge-font-size: 1.2rem;--badge-line-height: 1.9;--label-font-size: 1.4rem;--benefit-font-size: .8rem;--caption-font-size: 1rem;--price-font-size: 1.1rem;--compare-price-font-size: 1rem}}.qb-swatch__hidden-select{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.quantity-breaks--swatches .quantity-break__selector-item{flex-direction:column;align-items:stretch}.quantity-breaks--swatches .quantity-break__selector-item:not(:last-of-type){margin-bottom:var(--variant-item-gap, 8px)}.qb-swatch__header{display:flex;align-items:center;gap:var(--variant-header-gap, 6px);margin-bottom:.4rem}.qb-swatch__variant-image{width:var(--variant-image-size, 40px);height:var(--variant-image-size, 40px);flex-shrink:0;border-radius:var(--variant-image-radius, 50%);overflow:hidden}.qb-swatch__variant-image img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.qb-swatch__info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.qb-swatch__product-name{font-size:var(--variant-name-size, 1.2rem);font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-swatch__variant-title{font-size:var(--variant-title-size, 1rem);opacity:.65;line-height:1.3}.qb-swatch__options{display:flex;flex-direction:column;gap:.35rem}.qb-swatch__option-group{display:flex;flex-direction:column;gap:.2rem}.qb-swatch__option-label{font-size:var(--variant-label-size, 1rem);font-weight:600;opacity:.7}.qb-swatch__swatch-row{display:flex;flex-wrap:wrap;gap:var(--swatch-gap, 4px);align-items:center}.qb-swatch__color{width:var(--swatch-size, 28px);height:var(--swatch-size, 28px);border-radius:var(--swatch-border-radius, 50%);border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;box-shadow:inset 0 0 0 1px #0000001a}.qb-swatch__color:hover:not(.is-disabled){transform:scale(1.1)}.qb-swatch__color.is-active{border-color:var(--swatch-active-border, #000);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 1px var(--swatch-active-border, #000)}.qb-swatch__color.is-disabled{opacity:.3;cursor:not-allowed}.qb-swatch__text{font-size:var(--variant-label-size, 1rem);font-weight:600;padding:.25em .55em;border:1.5px solid rgba(0,0,0,.15);border-radius:.4rem;background:transparent;cursor:pointer;line-height:1.3;transition:border-color .15s ease,background .15s ease;white-space:nowrap}.qb-swatch__text:hover:not(.is-disabled){border-color:#0006}.qb-swatch__text.is-active{border-color:var(--swatch-active-border, #000);background:#0000000a}.qb-swatch__text.is-disabled{opacity:.3;cursor:not-allowed}.quantity-breaks--has-product-image.quantity-breaks--swatches .quantity-break{padding-left:var(--card-padding, 1.75rem);flex-wrap:wrap;align-items:center}.quantity-breaks--has-product-image.quantity-breaks--swatches .quantity-break:before{position:relative;left:auto;top:auto;transform:none;flex-shrink:0;margin-right:.6rem}.quantity-breaks--has-product-image.quantity-breaks--swatches .quantity-break__product-image{margin-right:.75rem}.quantity-breaks--has-product-image.quantity-breaks--swatches .quantity-break__variants{width:100%;flex-basis:100%}@media screen and (max-width:749px){.qb-swatch__variant-image{width:calc(var(--variant-image-size, 40px) * .85);height:calc(var(--variant-image-size, 40px) * .85)}.qb-swatch__color{width:calc(var(--swatch-size, 28px) * .9);height:calc(var(--swatch-size, 28px) * .9)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/quantity-breaks.css.map */