.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:1.4rem;line-height:1;column-gap:10px;margin-bottom:1rem}.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:1.75rem 1.75rem 1.75rem 4rem;margin-bottom:.95rem;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;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.quantity-breaks-container input:checked+.quantity-break{background:rgba(var(--color-base-accent-2),.1);border:solid 2px rgb(var(--color-base-accent-2));transform:scale(1.01)}.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.5rem;line-height:1.6;top:-1rem;right:-1rem;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:.5rem;text-align:left}.quantity-break__left .quantity-break__label{font-size:1.6rem;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:1rem;background:rgb(var(--color-background));color:rgb(var(--color-base-accent-1));line-height:1.9;padding:0 .75rem;font-weight:700;border:solid 1px rgb(var(--color-base-accent-1));border-radius:.6rem;margin-left:.5rem}.quantity-break__caption{font-size:1.4rem;line-height:1}.quantity-break__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;row-gap:.5rem}.quantity-break__price{line-height:1;font-size:1.6rem;font-weight:700;color:rgb(var(--color-base-accent-2))}.quantity-break__compare-price{font-size:1.4rem;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}@keyframes quantity-break-badge-pulse{0%,to{transform:rotate(3deg) scale(1);box-shadow:0 0 rgba(var(--color-base-accent-1),.4)}50%{transform:rotate(3deg) scale(1.06);box-shadow:0 0 0 6px rgba(var(--color-base-accent-1),0)}}@keyframes quantity-break-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.quantity-breaks-container{animation:quantity-break-rise .5s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 30%}.quantity-break{animation:quantity-break-rise .5s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 40%}.quantity-breaks-container .quantity-break:nth-of-type(2){animation-delay:.07s}.quantity-breaks-container .quantity-break:nth-of-type(3){animation-delay:.14s}.quantity-breaks-container .quantity-break:nth-of-type(4){animation-delay:.21s}.quantity-break__badge{animation:quantity-break-badge-pulse 2.4s ease-in-out infinite}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-quantity-breaks.css.map */