.selling-plan-picker{--sp-color-badge-bg: var(--sp-color-accent);--sp-color-badge-bg-light: color-mix( in srgb, var(--sp-color-accent) 40%, white );--sp-color-primary-hover: color-mix( in srgb, var(--sp-color-primary) 25%, transparent );--sp-color-border: color-mix( in srgb, var(--sp-color-text-primary) 20%, transparent );--sp-color-border-strong: color-mix( in srgb, var(--sp-color-text-primary) 50%, transparent );--sp-color-text-muted: color-mix( in srgb, var(--sp-color-text-primary) 45%, transparent );--sp-color-border-muted: color-mix( in srgb, var(--sp-color-text-primary) 25%, transparent );--sp-gap-xs: .25rem;--sp-gap-sm: .5rem;--sp-gap-md: .75rem;--sp-gap-lg: 2rem;--sp-padding-md: 1rem;--sp-margin-radio-top: .125rem;--sp-border-width: 1px;--sp-border-radius-sm: calc(var(--sp-border-radius-value, 12px) * .33);--sp-border-radius-md: var(--sp-border-radius-value, 12px);--sp-outline-width: 3px;--sp-outline-offset: 2px;--sp-ease-out: cubic-bezier(.16, 1, .3, 1);--sp-ease-in-out: cubic-bezier(.4, 0, .2, 1);--sp-ease-standard: cubic-bezier(.25, .1, .25, 1);--sp-duration-fast: .16s;--sp-duration-base: .24s;--sp-duration-slow: .32s;--sp-font-xs: calc(.625rem * var(--sp-font-size-multiplier, 1));--sp-font-sm: calc(.75rem * var(--sp-font-size-multiplier, 1));--sp-font-md: calc(.875rem * var(--sp-font-size-multiplier, 1));--sp-font-base: calc(1rem * var(--sp-font-size-multiplier, 1));--sp-font-lg: calc(1.25rem * var(--sp-font-size-multiplier, 1));--sp-radio-size: 16px;--sp-radio-dot-size: 6px;--sp-radio-border-width: 1px;width:100%;color:var(--sp-color-text-primary);background-color:transparent}.selling-plan-picker:has(.selling-plan-picker__content:empty),.selling-plan-picker:has(.selling-plan-picker__content>input[type=hidden]:only-child){display:none}.selling-plan-picker__content{display:flex;flex-direction:column;gap:var(--sp-gap-lg)}.subscription-options{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-gap-sm);margin:0;padding:0;border:0}.subscription-option{border:none;background-color:transparent;border-radius:0;padding:0;margin:0;width:100%;max-width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-gap-md);position:relative;cursor:pointer;color:var(--sp-color-text-muted);transition:color var(--sp-duration-base) var(--sp-ease-out)}@media screen and (min-width:768px){.subscription-option{flex-wrap:nowrap}}.subscription-option:hover:not(:has(>input[type=radio]:checked)){border:none;box-shadow:none;color:color-mix(in srgb,var(--sp-color-text-primary) 70%,transparent)}.subscription-option>input[type=radio]{width:var(--sp-radio-size);height:var(--sp-radio-size);margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:var(--sp-radio-border-width) solid var(--sp-color-border-muted);border-radius:var(--sp-radio-button-border-radius, 50%);background-color:transparent;flex-shrink:0;margin-block-start:var(--sp-margin-radio-top);position:relative;transition:background-color var(--sp-duration-base) var(--sp-ease-in-out),border-color var(--sp-duration-base) var(--sp-ease-in-out)}.subscription-option>input[type=radio]:checked{border-color:var(--sp-color-accent);background-color:var(--sp-color-accent)}.subscription-option>input[type=radio]:checked:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:var(--sp-radio-dot-size);height:var(--sp-radio-dot-size);border-radius:calc(var(--sp-radio-button-border-radius, 0px) * .5);background-color:var(--sp-color-text-secondary)}.subscription-option:not(.subscription-option--one-time) input[type=radio]:checked~.subscription-option__content{background-color:transparent;padding:0}.subscription-option.subscription-option--one-time input[type=radio]:checked~.subscription-option__content .subscription-option__name{color:var(--sp-color-text-primary)}.subscription-option:not(.subscription-option--one-time){align-items:center}.subscription-option:has(input[type=radio]:focus-visible){outline:var(--sp-outline-width) solid var(--sp-color-focus);outline-offset:var(--sp-outline-offset);border-radius:var(--sp-border-radius-sm)}.subscription-option__content{flex-direction:row;align-items:center;justify-content:space-between;padding:0;width:100%;flex:1;display:flex;transition:background-color var(--sp-duration-base) var(--sp-ease-in-out)}.subscription-option__details{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-gap-sm);flex-wrap:wrap;width:100%}.subscription-option:has(>input[type=radio]:checked){color:var(--sp-color-text-primary)}.subscription-option__name{font-size:var(--sp-font-lg);font-weight:600;color:inherit;-webkit-user-select:none;user-select:none;transition:color var(--sp-duration-base) var(--sp-ease-in-out)}.subscription-option__description{font-size:var(--sp-font-base);line-height:1.4;opacity:.7;display:block}.subscription-option__savings-badge{display:inline-block;padding:var(--sp-gap-xs) var(--sp-gap-sm);background-color:var(--sp-color-primary);color:var(--sp-color-text-secondary);font-size:var(--sp-font-xs);font-weight:700;border-radius:var(--sp-border-radius-sm);white-space:nowrap;letter-spacing:.2em;text-transform:uppercase}.selling-plan-picker__content-wrapper--bulk-discount,.selling-plan-picker__content-wrapper--delivery-frequency{overflow:hidden;padding-inline-start:calc(var(--sp-gap-md) + var(--sp-radio-size));transition:height var(--sp-duration-slow) var(--sp-ease-in-out),opacity var(--sp-duration-base) var(--sp-ease-out),transform var(--sp-duration-base) var(--sp-ease-out);transform:translateY(var(--sp-wrapper-translate, 6px));will-change:height,opacity,transform;width:100%}.selling-plan-picker__content-wrapper--bulk-discount{height:var(--wrapper-height, 0px);opacity:var(--wrapper-opacity, 0)}.selling-plan-picker__content-wrapper--delivery-frequency{height:var(--delivery-frequency-height, 0px);opacity:var(--delivery-frequency-opacity, 0)}.subscription-option:not(.subscription-option--one-time):has(.subscription-radio:checked) .subscription-option__content{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.bulk-discount-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0;padding:0;margin:0;border:0;border:var(--sp-border-width) solid var(--sp-color-border);border-radius:var(--sp-border-radius-md);overflow:hidden;background-color:var(--sp-color-text-secondary, #ffffff)}.bulk-discount-option{position:relative;display:block;cursor:pointer;border:none;background-color:transparent;transition:opacity var(--sp-duration-fast) var(--sp-ease-out);min-width:min(100%,90px)}.bulk-discount-option:not(:nth-child(2)) .bulk-discount-option__content{border-inline-start-width:0}.bulk-discount-option:hover .bulk-discount-option__content{background-color:var(--sp-color-primary-hover)}.bulk-discount-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.bulk-discount-option input[type=radio]:checked~.bulk-discount-option__content .bulk-discount-option__quantity,.bulk-discount-option input[type=radio]:checked~.bulk-discount-option__content .bulk-discount-option__price,.bulk-discount-option input[type=radio]:checked~.bulk-discount-option__content .bulk-discount-option__unit{color:var(--sp-color-text-secondary)}.bulk-discount-option:has(input[type=radio]:checked) .bulk-discount-option__content{background-color:var(--sp-color-primary);border-color:var(--sp-color-primary)}.bulk-discount-option:has(input[type=radio]:checked) .bulk-discount-option__badge{color:var(--sp-color-text-secondary);opacity:.9;background-color:color-mix(in srgb,var(--sp-color-text-secondary) 15%,transparent)}.bulk-discount-option:has(input[type=radio]:focus-visible){outline:var(--sp-outline-width) solid var(--sp-color-focus);outline-offset:var(--sp-outline-offset)}.bulk-discount-option__content{padding:var(--sp-padding-md);display:flex;flex-direction:column;gap:var(--sp-gap-sm);height:100%;position:relative;border:0;border-inline-end:var(--sp-border-width) solid var(--sp-color-border);border-radius:0;background-color:transparent;transition:background-color var(--sp-duration-fast) var(--sp-ease-standard),border-color var(--sp-duration-fast) var(--sp-ease-standard);align-items:center;text-align:center}.bulk-discount-option:last-child .bulk-discount-option__content{border-inline-end:0}.bulk-discount-option:first-child .bulk-discount-option__content{border-start-start-radius:var(--sp-border-radius-md);border-end-start-radius:var(--sp-border-radius-md)}.bulk-discount-option:last-child .bulk-discount-option__content{border-start-end-radius:var(--sp-border-radius-md);border-end-end-radius:var(--sp-border-radius-md)}.bulk-discount-option__badge{position:static;padding:var(--sp-gap-xs) var(--sp-gap-sm);border-radius:var(--sp-border-radius-sm);font-size:var(--sp-font-xs);text-align:center;letter-spacing:.2em;text-transform:uppercase;font-weight:700;background-color:var(--sp-color-badge-bg-light);color:var(--sp-color-text-primary);opacity:1;margin-block-end:var(--sp-gap-xs)}.bulk-discount-option__badge--popular{background-color:var(--sp-color-badge-bg-light);color:var(--sp-color-text-primary);opacity:1}.bulk-discount-option__badge--best-value{background-color:var(--sp-color-badge-bg);color:var(--sp-color-text-primary);opacity:1}.bulk-discount-option__details{display:flex;align-items:center;flex-direction:column;gap:var(--sp-gap-sm)}.bulk-discount-option__quantity{font-size:calc(var(--sp-font-lg) * 1.8);font-weight:500;color:var(--sp-color-text-primary)}.bulk-discount-option__price{font-size:var(--sp-font-sm);font-weight:600;color:var(--sp-color-text-primary);display:flex;flex-wrap:wrap;gap:.25rem;align-items:baseline;justify-content:center;opacity:.7}.bulk-discount-option__unit{font-size:var(--sp-font-xs);font-weight:500;color:var(--sp-color-text-primary);white-space:normal;opacity:.6}.bulk-discount-option__compare-price{font-size:var(--sp-font-md);color:var(--sp-color-text-secondary);text-decoration:line-through}.bulk-discount-option__savings{font-size:var(--sp-font-md);font-weight:500;color:var(--sp-color-primary)}.delivery-frequency-selector{display:flex;flex-direction:column;width:100%;margin:var(--sp-gap-md) 0 var(--sp-border-width);padding:0;border:0}.delivery-frequency-selector__label{font-size:var(--sp-font-xs);font-weight:600;margin-block-end:var(--sp-gap-xs);padding:0;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.delivery-frequency-options{display:flex;flex-direction:row;gap:var(--sp-selector-spacing, var(--sp-gap-md));align-items:stretch;flex-wrap:wrap}.delivery-frequency-option{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--sp-gap-sm) var(--sp-gap-md);transition:background-color var(--sp-duration-base) var(--sp-ease-in-out),color var(--sp-duration-base) var(--sp-ease-in-out);background-color:transparent;border:var(--sp-border-width) solid var(--sp-color-border);border-radius:var(--sp-border-radius-md);flex:1;min-width:0}.delivery-frequency-option:not(:first-child){border-inline-start-width:calc((1 - var(--sp-selector-remove-left-border, 0)) * var(--sp-border-width))}.delivery-frequency-option:hover{background-color:var(--sp-color-primary-hover)}.delivery-frequency-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.delivery-frequency-option:has(input[type=radio]:checked){background-color:var(--sp-color-primary);color:var(--sp-color-text-secondary);border-color:var(--sp-color-primary)}.delivery-frequency-option:has(input[type=radio]:focus-visible){outline:var(--sp-outline-width) solid var(--sp-color-focus);outline-offset:var(--sp-outline-offset);z-index:1}.delivery-frequency-option__text{font-size:var(--sp-font-sm);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:none;letter-spacing:.2em;text-transform:uppercase}@media screen and (prefers-reduced-motion:reduce){.selling-plan-picker{--sp-duration-fast: 0s;--sp-duration-base: 0s;--sp-duration-slow: 0s;--sp-wrapper-translate: 0px}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/selling-plan-picker.css.map */