.proda-purchase-options{display:block;width:100%;margin-block:4px 12px}.proda-purchase-options__fieldset{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}.proda-purchase-options__legend{margin-block-end:2px;padding:0;color:#222;font-family:var(--font-body--family);font-size:1rem;font-weight:700}.proda-purchase-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:13px 16px;border:1.5px solid color-mix(in srgb,var(--proda-product-accent, #f15a24) 38%,#d7d7d7);border-radius:14px;background:#fff;color:#222;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.proda-purchase-option:hover{border-color:var(--proda-product-accent, #f15a24)}.proda-purchase-option.is-selected{border-color:var(--proda-product-accent, #f15a24);background:color-mix(in srgb,var(--proda-product-accent, #f15a24) 10%,white);box-shadow:inset 0 0 0 1px var(--proda-product-accent, #f15a24)}.proda-purchase-option__choice{display:flex;align-items:center;gap:11px;min-width:0}.proda-purchase-option input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--proda-product-accent, #f15a24);flex:0 0 auto}.proda-purchase-option input[type=radio]:focus-visible{outline:3px solid color-mix(in srgb,var(--proda-product-accent, #f15a24) 35%,transparent);outline-offset:3px}.proda-purchase-option__label,.proda-purchase-option__price{display:block;font-weight:700;line-height:1.2}.proda-purchase-option__price{flex:0 0 auto;text-align:right;white-space:nowrap}.proda-purchase-option__subline{display:block;margin-block-start:3px;color:#5c5c5c;font-size:.8125rem;line-height:1.25}.proda-purchase-options[data-proda-experiment-purchase-framing=subscription-clarity] .proda-purchase-option:has([data-purchase-type=subscription]) :is(.proda-purchase-option__label,.proda-purchase-option__subline){display:none}.proda-purchase-option__experiment-copy{display:grid;justify-items:start;gap:2px;min-width:0}.proda-purchase-option__experiment-badge{width:fit-content;margin-block-end:2px;padding:3px 7px;border-radius:999px;background:var(--proda-product-accent, #f15a24);color:#fff;font-size:.625rem;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}.proda-purchase-option__experiment-title{font-weight:750;line-height:1.2}.proda-purchase-option__experiment-subline{color:#5c5c5c;font-size:.75rem;line-height:1.25}.proda-purchase-options__details{display:grid;gap:7px;padding:2px 2px 5px}.proda-purchase-options__details[hidden]{display:none}.proda-purchase-options__frequency-label{color:#333;font-size:.8125rem;font-weight:700}.proda-purchase-options__select{width:100%;min-height:46px;padding:10px 42px 10px 13px;border:1px solid #b9b9b9;border-radius:10px;background-color:#fff;color:#222;font:inherit}.proda-purchase-options__select:focus-visible{border-color:var(--proda-product-accent, #f15a24);outline:3px solid color-mix(in srgb,var(--proda-product-accent, #f15a24) 28%,transparent);outline-offset:2px}.proda-purchase-options__terms{margin:0;color:#5c5c5c;font-size:.75rem;line-height:1.4}.proda-pack-size{display:grid;gap:9px;min-width:0;margin:2px 0 4px;padding:0;border:0}.proda-pack-size__legend{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:0;color:#222;font-size:1rem;font-weight:700}.proda-pack-size__selection{color:#5c5c5c;font-size:.8125rem;font-weight:650}.proda-pack-size__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.proda-pack-size__option{position:relative;display:grid;place-items:center;min-height:62px;padding:9px 8px;border:1.5px solid #d7d7d7;border-radius:12px;background:#fff;color:#222;cursor:pointer;line-height:1;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.proda-pack-size__option:hover{border-color:var(--proda-product-accent, #f15a24)}.proda-pack-size__option.is-selected{border-color:var(--proda-product-accent, #f15a24);background:color-mix(in srgb,var(--proda-product-accent, #f15a24) 10%,white);box-shadow:inset 0 0 0 1px var(--proda-product-accent, #f15a24)}.proda-pack-size__option.is-disabled{cursor:not-allowed;opacity:.45}.proda-pack-size__option input{position:absolute;width:1px;height:1px;opacity:0}.proda-pack-size__option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--proda-product-accent, #f15a24) 35%,transparent);outline-offset:2px}.proda-pack-size__count{font-size:1.125rem;font-weight:800}.proda-pack-size__unit{margin-block-start:3px;color:#5c5c5c;font-size:.6875rem;font-weight:650;text-transform:uppercase}.proda-pack-size__note{margin:0;color:#5c5c5c;font-size:.75rem;line-height:1.35}.proda-purchase-options[data-proda-experiment-pack-framing=per-can-value] .proda-pack-size__option{min-height:84px}.proda-pack-size__experiment-value{display:grid;justify-items:center;gap:2px;margin-block-start:5px;line-height:1.1}.proda-pack-size__experiment-total{font-size:.75rem;font-weight:750}.proda-pack-size__experiment-unit{color:#5c5c5c;font-size:.625rem;font-weight:650;white-space:nowrap}@media screen and (max-width:374px){.proda-purchase-options[data-proda-experiment-pack-framing=per-can-value] .proda-pack-size__options{gap:6px}.proda-pack-size__experiment-total{font-size:.6875rem}.proda-pack-size__experiment-unit{font-size:.5625rem}}.proda-amazon-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:44px;margin-inline:auto;padding:8px 4px;border:0;border-radius:0;background:transparent;color:#3f3f3f;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s ease}.proda-amazon-secondary:hover{background:transparent;color:var(--proda-product-accent, #f15a24)}.proda-amazon-secondary:focus-visible{outline:3px solid color-mix(in srgb,var(--proda-product-accent, #f15a24) 35%,transparent);outline-offset:3px}.proda-amazon-secondary__note{color:#666;font-size:.75rem;font-weight:500}@media(max-width:749px){.proda-purchase-option{min-height:60px;padding:12px 13px}.proda-purchase-option__price{font-size:.875rem}.proda-pack-size__options{grid-template-columns:repeat(2,minmax(0,1fr))}.proda-pack-size__option{min-height:58px}.proda-amazon-secondary{gap:6px}}@media(prefers-reduced-motion:reduce){.proda-purchase-option,.proda-pack-size__option,.proda-amazon-secondary{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/proda-purchase-options.css.map */