.selling-plan-picker,.spp__frequency{--spp-font-regular: var(--font-ftsystem-blankregular, var(--font-body--family));--spp-font-medium: var(--font-ftsystem-blankmedium, var(--font-body--family));--spp-font-semibold: var(--font-ftsystem-blanksemibold, var(--font-body--family));--spp-font-book: "FTSystem BlankBook", var(--font-ftsystem-blank-book, var(--font-body--family));--spp-font-mono: var(--font-mono--family, "Roboto Mono", monospace);--spp-ink: var(--cf-primary-text-color, #202635);--spp-border: var(--cf-secondary-border-color, #d3d8dd);--spp-surface-selected: var(--clearBlue, #f2f7fb);--spp-surface-inactive: #e6f0f8;--spp-accent: #3383c5;--spp-muted: #797d86;--spp-icon: #2c70bb;--spp-icon-on-dark: #8dcef9;--spp-active-border: inset 0 0 0 .5px var(--spp-ink)}.selling-plan-picker{display:flex;flex-direction:column;gap:12px;width:100%;padding-block-start:var(--spp-padding-bs, 0px);padding-block-end:var(--spp-padding-be, 0px);padding-inline-start:var(--spp-padding-is, 0px);padding-inline-end:var(--spp-padding-ie, 0px)}.spp__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.spp__heading{font-family:var(--spp-font-regular);font-size:var(--font-size--sm);line-height:20px;letter-spacing:.56px;text-transform:uppercase;color:var(--spp-ink)}.spp__cta-link{font-family:var(--spp-font-regular);font-size:var(--font-size--sm);line-height:20px;text-decoration:underline;text-underline-offset:2px;color:var(--spp-accent);white-space:nowrap}.spp__cta-link:hover{opacity:.8}.spp__cta-link--button{padding:0;border:none;background:none;cursor:pointer}.spp__radio{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.spp__radio-outer{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:var(--style-border-width) solid var(--spp-ink);background:transparent;transition:border-color var(--animation-speed-medium) ease,background-color var(--animation-speed-medium) ease}.spp__radio--checked .spp__radio-outer{border-color:var(--spp-accent);background-color:var(--spp-accent)}.spp__radio-inner{display:none;width:8px;height:8px;border-radius:50%;background:#fff}.spp__radio--checked .spp__radio-inner{display:block}.spp__options{display:flex;flex-direction:column;gap:12px}.selling-plan-picker :focus-visible,.spp__frequency :focus-visible{outline:2px solid var(--spp-accent);outline-offset:2px}.spp__option{display:flex;flex-direction:column;gap:var(--gap-lg);padding:var(--padding-lg);border:var(--style-border-width) solid var(--spp-border);border-radius:2px;background:var(--spp-surface-inactive);cursor:pointer;transition:border-color var(--animation-speed-medium) ease,background-color var(--animation-speed-medium) ease}.spp__option--active{background:#fff;border-color:var(--spp-ink);box-shadow:var(--spp-active-border)}.spp__option-top{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.spp__option--subscription .spp__option-price{display:none}.spp__option--subscription:not(.spp__option--active) .spp__option-desc,.spp__option--subscription:not(.spp__option--active) .spp__frequency{display:none}.spp__option-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.spp__option-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.spp__option-info{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.spp__option-label{font-family:var(--spp-font-semibold);font-size:var(--font-size--md);line-height:1.4;letter-spacing:.16px;color:var(--spp-ink);text-align:left}.spp__option-desc{font-family:var(--spp-font-regular);font-size:var(--font-size--sm);line-height:1.5;color:var(--spp-ink);text-align:left}.spp__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 20px;border-radius:42px;background:var(--spp-ink)}.spp__badge-text{font-family:var(--spp-font-mono);font-size:var(--font-size--3xs);line-height:normal;font-weight:600;color:#fff;text-align:center;white-space:nowrap}.spp__option-price{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.spp__onetime-price{font-family:var(--spp-font-medium);font-size:var(--font-size--md);line-height:1.4;color:var(--spp-ink);text-align:right}.spp__sub-price{font-family:var(--spp-font-medium);font-size:var(--font-size--sm);line-height:1.4;color:var(--spp-ink);text-align:right}.spp__compare-price{font-family:var(--spp-font-book);font-size:var(--font-size--sm);line-height:1.4;color:var(--spp-muted);text-decoration:line-through;text-align:right}.spp__frequency{display:flex;flex-direction:column;gap:0}.spp__dropdown-summary,.spp__plan-item{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px;border:var(--style-border-width) solid var(--spp-border);background:#fff;cursor:pointer}.spp__dropdown-summary{border-radius:2px;justify-content:space-between}.spp__dropdown-icon,.spp__plan-item-icon{width:24px;height:24px;flex-shrink:0;color:var(--spp-icon)}.spp__dropdown-info,.spp__plan-item-info{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.spp__dropdown-name,.spp__plan-item-name{font-family:var(--spp-font-semibold);font-size:var(--font-size--sm);line-height:1.4;letter-spacing:.14px;color:var(--spp-ink)}.spp__dropdown-desc,.spp__plan-item-desc{font-family:var(--spp-font-regular);font-size:var(--font-size--2xs);line-height:1.5;letter-spacing:.12px;color:var(--spp-ink)}.spp__dropdown-chevron{display:flex;flex-shrink:0;align-items:center}.spp__frequency--expanded .spp__dropdown-summary{border-end-start-radius:0;border-end-end-radius:0}.spp__frequency--expanded .spp__plan-list{display:flex}.spp__plan-list{display:none;flex-direction:column}.spp__plan-item{margin-block-start:-1px;transition:background-color .1s ease}.spp__plan-item:last-child{border-end-start-radius:2px;border-end-end-radius:2px}.spp__plan-item:hover{background-color:var(--spp-surface-selected)}.spp__plan-item--selected,.spp__plan-item--selected:hover{background-color:var(--spp-ink)}.spp__plan-item--selected .spp__plan-item-name,.spp__plan-item--selected .spp__plan-item-desc{color:#fff}.spp__plan-item--selected .spp__plan-item-icon{color:var(--spp-icon-on-dark)}.spp__summary{display:flex;flex-direction:column;gap:4px;padding-top:12px}.spp__summary-total-row{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs)}.spp__summary-total-label,.spp__summary-compare,.spp__summary-sale-price{font-size:var(--font-size--xl);line-height:1.3;letter-spacing:-.2px}.spp__summary-total-label{font-family:var(--spp-font-regular);color:var(--spp-ink)}.spp__summary-compare{font-family:var(--spp-font-book);color:var(--spp-muted);text-decoration:line-through}.spp__summary-sale-price{font-family:var(--spp-font-semibold);color:var(--spp-ink)}.spp__summary-savings-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 20px;border-radius:42px;background:var(--spp-ink)}.spp__summary-refills-row{display:flex;align-items:center;justify-content:center;gap:4px}.spp__summary-refills-icon{width:16px;height:16px;flex-shrink:0}.spp__summary-refills-text{font-family:var(--spp-font-regular);font-size:var(--font-size--md);line-height:1.4;color:var(--spp-ink)}.spp__pack-options{display:flex;flex-direction:column;gap:var(--gap-lg)}.spp__select-quantity-label{font-family:var(--spp-font-regular);font-size:var(--font-size--2xs);line-height:normal;letter-spacing:.48px;text-transform:uppercase;color:var(--spp-ink)}.spp__pack-list{display:flex;flex-direction:column;gap:1px;border-radius:2px;background:#fff}.spp__pack-item{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs);padding:var(--padding-xs) 12px var(--padding-xs) var(--padding-xs);border:var(--style-border-width) solid var(--spp-border);cursor:pointer;transition:background-color .1s ease}.spp__pack-item:first-child{border-start-start-radius:2px;border-start-end-radius:2px}.spp__pack-item:last-child{border-end-start-radius:2px;border-end-end-radius:2px}.spp__pack-item:hover{background:var(--spp-surface-selected)}.spp__pack-item--selected{background:var(--spp-surface-selected);border-color:var(--spp-ink);box-shadow:var(--spp-active-border);position:relative;z-index:1}.spp__pack-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.spp__pack-item-thumb{position:relative;flex-shrink:0;width:64px;height:64px;background:var(--spp-surface-selected);overflow:hidden}.spp__pack-list.is-loading{pointer-events:none}.spp__pack-item--loading .spp__pack-item-thumb img{opacity:.3}.spp__pack-spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid var(--spp-border);border-top-color:var(--spp-accent);border-radius:50%;animation:spp-pack-spin .6s linear infinite}.spp__pack-item--loading .spp__pack-spinner{display:block}@keyframes spp-pack-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spp__pack-spinner{animation-duration:1.5s}}.spp__pack-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.spp__pack-item-info{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1;min-width:0}.spp__pack-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 20px;border-radius:42px;background:var(--spp-ink);font-family:var(--spp-font-mono);font-size:var(--font-size--3xs);line-height:normal;font-weight:600;color:#fff;white-space:nowrap;text-transform:uppercase}.spp__pack-item-label{font-family:var(--spp-font-semibold);font-size:var(--font-size--sm);line-height:1.4;letter-spacing:.14px;color:var(--spp-ink)}.spp__pack-item-price{font-family:var(--spp-font-medium);font-size:var(--font-size--md);line-height:1.4;color:var(--spp-ink);text-align:right;flex-shrink:0}@media screen and (max-width:749px){.selling-plan-picker{padding-block-start:var(--spp-m-pbs, 0px);padding-block-end:var(--spp-m-pbe, 0px);padding-inline-start:var(--spp-m-pis, 0px);padding-inline-end:var(--spp-m-pie, 0px)}.spp__header{flex-direction:column;align-items:flex-start;gap:4px;margin-block-end:4px}.spp__heading{font-size:var(--font-size--2xs);line-height:17px;letter-spacing:.48px}.spp__cta-link{font-size:var(--font-size--2xs);line-height:17px}.spp__option-info{gap:2px}.spp__option-label{font-size:var(--font-size--sm);letter-spacing:.14px}.spp__option-desc{font-size:11px;line-height:1.2;letter-spacing:.11px}.spp__onetime-price{font-size:var(--font-size--sm);line-height:1.2}.spp__compare-price,.spp__dropdown-name,.spp__plan-item-name{font-size:var(--font-size--2xs);letter-spacing:.12px}.spp__dropdown-desc,.spp__plan-item-desc{font-size:var(--font-size--3xs);letter-spacing:.1px}.spp__pack-item-label{font-size:var(--font-size--2xs);letter-spacing:.12px}.spp__pack-item-price{font-size:var(--font-size--sm)}.spp__summary{gap:2px;padding:6px 0}.spp__summary-total-label,.spp__summary-compare,.spp__summary-sale-price{font-size:var(--font-size--md);letter-spacing:-.16px}.spp__summary-refills-icon{width:12px;height:12px}.spp__summary-refills-text{font-family:var(--spp-font-book);font-size:var(--font-size--2xs);letter-spacing:.12px}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/selling-plan-picker.css.map */