quick-add-modal>.tiered-quantity-selector{display:none}.tiered-option-wrapper-span{min-height:5px;display:flex;flex-direction:row;align-items:center;gap:10px}.tiered-texts{line-height:1.4;text-align:var(--title-text-align)}.tiered-texts p{margin:0}.tiered-heading{font-size:var(--title-font-size);color:var(--title-color)}.tiered-sub-heading{font-size:var(--sub-title-font-size);color:var(--sub-title-color)}.tiered-option-wrapper-span>span:first-child,.tiered-option-wrapper-span>span:last-child{display:block;height:2px;flex-grow:1;background:var(--title-line-color)}.tiered-quantity-options{display:flex;gap:var(--option-bottom-spacing);margin-top:.7rem;flex-wrap:wrap;align-items:stretch;flex-direction:column}.tiered-option-wrapper{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}.tiered-option-flex{display:flex;flex-direction:column;align-items:flex-start}.tiered-option{cursor:pointer;border:var(--buttons_border_thickness) solid var(--border-color-unselected);padding:var(--option-height-spacing) 2.5rem var(--option-height-spacing) 5rem;text-align:center;transition:all .3s;background:var(--back-color-unselected);font-size:var(--pricing-font-size);color:var(--text-color-unselected);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);position:relative;overflow:hidden;width:100%;min-height:48px}.tiered-option:before{content:""!important;position:absolute!important;width:16px;height:16px;box-shadow:0 0 0 1px var(--text-color-unselected);border-radius:50px!important;left:20px!important;top:50%!important;transform:translate(-50%,-50%);z-index:0!important}.tiered-option--active{background:var(--selected-bg-color);color:var(--text-color-selected);border-color:var(--border-color-selected)}.tiered-option--active:before{border:5px solid var(--selected-dot-color)!important;outline:1px solid var(--selected-dot-color);box-shadow:none}.tiered-option:hover{border-color:#000}.tiered-option__horizontal{display:flex;align-items:center;justify-content:space-between;width:100%}.tiered-option__badge{position:absolute;top:-10px;right:-10px;transform:rotate(5deg);display:inline-block;background:var(--badge-bg-color);color:var(--badge-font-color);font-size:var(--badge-font-size);font-weight:700;text-align:center;white-space:nowrap;padding:.1em .5em;border-radius:calc(var(--border-radius)/2);z-index:2}.tiered-option__label{font-weight:600;font-size:var(--label-font-size)}.tiered-option__compare-price{color:var(--compare-font-color);text-decoration:line-through;display:block;margin-bottom:.25em;font-size:var(--compare-price-font-size)}.tiered-option__final-price{font-weight:700;font-size:1.1em;margin-bottom:.25em;font-size:var(--final-price-font-size)}.tiered-option__per-unit{font-size:var(--per-unit-font-size);color:inherit;opacity:.75}.tiered-option__discount-area{border-radius:calc(var(--border-radius)/2);box-sizing:border-box;text-align:center;padding:.2rem 1rem;background:var(--savings-bg-color);color:var(--savings-text-color);font-size:var(--savings-label-font-size);font-weight:700;transform:translateZ(0);will-change:transform}.ribbon{font-size:12px;font-weight:700;color:var(--badge-font-color)}.ribbon{--r: .4em;--c:var(--badge-bg-color);position:absolute;line-height:1.8;z-index:1}.ribbon-top-right{top:-11px;right:calc(-1 * var(--r));padding:0 1em calc(2 * var(--r));border-radius:0 var(--r) var(--r) 0;background:radial-gradient(100% 50% at right,var(--c) 98%,#0000 101%) 0 0/.5lh calc(100% - 2 * var(--r)),radial-gradient(100% 50% at left,#0005 98%,#0000 101%) 100% 100% / var(--r) calc(2 * var(--r)),conic-gradient(from 180deg at calc(100% - var(--r)) calc(100% - 2 * var(--r)),#0000 25%,var(--c) 0) 100% 0 / calc(101% - .5lh) 100%;background-repeat:no-repeat}.ribbon-bottom-left{bottom:-9px;left:calc(-1 * var(--r));padding:calc(2 * var(--r)) 1em 0;border-radius:var(--r) 0 0 var(--r);background:radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%) 100% 100%/.5lh calc(100% - 2 * var(--r)),radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 0 0 / var(--r) calc(2 * var(--r)),conic-gradient(at var(--r) calc(2 * var(--r)),#0000 25%,var(--c) 0) 0 0 / calc(101% - .5lh) 100%;background-repeat:no-repeat;z-index:1}.ribbon-long{--d: .8em;text-align:center;position:absolute;top:-10px;border-top-right-radius:4px;border-top-left-radius:4px;inset-inline:calc(-1*var(--d));border-bottom:var(--d) solid #0008;line-height:1.8;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));background-color:var(--c)}.badge-qb{background-color:var(--badge-qb-1);color:#3b3b3b;width:auto;border-radius:2px 3px 3px 2px;text-transform:uppercase;font-size:.5em;letter-spacing:1px;padding:.4em .5em;margin-left:1em;position:relative;display:inline-block;transform:rotate(0) translateY(-2px);font-weight:700}.badge-qb:before{content:"";display:block;position:absolute;top:0;height:100%;width:2em;left:calc(-2em + 1px);background:linear-gradient(to bottom right,transparent 49.4%,var(--badge-qb-1) 50%) top,linear-gradient(to top right,transparent 49.4%,var(--badge-qb-1) 50%) bottom;background:linear-gradient(to bottom right,transparent 50%,var(--badge-qb-1) 50%) top,linear-gradient(to top right,transparent 50%,var(--badge-qb-1) 50%) bottom;background:conic-gradient(transparent 45deg,var(--badge-qb-1) 45deg 135deg,transparent 125deg 360deg);background-size:100% 51%;background-size:100% 100%;background-repeat:no-repeat}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tiered-quantity-horizontal.css.map */