qs-breaks,qs-break-upsells{display:block}.qs-breaks{--accent-color: var(--color-button, 18, 18, 18);--text-accent-color: var(--accent-color);--color-base-accent-1: var(--color-button, 18, 18, 18);--color-base-accent-2: var(--color-foreground, 18, 18, 18);--color-base-outline-button: var(--color-secondary-button-text, var(--color-foreground, 18, 18, 18));--color-base-text: var(--color-foreground, 18, 18, 18)}.qs-accent-accent-1{--accent-color: var(--color-base-accent-1)}.qs-accent-accent-2{--accent-color: var(--color-base-accent-2)}.qs-accent-outline-button{--accent-color: var(--color-base-outline-button)}.qs-accent-text{--accent-color: var(--color-base-text)}.qs-color-accent-1{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.qs-color-accent-2{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.qs-color-background-1{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.qs-color-background-2{background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground))}.qs-color-inverse{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.qs-flex-center{display:flex;align-items:center;justify-content:center}.qs-center{text-align:center}.qs-nowrap{white-space:nowrap}.qs-shrink-0{flex-shrink:0}.qs-break__upsell[data-selected=false] .qs-checkmark-checked,.qs-break__upsell[data-selected=true] .qs-checkmark-unchecked{display:none}.qs-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.3rem;--price-font-size: 1.6rem;--compare-price-font-size: 1.4rem;--border-width: .2rem;--border-radius: 1rem;--column-gap: .75rem;--row-gap: .85rem}.qs-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)}.qs-breaks__title{margin:0;font-size:1.4rem;line-height:1;column-gap:10px;margin-bottom:1.3rem}.qs-breaks__title span:nth-of-type(1),.qs-breaks__title span:nth-of-type(3){display:block;height:2px;flex-grow:1;background:rgb(var(--accent-color))}.qs-breaks-container input{opacity:0;width:0;height:0;cursor:pointer;position:absolute}.qs-break{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;z-index:0;--padding-y: 1.75rem;--padding-x: 1.75rem;--padding-indicator: 4rem;--indicator-size: 1.5rem}@media screen and (max-width:749px){.qs-breaks--normal .qs-break{--padding-y: 1.5rem;--padding-x: 1.5rem}}.qs-break__wrapper{padding:var(--padding-y) var(--padding-x);position:relative}.qs-breaks-container input:checked+.qs-break{background:rgba(var(--accent-color),.1);border:solid var(--border-width) rgb(var(--accent-color))}@media(hover:hover){.qs-break:hover{background:rgba(var(--accent-color),.15);border:solid 2px rgb(var(--accent-color))}}.qs-breaks-container input.disabled+.qs-break{opacity:.3}.qs-break__wrapper em{color:rgb(var(--text-accent-color));font-style:normal}.qs-break__badge{position:absolute;font-size:var(--badge-font-size);line-height:var(--badge-line-height);top:-1rem;right:-1rem;transform:rotate(3deg);margin:0;padding:0 .7em;border-radius:var(--badge-border-radius);z-index:1}.qs-breaks--normal .qs-break--badge-style-2 .qs-break__badge{transform:translateY(calc(-50% - (var(--border-width) / 2)));top:0;right:1.5rem}.qs-breaks--normal .qs-break--badge-style-3 .qs-break__badge{transform:translateY(calc(-100% - var(--border-width)));top:0;right:1.5rem;border-radius:var(--badge-border-radius) var(--badge-border-radius) 0 0;--badge-font-size: 1.4rem}.qs-breaks--normal .qs-break--badge-style-3.qs-break--badge{margin-top:1.6rem}.qs-break__image-and-content{--image-content-gap: 1rem;display:flex;align-items:center;column-gap:var(--image-content-gap);position:relative}.qs-breaks--show-indicator .qs-break__image-and-content,.qs-breaks--show-indicator.qs-breaks--indicator-bottom .qs-break__variants{padding-left:var(--padding-indicator);margin-left:calc(var(--padding-x) * -1)}.qs-breaks--indicator-bottom .qs-break__image-and-content{position:static}.qs-breaks--show-indicator .qs-break__image-and-content:before{content:"";display:block;width:var(--indicator-size);height:var(--indicator-size);position:absolute;left:calc(var(--padding-indicator) / 2);top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .2rem rgba(var(--accent-color),.3)}.qs-breaks--show-indicator input:checked+.qs-break .qs-break__image-and-content:before{border:solid .2rem rgb(var(--color-background));background:rgb(var(--accent-color));box-shadow:0 0 0 .1rem rgb(var(--accent-color))}.qs-breaks--normal .qs-break__image{width:calc(var(--image-width) / 3.5);max-width:6rem;height:6rem;flex-shrink:0}.qs-breaks--normal .qs-break__image img{width:100%;height:100%;object-fit:contain;border-radius:var(--image-border-radius, 0)}.qs-break__content{display:flex;justify-content:space-between;align-items:center;flex-grow:1}.qs-break__left>span,.qs-break__right>span{display:block}.qs-break__left{display:flex;flex-direction:column;align-items:flex-start;row-gap:.5rem;text-align:left}.qs-break__left .qs-break__label{font-size:var(--label-font-size);line-height:1;display:flex;align-items:center;column-gap:.5rem;row-gap:.5rem}.qs-breaks--normal .qs-break--benefit-bottom .qs-break__label,.qs-breaks--compact .qs-break--benefit-top .qs-break__label{flex-direction:column;align-items:flex-start}.qs-break__label-text{line-height:1}.qs-break__benefit{display:inline-block;font-size:var(--benefit-font-size);background:rgb(var(--color-background));color:rgb(var(--accent-color));border:solid 1px rgb(var(--accent-color));border-radius:var(--benefit-border-radius);word-break:break-word;white-space:normal;line-height:1.3;padding:.3em .75em}.qs-break__benefit--solid{background:rgb(var(--accent-color));color:rgb(var(--color-background))}.qs-break__caption{font-size:var(--caption-font-size);line-height:1}.qs-break__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.5rem;column-gap:.5rem}.qs-break__right--price-first-horizontal{flex-direction:row;align-items:center}.qs-break__right--compare-price-first-horizontal{flex-direction:row-reverse;align-items:center}.qs-break__right--compare-price-first-vertical{flex-direction:column-reverse}.qs-break__price{line-height:1;font-size:var(--price-font-size)}.qs-break__compare-price{font-size:var(--compare-price-font-size);text-decoration:line-through;line-height:1}.qs-break__caption span{display:inline}.qs-break__variants{height:0;overflow:hidden;padding-top:0}.qs-breaks-container input:checked+.qs-break .qs-break__variants{height:auto;padding-top:1rem}.qs-break__variants__label{font-size:1.3rem;line-height:1.3;display:block;margin-bottom:.3rem}.qs-break__selector-item__number{line-height:1.5rem}.qs-break__selector-item{display:flex;align-items:center;flex-wrap:wrap;row-gap:.5rem;column-gap:.5rem}.qs-break__selector-item:not(:last-of-type){margin-bottom:.75rem}.qs-break__selector-item__image{--image-size: 3rem;width:var(--image-size);height:var(--image-size)}.qs-break__selector-item__image img{border-radius:.2rem}.qs-break__selector-item--variant-images-start .qs-break__selector-item__image,.qs-break__selector-item--variant-images-middle .qs-break__selector-item__image{order:-1}.qs-break__selector-item--variant-images-middle .qs-break__selector-item__number{order:-2}.qs-break__selector-item .select{width:fit-content}.qs-breaks-full-width-pickers .select{flex-grow:1}.qs-break__selector-item .select__select{height:2.1rem}.qs-breaks--show-indicator .qs-break__variants{margin-left:calc(var(--indicator-size) / -2.5)}@media screen and (max-width:749px){.qs-breaks--show-indicator.qs-breaks--normal .qs-break__variants{margin-left:calc(var(--indicator-size) / -4)}}.qs-breaks--compact{--badge-font-size: 1.1rem;--benefit-font-size: 1.1rem;--price-font-size: 1.2rem;--compare-price-font-size: .9rem}.qs-breaks--compact .qs-breaks__title{margin-bottom:.9rem}.qs-breaks--compact .qs-breaks-container{grid-template-columns:repeat(2,1fr)}.qs-breaks--compact .qs-break{--padding-y: 1.25rem;--padding-x: 1.5rem}.qs-breaks--compact.qs-breaks--show-indicator .qs-break{--padding-indicator: 3.6rem;--indicator-size: 1.4rem}.qs-breaks--compact .qs-break__image{display:none}.qs-breaks--compact .qs-break__content{flex-direction:column;align-items:flex-start;row-gap:.2rem}.qs-breaks--compact span,.qs-breaks--vertical span{word-break:break-word}.qs-breaks--compact .qs-break__left{align-items:center;text-align:center;margin-bottom:.3rem;margin-bottom:0}.qs-breaks--compact .qs-break__right{display:block;text-align:center;line-height:1.1}.qs-breaks--compact .qs-break__caption{display:none}.qs-breaks--compact .qs-break__right span{display:inline}.qs-breaks--compact .qs-break__badge,.qs-breaks--vertical .qs-break--badge-style-2 .qs-break__badge,.qs-breaks--compact .qs-break--benefit-bottom .qs-break__benefit,.qs-breaks--vertical .qs-break--benefit-bottom .qs-break__benefit{top:calc(var(--border-width) / -2);left:50%;right:auto;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.qs-breaks--vertical .qs-break--benefit-bottom .qs-break__benefit,.qs-breaks--compact .qs-break--benefit-bottom .qs-break__benefit{top:calc(100% + (var(--border-width) / 2) + var(--padding-y));position:absolute}.qs-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}.qs-breaks--vertical .qs-breaks-container{grid-template-columns:repeat(min(var(--items-count),4),1fr);align-items:var(--vertical-items-align)}.qs-breaks--vertical .qs-break{padding:0 var(--side-padding) var(--y-padding);text-align:center;margin-bottom:0;display:flex;--indicator-size: 0rem;--padding-indicator: 0rem}.qs-breaks--vertical .qs-break__wrapper,.qs-breaks--show-indicator.qs-breaks--vertical .qs-break__image-and-content,.qs-breaks--show-indicator.qs-breaks--vertical .qs-breaks--indicator-bottom .qs-break__variants{padding:0;margin:0}.qs-breaks--vertical .qs-break,.qs-breaks--vertical .qs-break__image-and-content,.qs-breaks--vertical .qs-break__content,.qs-breaks--vertical .qs-break__label{flex-direction:column;justify-content:center}.qs-breaks--vertical .qs-break__label{row-gap:.7rem}.qs-breaks--vertical.qs-breaks--vertical-image-bottom .qs-break__image-and-content{flex-direction:column-reverse}.qs-breaks--vertical .qs-break--badge-style-1 .qs-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}.qs-breaks--vertical .qs-break--badge-style-3 .qs-break__badge{right:-.7rem}.qs-breaks--vertical .qs-break__image{margin-left:calc(var(--side-padding) * -1);margin-right:calc(var(--side-padding) * -1)}.qs-breaks--vertical .qs-break__image img{width:var(--image-width);height:auto;margin:0 auto;border-radius:var(--image-border-radius, 0)}.qs-breaks--vertical.qs-breaks--vertical-image-top.qs-breaks--max-width-images:not(.qs-breaks--space-images) .qs-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))}.qs-breaks--vertical .qs-break__image-and-content:before{display:none}.qs-breaks--vertical .qs-break__content{row-gap:1rem;margin-top:var(--y-padding)}.qs-breaks--space-images .qs-break__image{margin-top:var(--y-padding)}.qs-breaks--vertical.qs-breaks--vertical-image-bottom .qs-break__image{margin-top:1rem}.qs-breaks--vertical .qs-break__left,.qs-breaks--vertical .qs-break__right{text-align:center;align-items:center;row-gap:.3rem}.qs-breaks--vertical .qs-break__left{row-gap:.7rem}.qs-breaks--vertical[data-items="2"],.qs-breaks--vertical[data-items="4"],.qs-breaks--vertical[data-items="5"]{--badge-font-size: 1.3rem;--badge-line-height: 1.9}@media screen and (max-width:999px){.qs-breaks--vertical .qs-breaks__title{margin-bottom:1rem}.qs-breaks--vertical[data-items="4"] .qs-breaks-container,.qs-breaks--vertical[data-items="5"] .qs-breaks-container{grid-template-columns:repeat(2,1fr)}.qs-breaks--vertical[data-items="6"] .qs-breaks-container{grid-template-columns:repeat(3,1fr)}.qs-breaks--vertical[data-items="3"],.qs-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}.qs-breaks--vertical[data-items="2"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="2"] .qs-break--badge-style-3,.qs-breaks--vertical[data-items="4"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="4"] .qs-break--badge-style-3{--badge-font-size: 1.1rem}.qs-breaks--vertical[data-items="3"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="3"] .qs-break--badge-style-3{--badge-font-size: .8rem}}@media screen and (min-width:1000px){.qs-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}.qs-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}.qs-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}.qs-breaks--vertical[data-items="4"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="4"] .qs-break--badge-style-3{--badge-font-size: 1rem}.qs-breaks--vertical[data-items="3"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="3"] .qs-break--badge-style-3{--badge-font-size: 1.1rem}.qs-breaks--vertical[data-items="2"] .qs-break--badge-style-2,.qs-breaks--vertical[data-items="2"] .qs-break--badge-style-3{--badge-font-size: 1.3rem}}.qs-breaks-container input:not(:checked)+.qs-break .qs-break__upsell--hide-inactive{height:0;overflow:hidden;padding:0}.qs-break__upsell{--image-size: 2.7rem;--checkbox-size: 1.5rem;--text-size: 1.1rem;--padding-offset: 0rem;--padding: .8rem;display:flex;align-items:center;gap:.5rem;padding:var(--padding) calc(var(--padding) + var(--padding-offset))}.qs-break__upsell:last-of-type{border-radius:0 0 var(--border-radius) var(--border-radius)}.qs-break__upsell--style-primary{--padding-offset: var(--border-width);margin:0 calc(var(--padding-offset) * -1);background:rgb(var(--accent-color));color:rgb(var(--color-button-text))}.qs-break__upsell--style-primary:last-of-type{padding-bottom:calc(var(--padding) + var(--padding-offset));margin-bottom:calc(var(--padding-offset) * -1)}.qs-break__upsell--style-secondary{background:rgba(var(--accent-color),.1)}.qs-break__upsell svg{width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;margin-right:.4rem}.qs-break__upsell-image{height:var(--image-size);width:var(--image-size)}.qs-break__upsell-content{display:flex;align-items:center;gap:.75rem;flex-grow:1}.qs-break__upsell-text,.qs-break__upsell-badge{font-size:var(--text-size);line-height:1.3}.qs-break__upsell-badge{padding:.3em .75em;border-radius:var(--badge-radius)}.qs-break__upsell-text-right,.qs-break__upsell-badge--right{margin-left:auto}.qs-break__upsell-badge--right+.qs-break__upsell-text-right{margin:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-qs-quantity-breaks.css.map */