.tiered-option-wrapper>input[type=radio]+.tiered-option .tiered-option__details{display:none}.tiered-option-wrapper>input[type=radio]:checked+.tiered-option .tiered-option__details{display:flex;flex-direction:column}.tiered-option-wrapper>input[type=radio]:checked+.tiered-option{background:var(--sel-bg);border:2.5px solid var(--sel-border);color:var(--sel-tx)}.tiered-option-wrapper>input[type=radio]:checked+.tiered-option .tiered-option__radio{border-color:var(--sel-border)}.tiered-option-wrapper>input[type=radio]:checked+.tiered-option .tiered-option__radio:after{background:var(--sel-border)}.tiered-quantity-label:before,.tiered-quantity-label:after{content:"";flex:1;height:2px;background:var(--tqs-title-bar-color, #e5e5e5)}.form__label{font-weight:700;margin-bottom:10px}.tiered-quantity-label{display:flex;align-items:center;justify-content:center;gap:.7rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .9rem}.tiered-quantity-label span{white-space:nowrap}.tiered-quantity-options{display:grid;row-gap:.7rem}.tiered-option__details{display:none;margin-top:.6rem;padding:.6rem .3rem .75rem;border-top:1px solid #e5e5e5;row-gap:.95rem}.tiered-option--active .tiered-option__details{display:flex;flex-direction:column}.tiered-option__item{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;min-width:0}.tiered-option__controls{display:flex;flex-direction:column;row-gap:.55rem;width:100%;min-width:0}.tiered-option__control{width:100%}.tiered-quantity-selector .tiered-option__details .tiered-option__item:not(.tiered-option__item--choose) .tiered-option__control .select-wrapper{position:relative!important;min-width:0;margin:0!important;flex:0 0 66%;max-width:66%}.tiered-quantity-selector .tiered-option__details .tiered-option__item--choose .tiered-option__slot-selects .select-wrapper{position:relative!important;min-width:0;margin:0!important;flex:1 1 100%;width:100%;max-width:100%}.tiered-quantity-selector .select-wrapper .select{width:100%;background:#fff;max-width:100%;height:34px;min-height:34px;line-height:34px;padding:0 34px 0 10px;border-radius:10px;font-size:.82rem;-webkit-appearance:none;appearance:none;background-image:none;white-space:nowrap;overflow:hidden;text-overflow:clip;margin:0!important;border:1px solid #d0d0d0}.tiered-quantity-selector .select-wrapper .select:focus,.tiered-quantity-selector .select-wrapper .select:focus-visible{outline:none;box-shadow:none;border-color:#3f9ff4}.tiered-quantity-selector .select-wrapper .select:hover{border-color:#3f9ff4}.tiered-quantity-selector .select-wrapper .db-tqs__chev{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none;line-height:0;margin:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.tiered-quantity-selector .select-wrapper .db-tqs__chev svg{width:12px;height:12px;display:block;margin:0}.tiered-quantity-selector .select option[disabled],.tiered-quantity-selector .tiered-option__select option[disabled]{color:#8c8c8c}.tiered-option{position:relative;display:flex;flex-direction:column;padding:.8rem 1rem 0;background:#f5f6f8;border:2px solid #dcdcdc;border-radius:var(--radius);cursor:pointer;transition:border-color .25s,box-shadow .25s}.tiered-option:hover{border-color:#006fcf}.tiered-option--active{background:var(--sel-bg);border:2.5px solid #006FCF;border-color:var(--sel-border);color:var(--sel-tx)}.tiered-option__radio{position:absolute;left:1rem;top:1.2rem;width:18px;height:18px;border:2px solid #c6c6c6;border-radius:50%}.tiered-option--active .tiered-option__radio{border-color:var(--sel-border)}.tiered-option__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:transparent;transition:background .25s}.tiered-option--active .tiered-option__radio:after{background:var(--sel-border)}.tiered-option__top-row{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .5rem 0 2.2rem;gap:.5rem;position:relative}.tiered-option__left{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow:hidden}.tiered-option__right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap;min-width:4.5rem;min-height:2.5rem}.tiered-option__label{font-size:var(--fs-label);font-weight:700;line-height:1.2;white-space:nowrap;margin:0}.tiered-option__save{font-size:.78rem;font-weight:600;padding:.15rem .5rem;border-radius:.35rem;background:var(--save-bg);color:var(--save-tx);white-space:nowrap}.tiered-option__subtitle{font-size:.9rem;font-weight:400;line-height:1.25;color:var(--unsel-tx);padding-left:2.2rem;margin:-.2rem 0 .5rem;transform:translateY(-.25rem)}.tiered-option--discounted .tiered-option__subtitle{margin-top:-.55rem}.tiered-option__compare-price{font-size:var(--fs-comp);text-decoration:line-through;opacity:.6;line-height:1;margin-top:.3rem}.tiered-option__final-price{font-size:var(--fs-final);font-weight:700;line-height:1.2;text-align:right}.tiered-option__per-unit{font-size:var(--fs-unit);opacity:.7}.tiered-option__bonus{margin-top:auto;margin-left:-1rem;margin-right:-1rem;padding:.5rem .7rem .55rem;background:var(--bonus-bg);color:var(--bonus-tx, #fff);display:flex;align-items:center;gap:.75rem;border-radius:0 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px);font-size:.85rem;font-weight:600}.tiered-option__bonus img{width:28px;height:28px;object-fit:cover;border-radius:4px}.tiered-option__floating-badge{position:absolute;top:-2.2rem;right:-.7rem;width:102px;height:60px;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.tiered-option__floating-badge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;color:var(--badge-bg)}.tiered-option__badge-label{position:relative;font-weight:700;font-size:var(--badge-fs);color:var(--badge-tx);text-align:left;line-height:.9;white-space:normal;display:inline-block;max-width:70px;transform-origin:70% 30%;transform:skewY(.6deg) skew(3deg) scaleY(1.07) rotate(6deg)}.tiered-option.has-badge .tiered-option__radio{top:2rem}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tiered-quantity-selector.css.map */