sd-quantity-breaks.sd-breaks{--sd-qb-accent: var(--color-accent-1);display:block}.sd-breaks__headline{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem;font-size:1.4rem;font-weight:var(--font-body-weight-bold);letter-spacing:.08em;text-align:center}.sd-breaks__headline:before,.sd-breaks__headline:after{content:"";flex:1;height:2px;background:rgba(var(--color-foreground),.15)}.sd-breaks__list{display:flex;flex-direction:column;gap:1.2rem}.sd-breaks--vertical .sd-breaks__list{flex-direction:row;align-items:var(--sd-qb-align, flex-start);gap:.8rem}.sd-breaks--vertical .sd-break{flex:1 1 0;min-width:0}.sd-breaks--vertical.sd-breaks--units-full .sd-breaks__list{flex-wrap:wrap}.sd-breaks__list>.sd-addon{display:none}.sd-break{--sd-qb-border-c: rgba(var(--color-foreground), .15);--sd-qb-bg-c: transparent;--sd-qb-text-c: rgb(var(--color-foreground));--sd-qb-italic-c: var(--sd-qb-italic, rgb(var(--sd-qb-accent)));--sd-qb-badge-bg-c: rgb(var(--sd-qb-accent));--sd-qb-badge-fg-c: #fff;position:relative;border:var(--sd-qb-border-w, 2px) var(--sd-qb-border-style-c, solid) var(--sd-qb-border-c);border-radius:var(--sd-qb-radius, 10px);background:var(--sd-qb-bg-c);color:var(--sd-qb-text-c);transition:border-color .15s ease,background-color .15s ease}.sd-break:hover{--sd-qb-border-c: rgba(var(--sd-qb-accent), .55)}.sd-break.is-selected{--sd-qb-border-c: rgb(var(--sd-qb-accent));--sd-qb-bg-c: rgba(var(--sd-qb-accent), .06)}.sd-breaks--colors-custom .sd-break{--sd-qb-border-c: var(--sd-qb-c-border);--sd-qb-border-style-c: var(--sd-qb-c-border-style);--sd-qb-bg-c: var(--sd-qb-c-bg);--sd-qb-text-c: var(--sd-qb-c-text);--sd-qb-italic-c: var(--sd-qb-c-italic);--sd-qb-badge-bg-c: var(--sd-qb-c-badge-bg);--sd-qb-badge-fg-c: var(--sd-qb-c-badge-fg);--sd-qb-ben-fg-c: var(--sd-qb-c-ben-fg);--sd-qb-ben-bg-c: var(--sd-qb-c-ben-bg);--sd-qb-ben-border-c: var(--sd-qb-c-ben-border)}.sd-breaks--colors-custom .sd-break.is-selected{--sd-qb-border-c: var(--sd-qb-s-border);--sd-qb-border-style-c: var(--sd-qb-s-border-style);--sd-qb-bg-c: var(--sd-qb-s-bg);--sd-qb-text-c: var(--sd-qb-s-text);--sd-qb-italic-c: var(--sd-qb-s-italic);--sd-qb-badge-bg-c: var(--sd-qb-s-badge-bg);--sd-qb-badge-fg-c: var(--sd-qb-s-badge-fg);--sd-qb-ben-fg-c: var(--sd-qb-s-ben-fg);--sd-qb-ben-bg-c: var(--sd-qb-s-ben-bg);--sd-qb-ben-border-c: var(--sd-qb-s-ben-border)}.sd-break input:focus-visible+.sd-break__box{outline:2px solid rgba(var(--sd-qb-accent),.6);outline-offset:3px;border-radius:var(--sd-qb-radius, 10px)}.sd-break__box{display:block;cursor:pointer;padding:1.4rem 1.6rem}.sd-breaks--compact .sd-break__box{padding:1rem 1.4rem}.sd-breaks--vertical .sd-break__box{padding:1.8rem .8rem 1.2rem;text-align:center;height:100%}.sd-break__main{display:flex;align-items:center;gap:1.2rem}.sd-breaks--vertical .sd-break__main{flex-direction:column;gap:.8rem}.sd-break__dot{display:none;width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.35);flex-shrink:0}.sd-breaks--indicator .sd-break__dot{display:block}.sd-breaks--vertical .sd-break__dot{position:absolute;top:.8rem;left:.8rem;width:1.5rem;height:1.5rem}.sd-break.is-selected .sd-break__dot{border-color:var(--sd-qb-border-c);background:var(--sd-qb-border-c);box-shadow:inset 0 0 0 3px rgb(var(--color-background))}.sd-break__img{flex-shrink:0;width:calc(var(--sd-qb-img, 70%) * .9);max-width:7.2rem}.sd-breaks--vertical .sd-break__img{width:var(--sd-qb-img, 70%);max-width:none}.sd-breaks--vertical.sd-breaks--space-img .sd-break__img{margin-top:.6rem}.sd-breaks--vertical.sd-breaks--img-bottom .sd-break__img{order:3}.sd-breaks--compact .sd-break__img{display:none}.sd-break__img img{display:block;width:100%;height:auto;border-radius:calc(var(--sd-qb-radius, 10px) * .6)}.sd-break__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sd-breaks--vertical .sd-break__content{flex-direction:column;gap:.6rem}.sd-break__left{display:flex;flex-direction:column;gap:.3rem;min-width:0}.sd-break__title{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem}.sd-breaks--vertical .sd-break__title{justify-content:center}.sd-break--benefit-below .sd-break__title{flex-direction:column;align-items:flex-start}.sd-breaks--vertical .sd-break--benefit-below .sd-break__title{align-items:center}.sd-break__label{font-size:1.6rem;line-height:1.25;font-weight:var(--font-body-weight-bold)}.sd-breaks--compact .sd-break__label{font-size:1.5rem}.sd-break__caption{font-size:1.3rem;opacity:.75}.sd-break em{font-style:normal;color:var(--sd-qb-italic-c)}.sd-break__benefit{--sd-b: var(--color-accent-1);font-size:1.15rem;line-height:1.3;padding:.25em .75em;border-radius:var(--sd-qb-ben-radius, .6em);border:1px solid var(--sd-qb-ben-border-c, rgb(var(--sd-b)));color:var(--sd-qb-ben-fg-c, rgb(var(--sd-b)));background:var(--sd-qb-ben-bg-c, transparent);white-space:nowrap}.sd-break__benefit--accent_2{--sd-b: var(--color-accent-2)}.sd-break__benefit--button{--sd-b: var(--color-button)}.sd-break__benefit--text{--sd-b: var(--color-foreground)}.sd-breaks--colors-theme .sd-break__benefit--solid{background:rgb(var(--sd-b));color:rgb(var(--color-background))}.sd-break__prices{display:flex;align-items:flex-end;gap:.2rem .8rem;flex-shrink:0;text-align:right}.sd-breaks--prices-price-stacked .sd-break__prices,.sd-breaks--prices-compare-stacked .sd-break__prices{flex-direction:column}.sd-breaks--prices-compare-row .sd-break__compare,.sd-breaks--prices-compare-stacked .sd-break__compare{order:-1}.sd-breaks--prices-price-row .sd-break__prices,.sd-breaks--prices-compare-row .sd-break__prices{align-items:baseline}.sd-breaks--vertical .sd-break__prices{align-items:center;text-align:center}.sd-break__price{font-size:1.7rem;font-weight:var(--font-body-weight-bold);color:var(--sd-qb-italic-c)}.sd-break__compare{font-size:1.3rem;opacity:.6}.sd-break__compare[hidden]{display:none}.sd-break__badge{--sd-b: var(--color-accent-1);position:absolute;z-index:1;top:0;right:1.6rem;transform:translateY(-55%);font-size:1.1rem;font-weight:var(--font-body-weight-bold);letter-spacing:.05em;line-height:1.3;padding:.3em .9em;border-radius:.6rem;background:rgb(var(--sd-b));color:#fff;white-space:nowrap}.sd-break__badge--accent_2{--sd-b: var(--color-accent-2)}.sd-break__badge--button{--sd-b: var(--color-button);color:rgb(var(--color-button-text))}.sd-break__badge--text{--sd-b: var(--color-foreground);color:rgb(var(--color-background))}.sd-break__badge--sale{background:rgb(var(--color-accent-1))}.sd-breaks--colors-theme .sd-break.is-selected .sd-break__badge--accent_1{--sd-b: var(--sd-qb-accent)}.sd-breaks--colors-custom .sd-break__badge{background:var(--sd-qb-badge-bg-c);color:var(--sd-qb-badge-fg-c)}.sd-break__badge--pill{right:50%;transform:translate(50%,-55%);border-radius:2rem}.sd-break__badge--ribbon{top:0;right:0;transform:none;border-radius:0 calc(var(--sd-qb-radius, 10px) - 2px) 0 .8rem}.sd-breaks--compact .sd-break__badge{right:1.6rem;left:auto;transform:translateY(-55%);border-radius:.6rem}.sd-breaks--vertical .sd-break__badge--tab{right:50%;transform:translate(50%,-55%)}.sd-breaks--vertical .sd-break--has-badge .sd-break__box{padding-top:2.4rem}.sd-break__units{padding:0 1.6rem 1.4rem 4.6rem;display:flex;flex-direction:column;gap:.8rem}.sd-break__units[hidden]{display:none}.sd-breaks--indicator-top .sd-break__units,.sd-breaks:not(.sd-breaks--indicator) .sd-break__units{padding-left:1.6rem}.sd-breaks--vertical .sd-break__units{padding:0 .8rem 1.2rem}.sd-units__label{margin:0;font-size:1.3rem}.sd-units__row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.sd-units__num{font-size:1.3rem;min-width:2.4rem}.sd-units__selects{display:flex;gap:.6rem;flex-wrap:wrap;flex:1;min-width:0}.sd-units__field{display:inline-flex;min-width:0}.sd-breaks--units-full .sd-units__field{flex:1 1 10rem}.sd-units__select{appearance:none;-webkit-appearance:none;width:100%;min-height:3.6rem;padding:0 2.8rem 0 1rem;font:inherit;font-size:1.35rem;color:rgb(var(--color-foreground));border:var(--sd-pickers-border-width, 1px) solid rgba(var(--color-foreground),var(--sd-pickers-border-opacity, .3));border-radius:var(--sd-pickers-radius, 8px);background:linear-gradient(45deg,transparent 50%,currentColor 50%) right 1.4rem center / .5rem .5rem no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) right .9rem center / .5rem .5rem no-repeat,rgba(var(--color-foreground),var(--sd-pickers-overlay-opacity, .03));box-shadow:var(--sd-pk-sx, 0) var(--sd-pk-sy, 0) var(--sd-pk-sb, 0) rgba(var(--color-shadow, 18, 18, 18),var(--sd-pk-sa, 0));cursor:pointer}.sd-breaks--units-plain .sd-units__select{background:linear-gradient(45deg,transparent 50%,currentColor 50%) right 1.4rem center / .5rem .5rem no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) right .9rem center / .5rem .5rem no-repeat,rgb(var(--color-background))}.sd-units__select:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:1px}.sd-units__img{width:3.6rem;height:3.6rem;flex-shrink:0;border-radius:6px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.sd-units__img[hidden]{display:none}.sd-units__img img{width:100%;height:100%;object-fit:cover;display:block}.sd-breaks--units-start .sd-units__img{order:-1}.sd-breaks--units-end .sd-units__img{order:3}.sd-break__addons{display:flex;flex-direction:column;gap:.6rem;padding:0 1.2rem 1.2rem}.sd-break__addons[hidden]{display:none}.sd-breaks--hide-addons .sd-break:not(.is-selected) .sd-break__addons{display:none}.sd-addon{--sd-qa-bg: rgba(var(--color-foreground), .1);--sd-qa-fg: rgb(var(--color-foreground));--sd-qa-badge-bg: rgb(var(--color-foreground));--sd-qa-badge-fg: rgb(var(--color-background));display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-radius:calc(var(--sd-qb-radius, 10px) * .7);background:var(--sd-qa-bg);color:var(--sd-qa-fg);font-size:var(--sd-qa-text, 1.2rem);line-height:1.3}.sd-addon--secondary{--sd-qa-bg: rgba(var(--color-foreground), .05)}.sd-break.is-selected .sd-addon--primary{--sd-qa-bg: rgb(var(--sd-qb-accent));--sd-qa-fg: #fff}.sd-break.is-selected .sd-addon--secondary{--sd-qa-bg: rgba(var(--sd-qb-accent), .14)}.sd-breaks--ab-p-accent_1 .sd-addon--primary{--sd-qa-badge-bg: rgb(var(--color-accent-1));--sd-qa-badge-fg: #fff}.sd-breaks--ab-p-accent_2 .sd-addon--primary{--sd-qa-badge-bg: rgb(var(--color-accent-2));--sd-qa-badge-fg: #fff}.sd-breaks--ab-p-button .sd-addon--primary{--sd-qa-badge-bg: rgb(var(--color-button));--sd-qa-badge-fg: rgb(var(--color-button-text))}.sd-breaks--ab-s-accent_1 .sd-addon--secondary{--sd-qa-badge-bg: rgb(var(--color-accent-1));--sd-qa-badge-fg: #fff}.sd-breaks--ab-s-accent_2 .sd-addon--secondary{--sd-qa-badge-bg: rgb(var(--color-accent-2));--sd-qa-badge-fg: #fff}.sd-breaks--ab-s-button .sd-addon--secondary{--sd-qa-badge-bg: rgb(var(--color-button));--sd-qa-badge-fg: rgb(var(--color-button-text))}.sd-breaks--colors-custom .sd-addon--primary{--sd-qa-bg: var(--sd-qa-p-bg);--sd-qa-fg: var(--sd-qa-p-fg);--sd-qa-badge-bg: var(--sd-qa-p-badge-bg);--sd-qa-badge-fg: var(--sd-qa-p-badge-fg)}.sd-breaks--colors-custom .sd-addon--secondary{--sd-qa-bg: var(--sd-qa-s-bg);--sd-qa-fg: var(--sd-qa-s-fg);--sd-qa-badge-bg: var(--sd-qa-s-badge-bg);--sd-qa-badge-fg: var(--sd-qa-s-badge-fg)}.sd-breaks--colors-custom .sd-break.is-selected .sd-addon--primary{--sd-qa-bg: var(--sd-qa-p-bg-on);--sd-qa-fg: var(--sd-qa-p-fg-on);--sd-qa-badge-bg: var(--sd-qa-p-badge-bg-on);--sd-qa-badge-fg: var(--sd-qa-p-badge-fg-on)}.sd-breaks--colors-custom .sd-break.is-selected .sd-addon--secondary{--sd-qa-bg: var(--sd-qa-s-bg-on);--sd-qa-fg: var(--sd-qa-s-fg-on);--sd-qa-badge-bg: var(--sd-qa-s-badge-bg-on);--sd-qa-badge-fg: var(--sd-qa-s-badge-fg-on)}.sd-addon[role=checkbox]{cursor:pointer}.sd-addon[role=checkbox]:focus-visible{outline:2px solid rgba(var(--color-foreground),.6);outline-offset:2px}.sd-addon__check{display:grid;place-items:center;width:calc(var(--sd-qa-text, 1.2rem) * 1.4);height:calc(var(--sd-qa-text, 1.2rem) * 1.4);border-radius:4px;border:1.5px solid currentColor;flex-shrink:0;color:inherit}.sd-addon__check .sd-icon{--sd-icon-color: currentColor;opacity:0}.sd-addon[data-checked=true] .sd-addon__check{background:currentColor}.sd-addon[data-checked=true] .sd-addon__check .sd-icon{opacity:1;--sd-icon-color: var(--sd-qa-check, rgb(var(--color-background)))}.sd-break.is-selected .sd-addon--primary{--sd-qa-check: rgb(var(--sd-qb-accent))}.sd-breaks--colors-custom .sd-addon--primary{--sd-qa-check: var(--sd-qa-p-bg)}.sd-breaks--colors-custom .sd-addon--secondary{--sd-qa-check: var(--sd-qa-s-bg)}.sd-breaks--colors-custom .sd-break.is-selected .sd-addon--primary{--sd-qa-check: var(--sd-qa-p-bg-on)}.sd-breaks--colors-custom .sd-break.is-selected .sd-addon--secondary{--sd-qa-check: var(--sd-qa-s-bg-on)}.sd-addon__icon .sd-icon{--sd-icon-color: currentColor}.sd-addon__img{width:var(--sd-qa-img, 2.8rem);height:var(--sd-qa-img, 2.8rem);flex-shrink:0;border-radius:4px;overflow:hidden;background:#fff9}.sd-addon__img img{width:100%;height:100%;object-fit:cover;display:block}.sd-addon__content{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sd-addon__text--end{margin-inline-start:auto}.sd-addon__badge{padding:.2em .7em;border-radius:var(--sd-qa-radius, .6em);background:var(--sd-qa-badge-bg);color:var(--sd-qa-badge-fg);font-weight:var(--font-body-weight-bold);font-size:.92em;white-space:nowrap}.sd-addon--badge-right .sd-addon__badge{margin-inline-start:auto}.sd-addon--badge-right .sd-addon__text--end{margin-inline-start:0}.sd-addon--empty{margin:0;font-size:1.2rem;opacity:.7}@media screen and (max-width:749px){.sd-breaks--vertical .sd-break__label{font-size:1.4rem}.sd-breaks--vertical .sd-break__price{font-size:1.5rem}.sd-break__units{padding-left:1.6rem}}@media(prefers-reduced-motion:reduce){.sd-break{transition:none}}.sd-units__field--pills{flex:1 1 100%}.sd-units__field--pills .sd-units__select{display:none}.sd-units__pills{display:flex;flex-wrap:wrap;gap:.6rem}.sd-units__pill{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;line-height:1.2;cursor:pointer}.sd-units__pill[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.sd-units__pill[hidden]{display:none}.sd-units__pill:disabled{opacity:.4;cursor:not-allowed}.sd-units__pill:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.sd-units__dot{width:1.6rem;height:1.6rem;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sd-product-breaks.css.map */