:root{--toggle-card-border-color: #E2E2E2;--toggle-card-radius: 10px;--toggle-card-padding: 20px;--toggle-benefits-bg: #F6F6F6;--toggle-switch-on-bg: var(--color-black, #000);--toggle-switch-off-bg: #CFCFCF;--toggle-switch-knob-bg: #FFFFFF;--toggle-one-time-subtext-color: var(--color-foreground-secondary, #777);--toggle-strike-color: var(--color-foreground-secondary, #777);--toggle-disabled-color: #B5B5B5;--toggle-anim-duration: .2s;--toggle-anim-ease: ease-out}.toggle-box{position:relative;display:block;border:1px solid var(--toggle-card-border-color);border-radius:var(--toggle-card-radius);background-color:#fff}.toggle-box.radio-card{cursor:default}.toggle-box.radio-card:hover{background-color:#fff}.toggle-box__radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.toggle-box__upper{display:flex;gap:16px;align-items:start;padding:var(--toggle-card-padding)}.toggle-box__switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.toggle-box__switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background-color:var(--toggle-switch-off-bg);transition:background-color var(--toggle-anim-duration) var(--toggle-anim-ease)}.toggle-box__switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background-color:var(--toggle-switch-knob-bg);transition:transform var(--toggle-anim-duration) var(--toggle-anim-ease)}.toggle-box__switch-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent}.toggle-box.is-subscribe .toggle-box__switch-track,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__switch-track{background-color:var(--toggle-switch-on-bg)}.toggle-box.is-subscribe .toggle-box__switch-knob,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__switch-knob{transform:translate(20px)}.toggle-box.is-onetime .toggle-box__switch-track,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__switch-track{background-color:var(--toggle-switch-off-bg)}.toggle-box.is-onetime .toggle-box__switch-knob,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__switch-knob{transform:translate(0)}.toggle-box__copy{min-width:0}.toggle-box__heading{font-weight:400;line-height:1.3}.toggle-box__subtext{margin-top:4px;font-size:14px;line-height:1.4}.toggle-box__subtext--one{color:var(--toggle-one-time-subtext-color)}.toggle-box__subtext--sub{color:var(--color-foreground-secondary, #777)}.toggle-box__subtext-desktop{display:inline}.toggle-box__subtext-mobile{display:none}.toggle-box__contents{display:flex;flex-direction:column;width:100%}.toggle-box__copy-price{display:flex;justify-content:space-between}.toggle-box__price{text-align:right;white-space:nowrap}.toggle-box__price-sub{font-weight:400}.toggle-box__price-sub-compare{font-size:14px;color:var(--toggle-strike-color);text-decoration:line-through;margin-top:2px}.toggle-box__price-one{font-weight:400}.toggle-box__frequency{max-height:80px;margin-top:20px;overflow:hidden;transition:max-height var(--toggle-anim-duration) var(--toggle-anim-ease),margin-top var(--toggle-anim-duration) var(--toggle-anim-ease)}.toggle-box .toggle-box__frequency:has(.easy-select.es-dropdown-open){overflow:visible}.toggle-box__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:14px var(--toggle-card-padding);background-color:var(--toggle-benefits-bg);border-top:1px solid var(--toggle-card-border-color);border-bottom-left-radius:calc(var(--toggle-card-radius) - 1px);border-bottom-right-radius:calc(var(--toggle-card-radius) - 1px)}.toggle-box__benefit{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.3;transition:color var(--toggle-anim-duration) var(--toggle-anim-ease)}.toggle-box__icon{flex:0 0 14px}.toggle-box__refill{margin:12px 0;text-align:center}.toggle-box.is-subscribe .toggle-box__heading--one,.toggle-box.is-subscribe .toggle-box__subtext--one,.toggle-box.is-subscribe .toggle-box__price-one,.toggle-box.is-subscribe .toggle-box__switch-hit--to-sub,.toggle-box.is-subscribe .toggle-box__icon--x,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__heading--one,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__subtext--one,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__price-one,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__switch-hit--to-sub,.toggle-box:has(.toggle-box__radio--sub:checked) .toggle-box__icon--x{display:none}.toggle-box.is-onetime .toggle-box__heading--sub,.toggle-box.is-onetime .toggle-box__subtext--sub,.toggle-box.is-onetime .toggle-box__price-sub,.toggle-box.is-onetime .toggle-box__price-sub-compare,.toggle-box.is-onetime .toggle-box__switch-hit--to-onetime,.toggle-box.is-onetime .toggle-box__icon--check,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__heading--sub,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__subtext--sub,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__price-sub,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__price-sub-compare,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__switch-hit--to-onetime,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__icon--check{display:none}.toggle-box.is-onetime .toggle-box__frequency,.toggle-box:has(.toggle-box__radio--one:checked) .toggle-box__frequency{max-height:0;margin-top:0}.toggle-box.is-onetime~.toggle-box__refill,.toggle-box:has(.toggle-box__radio--one:checked)~.toggle-box__refill{display:none}.toggle-box .selling-plan-picker__frequency{width:100%}.toggle-box .easy-select{display:block;width:100%}.toggle-box .es-current .badge{display:none}.toggle-box .es-current .es-option:after{content:"";width:13px;height:9px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M0.379395 0.325439L6.37939 7.32544L12.3794 0.325439' stroke='%231B1B1B' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transform:translateY(-50%) rotate(0);margin-left:0;margin-top:auto}.toggle-box .easy-select.es-dropdown-open .es-current .es-option:after{transform:translateY(-50%) rotate(180deg)}@media(min-width:601px){.toggle-box .easy-select{min-width:298px;width:fit-content}}.easy-select .es-dropdown{width:100%}@media(max-width:600px){.toggle-box__upper{column-gap:12px;row-gap:12px;padding:16px}.toggle-box__benefits{padding:12px 16px;gap:6px 16px}.toggle-box .es-current .es-option,.toggle-box .es-dropdown .es-option{font-size:11px}.toggle-box .es-dropdown .es-option .badge{font-size:9px}.toggle-box__subtext-desktop{display:none}.toggle-box__subtext-mobile{display:flex;font-size:12px;line-height:100%}}@media(prefers-reduced-motion:reduce){.toggle-box__switch-track,.toggle-box__switch-knob,.toggle-box__benefit,.toggle-box__frequency{transition:none}}.radio-card.active{background-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/179/assets/component-selling-plan-picker-toggle.css.map */