.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]{--uoy-vd-primary: var(--uoy-primary-color, #1c4da1);--uoy-vd-line: #dde3ee;--uoy-vd-line-hover: #b3c3e0;--uoy-vd-tint: #f3f6fc;--uoy-vd-dark: #0a0a0a;--uoy-vd-muted: #878787;--uoy-vd-save: #2f7d17}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element]){--gap: 10px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div{--borderRadius: 10px !important;--borderWidth: 1px !important;--borderColor: var(--uoy-vd-line) !important;--backgroundColor: #fff !important;--paddingTop: 13px !important;--paddingBottom: 13px !important;--paddingLeft: 16px !important;--paddingRight: 16px !important;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:hover{--borderColor: var(--uoy-vd-line-hover) !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:has(>div>div:first-child>svg),.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div[style*="--borderWidth: 2px"]{--borderColor: var(--uoy-vd-primary) !important;--backgroundColor: var(--uoy-vd-tint) !important;box-shadow:inset 0 0 0 1px var(--uoy-vd-primary)!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:first-child{--borderColor: #a9b4c6 !important;--backgroundColor: #fff !important;width:20px!important;height:20px!important;border-width:1.5px!important;transition:border-color .2s ease}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:hover>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:first-child{--borderColor: var(--uoy-vd-primary) !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:first-child:has(>svg){--borderColor: var(--uoy-vd-primary) !important;--backgroundColor: var(--uoy-vd-primary) !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>img:first-child{border:1px solid #edf0f6!important;border-radius:8px!important;background-color:#f6f7fb!important;object-fit:cover!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(2)>div:first-child>span:first-child{--fontSize: 14px !important;--color: var(--uoy-vd-dark) !important;font-weight:700!important;letter-spacing:.02em!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount] [data-essential-upsell-element=discount-label]{--backgroundColor: var(--sale-badge-background, #53a42f) !important;--color: var(--sale-badge-color, #fff) !important;--fontSize: 11px !important;--lineHeight: 14px !important;--borderWidth: 0px !important;--borderRadius: 4px !important;padding:2px 7px!important;font-weight:600!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(2)>span{--fontSize: 13px !important;--color: var(--uoy-vd-save) !important;font-weight:500!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:not(:has([data-essential-upsell-element=discount-label]))>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(2)>span{--color: var(--uoy-vd-muted) !important;font-weight:400!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(3)>span:first-child{--fontSize: 18px !important;--color: var(--uoy-vd-primary) !important;line-height:22px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(3)>span:nth-child(2){--fontSize: 13px !important;--color: var(--uoy-vd-muted) !important;line-height:18px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(>[data-essential-upsell-element=tier-badge]){--top: -10px !important;--right: 16px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount] [data-essential-upsell-element=tier-badge]{--backgroundColor: var(--uoy-vd-primary) !important;--color: #fff !important;--fontSize: 11px !important;--lineHeight: 13px !important;padding:2px 9px!important;border-radius:999px!important;font-weight:600!important;letter-spacing:.02em!important;box-shadow:0 0 0 2px #fff!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select){flex-flow:row wrap!important;gap:8px!important;padding:10px 0 0 32px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:has(>div>img:first-child)>div:has(select){padding-left:52px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select)>div{width:auto!important;gap:6px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select)>div>div{margin-right:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select)>div>span{--fontSize: 13px !important;--color: var(--uoy-vd-muted) !important;min-width:16px!important;font-weight:600!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select{--fontSize: 13px !important;--color: var(--uoy-vd-dark) !important;height:34px!important;min-width:96px!important;padding:0 28px 0 10px!important;border:1px solid #c9d5ec!important;border-radius:6px!important;background-color:#fff!important;font-weight:500!important;line-height:32px!important;cursor:pointer;transition:border-color .2s ease}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select:hover,.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select:focus{border-color:var(--uoy-vd-primary)!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select+div{--fill: var(--uoy-vd-primary) !important;right:10px!important}.t4s-product-form__buttons>.essential-upsell-addon-container:has([data-essential-upsell-element=volume-discount]){order:-1}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]{padding-top:8px!important;row-gap:16px!important;column-gap:10px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*="--gridTemplateColumns: repeat(3,"]:has(>div:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*="--gridTemplateColumns: repeat(3,"]:has(>div:nth-child(5):last-child)>div{grid-column:span 2!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*="--gridTemplateColumns: repeat(3,"]:has(>div:nth-child(5):last-child)>div:nth-child(4){grid-column:2 / span 2!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*="--gridTemplateColumns: repeat(3,"]:has(>div:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]:has(select){align-items:start!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div{--paddingTop: 14px !important;--paddingBottom: 14px !important;--paddingLeft: 8px !important;--paddingRight: 8px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select)){flex:1 0 auto!important;gap:6px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>span:nth-child(2){--fontSize: 14px !important;--color: var(--uoy-vd-dark) !important;margin-top:2px!important;font-weight:700!important;line-height:20px!important;letter-spacing:.02em!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>span:has(>[data-essential-upsell-element=discount-label]){margin-top:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select)):has([data-essential-upsell-element=discount-label])>span:not(:nth-child(2)):not(:has([data-essential-upsell-element=discount-label])){--fontSize: 12px !important;--color: var(--uoy-vd-save) !important;font-weight:500!important;line-height:18px!important;text-wrap:balance}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select,[data-essential-upsell-element=discount-label]))>span:nth-child(3){--fontSize: 11px !important;--color: #5b6577 !important;margin-bottom:24px!important;padding:2px 7px!important;border-radius:4px!important;background:#eef1f6!important;font-weight:600!important;line-height:14px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:last-child{justify-content:flex-start!important;gap:0!important;min-height:38px!important;margin-top:auto!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:last-child>span:first-child{--fontSize: 18px !important;--color: var(--uoy-vd-primary) !important;line-height:22px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:last-child>span:nth-child(2){--fontSize: 12px !important;--color: var(--uoy-vd-muted) !important;line-height:16px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select,[data-essential-upsell-element=discount-label]))>div:last-child:has(>span:only-child):after{content:var(--uoy-vd-compare, none);color:var(--uoy-vd-muted);font-size:12px;line-height:16px;text-decoration:line-through}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:12px 0 0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select)>div{width:100%!important;min-width:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select)>div>div{flex:1 1 auto!important;min-width:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select) select{width:100%!important;min-width:0!important}@media(max-width:767px){.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element]){--gap: 8px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div{--paddingTop: 11px !important;--paddingBottom: 11px !important;--paddingLeft: 12px !important;--paddingRight: 12px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select)){gap:10px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(2)>div:first-child>span:first-child{--fontSize: 13px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(2)>span{--fontSize: 12px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(3)>span:first-child{--fontSize: 16px !important;line-height:20px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:nth-child(3)>span:nth-child(2){--fontSize: 12px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(>[data-essential-upsell-element=tier-badge]){--right: 12px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:30px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div:has(>div>img:first-child)>div:has(select){padding-left:50px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select)>div{min-width:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select)>div>div{flex:1 1 auto!important;min-width:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select{--fontSize: 16px !important;width:100%!important;min-width:0!important;font-weight:400!important}}@media(max-width:767px){.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]{row-gap:14px!important;column-gap:8px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*="--gridTemplateColumns: repeat(3,"]:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div{--paddingTop: 12px !important;--paddingBottom: 12px !important;--paddingLeft: 6px !important;--paddingRight: 6px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select)){gap:6px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>span:nth-child(2){--fontSize: 13px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select)):has([data-essential-upsell-element=discount-label])>span:not(:nth-child(2)):not(:has([data-essential-upsell-element=discount-label])){--fontSize: 11px !important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:last-child{min-height:36px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:last-child>span:first-child{--fontSize: 16px !important;line-height:20px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select){display:flex!important;padding:10px 0 0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select)>div{gap:4px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select)>div>span{min-width:0!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select) select{padding:0 22px 0 8px!important}.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div[style*=--gridTemplateColumns]>div>div:has(select) select+div{right:6px!important}}@media(prefers-reduced-motion:reduce){.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div,.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:not(:has(>[data-essential-upsell-element=tier-badge],select))>div:first-child,.essential-upsell-addon-container [data-essential-upsell-element=volume-discount]>div:not([data-essential-upsell-element])>div>div:has(select) select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/uoy-volume-discount.css.map */