quantity-breaks.quantity-breaks{display:block;width:100%;max-width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);margin-left:0;margin-right:0;box-sizing:border-box;overflow:visible}.quantity-breaks{--badge-font-size: 1.5rem;--badge-line-height: 1.6;--badge-border-radius: .2em;--label-font-size: 1.6rem;--benefit-font-size: 1rem;--benefit-border-radius: .6em;--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: 1.4rem;--qb-variant-picker-color: 18, 18, 18}.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{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 1.3rem;font-size:1.4rem;font-weight:700;line-height:1;column-gap:1rem;text-align:center}.quantity-breaks__title span:nth-of-type(1),.quantity-breaks__title span:nth-of-type(3){display:block;height:2px;flex:1 1 auto;min-width:0;background:var(--bundle-accent-30)}.quantity-breaks__title span:nth-of-type(2){flex:0 0 auto;white-space:nowrap}.quantity-breaks-container input{position:absolute;width:0;height:0;opacity:0;cursor:pointer}.quantity-break{position:relative;display:flex;align-items:center;padding:1.25rem 1.75rem;height:72px;cursor:pointer;border-radius:var(--border-radius)}.quantity-breaks--normal.quantity-breaks--show-indicator .quantity-break{padding-left:4rem}.quantity-breaks--show-indicator .quantity-break:before{content:"";position:absolute;top:50%;left:2rem;display:block;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem rgba(var(--accent-color),.3)}.quantity-breaks-container input.disabled+.quantity-break{opacity:.3}.quantity-break__badge{position:absolute;top:0;right:-1rem;margin:0;padding:0 8.4px!important;font-size:12px!important;font-weight:700!important;line-height:19.2px!important;transform:translateY(-50%)!important;border-radius:40px}.quantity-breaks--normal .quantity-break--badge-style-2 .quantity-break__badge{top:0;right:1.5rem;transform:translateY(calc(-50% - (var(--border-width) / 2)))}.quantity-breaks--normal .quantity-break--badge-style-3 .quantity-break__badge{top:0;right:1.5rem;transform:translateY(calc(-100% - var(--border-width)));border-radius:var(--badge-border-radius) var(--badge-border-radius) 0 0;--badge-font-size: 1.4rem}.quantity-breaks--normal .quantity-break--badge-style-3.quantity-break--badge{margin-top:1.6rem}.quantity-break__image-and-content{display:flex;align-items:center;column-gap:1rem;width:100%}.quantity-breaks--normal .quantity-break__image{width:calc(var(--image-width) / 3.5);max-width:6rem}.quantity-break__content{display:flex;justify-content:space-between;align-items:center;flex-grow:1;width:100%}.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{display:flex;align-items:center;column-gap:.5rem;row-gap:.5rem;font-size:var(--label-font-size);font-weight:700;line-height:1}.quantity-breaks--normal .quantity-break--benefit-bottom .quantity-break__label,.quantity-breaks--compact .quantity-break--benefit-top .quantity-break__label{flex-direction:column;align-items:flex-start}.quantity-break__label-text{color:#121212!important;font-size:18px;line-height:1}.quantity-break__benefit{display:flex;align-items:center;justify-content:center;height:23.17px;padding:0 .75em;font-size:12px!important;font-weight:700!important;line-height:100%!important;white-space:nowrap;text-align:center;background:rgb(var(--color-background));color:rgb(var(--accent-color));border:solid 1px rgb(var(--accent-color));border-radius:40px;box-sizing:border-box}.quantity-break__benefit--solid{background:rgb(var(--accent-color));color:rgb(var(--color-background))}.quantity-break__caption{color:#4d4d4d;font-size:12px!important;line-height:1}.quantity-break__caption span{display:inline}.quantity-break__right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;row-gap:.5rem;column-gap:.5rem}.quantity-break__price{font-size:18px;font-weight:700;line-height:1;color:var(--bundle-price-color)}.quantity-break__compare-price{color:#4d4d4d;font-size:12px!important;line-height:1;text-decoration:line-through}.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{display:block;margin-bottom:.3rem;font-size:1.3rem;line-height:1.3}.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-breaks-full-width-pickers .select{flex-grow:1}.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}.quantity-breaks--compact.quantity-breaks--show-indicator .quantity-break{padding-left:3.6rem}.quantity-breaks--compact.quantity-breaks--show-indicator .quantity-break:before{left:1.8rem;width:1.4rem;height:1.4rem}.quantity-breaks--compact .quantity-break__image{display:none}.quantity-breaks--compact .quantity-break__content{flex-direction:column;align-items:flex-start;row-gap:.2rem}.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: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--vertical .quantity-break--badge-style-2 .quantity-break__badge,.quantity-breaks--compact .quantity-break--benefit-bottom .quantity-break__benefit,.quantity-breaks--vertical .quantity-break--benefit-bottom .quantity-break__benefit{top:calc(var(--border-width) / -2);left:50%;right:auto;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.quantity-breaks--vertical .quantity-break--benefit-bottom .quantity-break__benefit,.quantity-breaks--compact .quantity-break--benefit-bottom .quantity-break__benefit{position:absolute;top:calc(100% + (var(--border-width) / 2))}.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.4rem;--compare-price-font-size: 1.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{display:flex;margin-bottom:0;padding:0 var(--side-padding) var(--y-padding);text-align:center}.quantity-breaks--vertical .quantity-break,.quantity-breaks--vertical .quantity-break__image-and-content,.quantity-breaks--vertical .quantity-break__content,.quantity-breaks--vertical .quantity-break__label{flex-direction:column;justify-content:center}.quantity-breaks--vertical .quantity-break__label{row-gap:.7rem}.quantity-breaks--vertical.quantity-breaks--vertical-image-bottom .quantity-break__image-and-content{flex-direction:column-reverse}.quantity-breaks--vertical.quantity-breaks--has-badge .quantity-break--no-badge.quantity-break--badge-style-1{margin-top:calc(var(--badge-font-size) * var(--badge-line-height))}.quantity-breaks--vertical .quantity-break--badge-style-1 .quantity-break__badge{position:relative;top:0;left:0;margin-top:calc(var(--border-width) * -1);margin-left:calc((var(--border-width) + var(--side-padding)) * -1);margin-right:calc((var(--border-width) + var(--side-padding)) * -1);transform:none;border-radius:var(--border-radius) var(--border-radius) 0 0}.quantity-breaks--vertical .quantity-break--badge-style-3 .quantity-break__badge{right:-.7rem}.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-breaks--vertical-image-top.quantity-breaks--max-width-images:not(.quantity-breaks--space-images) .quantity-break__image img{border-top-right-radius:calc(var(--border-radius) - var(--border-width));border-top-left-radius:calc(var(--border-radius) - var(--border-width))}.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-breaks--vertical-image-bottom .quantity-break__image{margin-top:1rem}.quantity-breaks--vertical .quantity-break__left,.quantity-breaks--vertical .quantity-break__right{align-items:center;text-align:center;row-gap:.3rem}.quantity-breaks--vertical.quantity-breaks--vertical-prices-horizontal .quantity-break__right{flex-direction:row}.quantity-breaks--vertical .quantity-break__left{row-gap:.7rem}.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: 1.3rem;--compare-price-font-size: 1rem}.quantity-breaks--vertical[data-items="2"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="2"] .quantity-break--badge-style-3,.quantity-breaks--vertical[data-items="4"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="4"] .quantity-break--badge-style-3{--badge-font-size: 1.1rem}.quantity-breaks--vertical[data-items="3"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="3"] .quantity-break--badge-style-3{--badge-font-size: .8rem}}@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.3rem;--compare-price-font-size: 1rem}.quantity-breaks--vertical[data-items="4"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="4"] .quantity-break--badge-style-3{--badge-font-size: 1rem}.quantity-breaks--vertical[data-items="3"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="3"] .quantity-break--badge-style-3{--badge-font-size: 1.1rem}.quantity-breaks--vertical[data-items="2"] .quantity-break--badge-style-2,.quantity-breaks--vertical[data-items="2"] .quantity-break--badge-style-3{--badge-font-size: 1.3rem}}.quantity-breaks .quantity-break{background:#fff;border:2px solid var(--bundle-accent-30);box-shadow:none}.quantity-breaks .quantity-breaks-container input:checked+.quantity-break{background:#fff;border:2px solid var(--bundle-accent)!important;box-shadow:inset 0 0 0 1.5px var(--bundle-accent)}@media(hover:hover){.quantity-breaks .quantity-break:hover{background:#fff;border:2px solid var(--bundle-accent);box-shadow:none}}.quantity-breaks--show-indicator .quantity-break:before{border:solid .2rem var(--bundle-accent-30)}.quantity-breaks--show-indicator .quantity-breaks-container input:checked+.quantity-break:before{border:solid .2rem rgb(var(--color-background));background:var(--bundle-accent);box-shadow:0 0 0 .1rem var(--bundle-accent)}.no-background{background:none}.quantity-breaks .select.quantity-break__variant-picker{position:relative;display:flex;width:fit-content;color:#121212e6;--inputs-border-width: var(--pickers-border-width, .1rem);--inputs-border-opacity: var(--pickers-border-opacity, .15);--inputs-shadow-opacity: var(--pickers-shadow-opacity, 0);--inputs-shadow-horizontal-offset: var(--pickers-shadow-horizontal-offset, 0);--inputs-shadow-vertical-offset: var(--pickers-shadow-vertical-offset, 0);--inputs-shadow-blur-radius: var(--pickers-shadow-blur-radius, 0);--inputs-hover-border-opacity: var(--pickers-hover-border-opacity, .3);--inputs-radius: .32rem;--inputs-radius-outset: calc(var(--inputs-radius) + var(--inputs-border-width));--accent-color: var(--qb-variant-picker-color);--accent-2-color: var(--qb-variant-picker-color);--pickers-border-color: var(--qb-variant-picker-color)}.quantity-breaks .select.quantity-break__variant-picker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text),var(--inputs-shadow-opacity));z-index:-1}.quantity-breaks .select.quantity-break__variant-picker:after{content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);pointer-events:none;border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--pickers-border-color),var(--inputs-border-opacity));transition:box-shadow var(--duration-short, .1s) ease;z-index:1}.quantity-breaks .select.quantity-break__variant-picker:hover{--pickers-overlay-opacity: var(--pickers-hover-overlay-opacity, .08)}.quantity-breaks .select.quantity-break__variant-picker:hover:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--pickers-border-color),var(--inputs-hover-border-opacity))}.quantity-breaks .select.quantity-break__variant-picker .select__select{position:relative;display:block;width:100%;min-width:calc(7rem + (var(--inputs-border-width) * 2));height:2.1rem!important;margin:var(--inputs-border-width);padding:0 2.5rem 0 .8rem;box-sizing:border-box;border:0;border-radius:.32rem;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.2rem!important;line-height:1.6!important;letter-spacing:.04rem!important;color:rgb(var(--qb-variant-picker-color));background:linear-gradient(rgba(var(--qb-variant-picker-color),var(--pickers-overlay-opacity, .08)),rgba(var(--qb-variant-picker-color),var(--pickers-overlay-opacity, .08))),rgb(var(--color-background));transition:box-shadow var(--duration-short, .1s) ease}.quantity-breaks .select.quantity-break__variant-picker .select__select:focus,.quantity-breaks .select.quantity-break__variant-picker .select__select:focus-visible{outline:0;box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--pickers-border-color),var(--inputs-hover-border-opacity))}.quantity-breaks .select.quantity-break__variant-picker .icon-caret{position:absolute;top:50%;right:calc(var(--inputs-border-width) + .75rem);height:.6rem;pointer-events:none;transform:translateY(-50%);color:rgb(var(--qb-variant-picker-color));z-index:2}.quantity-breaks[data-skip-non-existent=true] .non-existent,.quantity-breaks[data-skip-non-existent=true] .non-existent+label,.quantity-breaks[data-skip-unavailable=true] .unavailable,.quantity-breaks[data-skip-unavailable=true] .unavailable+label{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/22/assets/quantity-selector-one.css.map */