.volume-pricing-selector{display:flex;flex-direction:column;gap:1rem}.volume-pricing-selector__heading{font-weight:500;margin-bottom:.5rem}.volume-pricing-selector__options{display:flex;flex-direction:column;gap:1rem}.volume-option{position:relative}.volume-option__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.volume-option__label{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid #e5e5e5;border-radius:.5rem;background:var(--option-bg-color, rgb(var(--color-background)));cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.volume-option__label:hover{border-color:#b3b3b3}.volume-option__input:checked+.volume-option__label{border-color:rgb(var(--color-foreground));border-width:2px;padding:calc(1.25rem - 1px) calc(1.5rem - 1px)}.volume-option__input:focus-visible+.volume-option__label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.volume-option__image{width:50px;height:50px;flex-shrink:0;border-radius:.25rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.volume-option__image img{width:100%;height:100%;object-fit:cover}.volume-option__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.volume-option__title-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.volume-option__label-text{font-weight:600;font-size:1.1em}.volume-option__savings-badge{display:inline-block;border-radius:var(--badge-corner-radius);font-size:1.2rem;letter-spacing:0;line-height:1;padding:.6rem 1.3rem;text-align:center;word-break:break-word;background-color:var(--badge-bg-color, rgb(var(--color-price-discount-background)));color:rgb(var(--color-price-discount));white-space:nowrap}.volume-option__savings-badge.hidden{display:none}.volume-option__subtitle{font-size:.875em;opacity:.7}.volume-option__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0}.volume-option__total-price{font-weight:600;font-size:1.2em}.volume-option__compare-price{text-decoration:line-through;color:#c00;font-size:.9em}.volume-option__compare-price.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/volume-pricing-selector.css.map */