.custom-subscription-picker{margin:1.5rem 0;font-family:inherit}.subscription-options{display:flex;flex-direction:column;gap:1rem}.subscription-option{border:1px solid #D9D9D9;border-radius:5px;padding:15px 10px;transition:all .3s ease;background:#fff;position:relative}.subscription-option:hover{border-color:#03753f}.subscription-option[data-option-type=one-time]:has(.subscription-option__radio:checked),.subscription-option[data-option-type=subscription]:has(.subscription-option__radio:checked){border-color:#03753f}.subscription-option__label{display:flex;align-items:center;gap:.875rem;cursor:pointer;margin-bottom:0rem;padding:0;position:relative}.subscription-option__label input{opacity:0}.subscription-option__text .subscription-option__title{position:relative}.subscription-option__title:before{content:"";position:absolute;width:18px;height:18px;border:1px solid #7D7E81;border-radius:50%;left:-24px}.subscription-option__title:after{content:"";position:absolute;width:10px;height:10px;background:#03753f;border-radius:50%;top:4px;left:-20px;transition:all .3s;transform:scale(0)}.subscription-option__label:has(input:checked) .subscription-option__title:before{border-color:#03753f}.subscription-option__label:has(input:checked) .subscription-option__title:after{transform:scale(1)}.subscription-options .f-badge--sale{background:#03753f}.subscription-option__radio{width:20px;height:20px;accent-color:#03753F;cursor:pointer}.subscription-option__text{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.subscription-option__title{font-family:avenirheavy}.subscription-option__price{font-family:avenirheavy;margin-left:auto}.subscription-option__original-price{text-decoration:line-through;margin-left:.5rem;font-family:avenirbook;color:#7d7e81}.variant-options{display:none;gap:10px;margin-top:15px}.subscription-option:has(.subscription-option__radio:checked) .variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(48%,1fr))}.variant-option{border:1px solid #D1D1D6;border-radius:5px;padding:1rem 0;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#fff;min-height:inherit;display:flex;flex-direction:column;justify-content:center;flex:1 1 auto}.subscription-option__price{display:none}.variant-option--selected{border-color:#03753f;background-color:#03753f1a}.variant-option--selected .variant-option__price{border-color:#03753f}.variant-option__badge{position:absolute;top:-8px;left:8px;z-index:1}.variant-option__title{margin-bottom:1rem}.variant-option__price{display:flex;gap:10px;align-items:center;justify-content:center}.variant-option__current-price{font-family:avenirheavy}.variant-option__original-price{text-decoration:line-through;color:#7d7e81}.frequency-options{margin-top:1rem;display:none}.subscription-option:has(.subscription-option__radio:checked) .frequency-options{display:block}.frequency-options__label{margin-bottom:10px}.frequency-options__list{display:flex;gap:10px;margin:0 0 20px}.frequency-option{border:1px solid #D1D1D6;border-radius:5px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;text-align:center;flex:1;background:#fff;font-weight:500}.frequency-option--selected{border-color:#03753f;background-color:#03753f1a;color:#404040}@media (max-width:767px){.variant-option__price{gap:4px;font-size:12px}.variant-options{gap:6px}.variant-option__title{font-size:12px}.product--medium{padding-left:0!important;padding-right:0!important}.subscription-options .f-badge--sale{font-size:10px;padding-top:0;padding-bottom:0}.variant-option__badge{top:-12px;left:5px}.subscription-option__text{font-size:14px}.frequency-options__list{gap:5px}.frequency-option{padding:.75rem .5rem;line-height:1.2;font-size:12px}}.subscription-option__radio:focus,.variant-option:focus,.frequency-option:focus{outline:2px solid #ff6b35;outline-offset:2px}.custom-subscription-picker.loading{opacity:.7;pointer-events:none}.custom-subscription-picker.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #ff6b35;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.variant-option,.frequency-option,.subscription-option{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-subscription-picker.css.map */