.quantity-breaks-container{display:flex;flex-direction:column;position:relative}.quantity-breaks__title{margin:0 0 1rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.4rem;line-height:1;column-gap:10px}.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(--color-base-accent-2))}.quantity-breaks-container input{opacity:0;width:0;height:0;cursor:pointer}.quantity-break{padding:2.1rem 2rem 1.9rem 4.3rem;margin-bottom:1.2rem;cursor:pointer;border-radius:1rem;background:rgba(var(--color-base-accent-2),.02);border:solid 2px rgba(var(--color-base-accent-2),.3);position:relative}.quantity-breaks-container input:checked+.quantity-break{background:rgba(var(--color-base-accent-2),.1);border:solid 2px rgb(var(--color-base-accent-2))}.quantity-break:hover{background:rgba(var(--color-base-accent-2),.15);border:solid 2px rgb(var(--color-base-accent-2))}.quantity-break__badge{position:absolute;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-background));font-weight:700;font-size:1.55rem;line-height:1.6;top:-1rem;right:-1rem;transform:rotate(3deg);margin:0;padding:0 .5em;border-radius:.2em;z-index:2}.quantity-break__content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.quantity-break__left span,.quantity-break__right span{display:block}.quantity-break__left{display:flex;flex-direction:column;align-items:flex-start;row-gap:.65rem;text-align:left;min-width:0}.quantity-break__left .quantity-break__label{font-size:1.9rem;font-weight:800;line-height:1;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;max-width:100%}.quantity-break__label-text{line-height:1}.quantity-break__benefit{display:inline-block;background:rgba(var(--color-base-accent-2),.12);color:rgb(var(--color-base-accent-2));border:1px solid rgba(var(--color-base-accent-2),.35);border-radius:999px;font-size:1.1rem;font-weight:700;line-height:1;padding:.35rem .7rem;white-space:nowrap;max-width:100%}.quantity-break__caption{font-size:1.45rem;font-weight:500;line-height:1}.quantity-break__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.5rem;min-width:8.3rem}.quantity-break__price{line-height:1;font-size:1.9rem;font-weight:800;color:rgb(var(--color-base-accent-2))}.quantity-break__compare-price{font-size:1.45rem;opacity:.8;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(--color-base-accent-2),.3)}.quantity-breaks-container input:checked+.quantity-break:before{border:solid .2rem rgb(var(--color-base-background-1));background:rgb(var(--color-base-accent-2));box-shadow:0 0 0 .1rem rgb(var(--color-base-accent-2))}.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__selector-item__number{font-weight:700;margin-right:.4rem;line-height:1.5rem}.quantity-break__selector-item{display:flex;align-items:center}.quantity-break__selector-item:not(:last-of-type){margin-bottom:.75rem}.quantity-break__selector-item .select{width:fit-content}.quantity-break__selector-item .select__select{height:2.1rem}@media screen and (max-width:749px){.quantity-break{padding:2rem 1.05rem 1.8rem 3.6rem;margin-bottom:1.25rem}.quantity-break__badge{font-size:1.08rem;right:.3rem;top:-.8rem;max-width:12rem;white-space:nowrap}.quantity-break__content{grid-template-columns:minmax(0,1fr) 8rem;gap:.55rem}.quantity-break__left{row-gap:.55rem}.quantity-break__left .quantity-break__label{font-size:1.75rem;gap:.35rem}.quantity-break__label-text{max-width:9.5rem}.quantity-break__benefit{font-size:.9rem;padding:.32rem .5rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.quantity-break__caption{font-size:1.35rem}.quantity-break__right{min-width:8rem}.quantity-break__price{font-size:1.8rem}.quantity-break__compare-price{font-size:1.35rem}.quantity-break:before{left:1.9rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-quantity-breaks.css.map */