quantity-breaks{--qb-accent: var(--color-primary-rgb);display:block}.accent-color-accent-1,.accent-color-accent-2{--qb-accent: var(--color-primary-rgb)}.accent-color-outline-button,.accent-color-text{--qb-accent: var(--color-foreground-rgb)}.quantity-breaks-container{display:flex;flex-direction:column;position:relative}.quantity-breaks__title{margin:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.875rem;line-height:1;column-gap:10px;margin-bottom:.8125rem}.quantity-breaks__title span:nth-of-type(1),.quantity-breaks__title span:nth-of-type(3){display:block;height:2px;flex-grow:1;background:rgb(var(--qb-accent))}.quantity-breaks-container input[type=radio]{opacity:0;width:0;height:0;cursor:pointer;position:absolute}.quantity-break{padding:1.09rem 1.09rem 1.09rem 2.5rem;margin-bottom:.53rem;cursor:pointer;border-radius:var(--style-border-radius-card, .625rem);background:rgb(var(--qb-accent) / .02);border:solid 2px rgb(var(--qb-accent) / .3);position:relative}.quantity-break:last-of-type{margin-bottom:0}.quantity-breaks-container input:checked+.quantity-break{background:rgb(var(--qb-accent) / .1);border:solid 2px rgb(var(--qb-accent))}.quantity-break:hover{background:rgb(var(--qb-accent) / .15);border:solid 2px rgb(var(--qb-accent))}.quantity-break:before{content:"";display:block;width:.9375rem;height:.9375rem;position:absolute;left:1.25rem;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:solid .125rem rgb(var(--qb-accent) / .3)}.quantity-breaks-container input:checked+.quantity-break:before{border:solid .125rem var(--color-background);background:rgb(var(--qb-accent));box-shadow:0 0 0 .0625rem rgb(var(--qb-accent))}.quantity-break__badge{position:absolute;background:rgb(var(--qb-accent));color:var(--color-background);font-weight:700;font-size:.9375rem;line-height:1.6;top:-.625rem;right:-.625rem;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:.3125rem;text-align:left}.quantity-break__left .quantity-break__label{font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center}.quantity-break__label-text{line-height:1}.quantity-break__benefit{display:inline-block;font-size:.625rem;background:var(--color-background);color:rgb(var(--qb-accent));line-height:1.9;padding:0 .47rem;font-weight:700;border:solid 1px rgb(var(--qb-accent));border-radius:.375rem;margin-left:.3125rem;white-space:nowrap}.quantity-break__caption{font-size:.875rem;line-height:1}.quantity-break__caption span{display:inline}.quantity-break__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.3125rem}.quantity-break__price{line-height:1;font-size:1rem;font-weight:700;color:rgb(var(--qb-accent))}.quantity-break__compare-price{font-size:.875rem;text-decoration:line-through;line-height:1}.quantity-break__variants{height:0;overflow:hidden;padding-top:0}.quantity-breaks-container input:checked+.quantity-break .quantity-break__variants{height:auto;padding-top:.625rem}.quantity-break__selector-item__number{font-weight:700;margin-right:.25rem;line-height:.9375rem}.quantity-break__selector-item{display:flex;align-items:center;flex-wrap:wrap;row-gap:.3125rem}.quantity-break__selector-item:not(:last-of-type){margin-bottom:.47rem}.quantity-break__select-wrap{position:relative;width:fit-content}.quantity-break__select-wrap+.quantity-break__select-wrap{margin-left:.3125rem}.quantity-break__variant-select{-webkit-appearance:none;appearance:none;height:1.3125rem;padding:0 1.25rem 0 .375rem;font-size:.53rem;font-family:inherit;color:var(--color-foreground);background-color:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:var(--style-border-radius-card, .25rem);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.763 2.938 10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .3125rem center}.quantity-break__variant-select:focus-visible{outline:2px solid rgb(var(--qb-accent));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/87/assets/component-quantity-breaks.css.map */