.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}.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:1.4rem;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}.quantity-breaks-container input{opacity:0;width:0;height:0;cursor:pointer;position:absolute}.quantity-break{padding:1.75rem 1.75rem 1.75rem 4rem;cursor:pointer;border-radius:var(--border-radius);background:rgba(var(--accent-color),.02);border:solid var(--border-width) rgba(var(--accent-color),.3);position:relative}.quantity-breaks-container input:checked+.quantity-break{background:rgba(var(--accent-color),.1);border:solid 2px rgb(var(--accent-color))}@media (hover: hover){.quantity-break:hover{background:rgba(var(--accent-color),.15);border:solid 2px rgb(var(--accent-color))}}.quantity-breaks-container input.disabled+.quantity-break{opacity:.3}.quantity-break__badge{position:absolute;background:rgb(var(--accent-color));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:.2em}.quantity-break__content{display:flex;justify-content:space-between;align-items:center}.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:400;line-height:1;display:flex;align-items:center}.quantity-break__label-text{line-height:1}.quantity-break__benefit{display:inline-block;font-size:var(--benefit-font-size);background:rgb(var(--color-background));color:rgb(var(--accent-color));line-height:1.9;padding:0 .75em;font-weight:700;border:solid 1px 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}.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:rgb(var(--accent-color))}.quantity-break__compare-price{font-size:var(--compare-price-font-size);text-decoration:line-through;line-height:1}.quantity-break__caption span{display:inline}.quantity-break:before{content:"";display:block;width:1.5rem;height:1.5rem;position:absolute;left:2rem;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem rgba(var(--accent-color),.3)}.quantity-breaks-container input:checked+.quantity-break:before{border:solid .2rem rgb(var(--color-background));background:rgb(var(--accent-color));box-shadow:0 0 0 .1rem rgb(var(--accent-color))}.quantity-break__variants{height:0;overflow:hidden;padding-top:0}.quantity-breaks-container input:checked+.quantity-break .quantity-break__variants{height:auto;padding-top:1rem}.quantity-break__variants__label{font-size:1.3rem;line-height:1.3;display:block;margin-bottom:.3rem}.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;display:flex;align-items:center;gap:12px}.quantity-break__selector-item .select__select{height:2.1rem}.variant-breaks-fieldset{margin:0;padding:0;border:none}.variant-breaks label{display:block}.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;min-width:100%}.quantity-breaks--vertical.quantity-breaks--has-badge .quantity-break--no-badge{margin-top:calc(var(--badge-font-size) * var(--badge-line-height) / 2)}.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:calc((var(--badge-font-size) * var(--badge-line-height) / 2) + var(--y-padding))}.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 .quantity-breaks__title{margin-bottom:1rem}.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}}.caption-large,.customer .field input,.customer select,.field__input,.form__label,.select__select{font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem}.select__select,.text-area{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.customer .field input,.customer select,.field__input,.select__select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));position:relative;border:0}.select__select{font-size:1.4rem;color:rgba(var(--color-foreground),.9)}.customer .field:hover.field:after,.customer select:hover.select:after,.field:hover.field:after,.localization-form__select:hover.localization-form__select:after,.select:hover.select:after,.select__select:hover.select__select:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-hover-border-opacity));outline:0;border-radius:var(--inputs-radius)}.customer .field input:focus-visible,.customer select:focus-visible,.field__input:focus-visible,.localization-form__select:focus-visible.localization-form__select:after,.select__select:focus-visible{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-hover-border-opacity));outline:0;border-radius:var(--inputs-radius)}.customer .field input:focus,.customer select:focus,.field__input:focus,.localization-form__select:focus.localization-form__select:after,.select__select:focus{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-hover-border-opacity));outline:0;border-radius:var(--inputs-radius)}.customer select,.select__select{cursor:pointer;line-height:calc(1 + .6 / var(--font-body-scale));padding:0 calc(var(--inputs-border-width) + 3rem) 0 2rem;margin:var(--inputs-border-width);min-height:calc(var(--inputs-border-width) * 2)}.select{--inputs-radius: var(--pickers-radius);--inputs-border-width: var(--pickers-border-width);--inputs-border-opacity: var(--pickers-border-opacity);--inputs-shadow-opacity: var(--pickers-shadow-opacity);--inputs-shadow-horizontal-offset: var(--pickers-shadow-horizontal-offset);--inputs-margin-offset: var(--pickers-margin-offset);--inputs-shadow-vertical-offset: var(--pickers-shadow-vertical-offset);--inputs-shadow-blur-radius: var(--pickers-shadow-blur-radius);--inputs-radius-outset: var(--pickers-radius-outset);--inputs-hover-border-opacity: var(--pickers-hover-border-opacity)}.select:after{--color-foreground: var(--pickers-border-color)}.select:hover{--pickers-overlay-opacity: var(--pickers-hover-overlay-opacity)}.select__select{background:linear-gradient(rgba(var(--accent-color),var(--pickers-overlay-opacity)),rgba(var(--accent-color),var(--pickers-overlay-opacity))),rgb(var(--color-background));color:rgb(var(--accent-2-color))}.select__select--no-bg,facet-filters-form .select__select{background:none}.select__select:focus-visible,.select__select:focus{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--pickers-border-color),var(--inputs-hover-border-opacity))}.select .icon-caret{color:rgb(var(--accent-2-color))}.variant-selects--small{display:flex;gap:1rem;flex-wrap:wrap}.variant-selects--small .product-form__input--dropdown{flex:0 0 auto;margin:0}.variant-selects--small .form__label{text-align:left;margin-bottom:0}.select--small{--inputs-radius: var(--pickers-small-radius)}.select--small .select__select{font-size:1.2rem;height:2.25em;padding:0 2.5rem 0 .8rem}.select--small .icon-caret{right:calc(var(--inputs-border-width) + .75rem)}.quantity__input{text-align:center}.quantity{display:flex;justify-content:space-between}.quantity-break__top{background-color:var(--highlight-color);color:rgb(var(--color-background));font-size:12px;line-height:1;padding:6px 14px;border-top-left-radius:1rem;border-top-right-radius:1rem;font-weight:400;text-transform:capitalize;width:calc(100% + 2rem + 4px);margin-left:calc((1rem + 2px)*-1);margin-top:-2px}@media (min-width: 1024px){.quantity-break__top{font-size:18px;padding:9px 14px 7px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/quantity-break.css.map */