.months-subscription-picker{display:flex;flex-direction:column;gap:60px;font-family:Inter,sans-serif;margin-top:45px}.refill-section .visually-hidden{position:absolute;width:1px!important;height:1px!important;margin:-1px;border:0;padding:0;white-space:nowrap}.washing-frequency-section{display:flex;flex-direction:column;gap:20px;position:relative}.frequency-header h3{margin:0;font-weight:500;font-size:16px;line-height:1em;letter-spacing:-.48px;color:#040825}.frequency-options{display:flex;gap:16px;height:48px}.frequency-option{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:12px;border:none;background:#fff;cursor:pointer;transition:background-color .2s ease}.frequency-option.selected{background:#040825}.frequency-option .option-content span{font-weight:500;font-size:16px;line-height:1em;letter-spacing:-.08px;color:#040825}.frequency-option.selected .option-content span{color:#f5f0e5}.refill-section{display:flex;flex-direction:column}.refill-header h3{margin:0;font-weight:500;font-size:16px;line-height:1em;letter-spacing:-.48px;color:#040825}.refill-options{display:flex;flex-direction:column;gap:20px}.refill-option-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.refill-option-wrapper:has(.biggest-saving-badge):has([name=refill_frequency]:not(:checked)){margin-top:10px}.refill-option-wrapper:has([name=refill_frequency]:checked) .biggest-saving-badge{display:none}.biggest-saving-badge{background:#040825;color:#fff;font-weight:600;font-size:12px;line-height:1.2em;letter-spacing:-.06px;padding:6px 12px;border-radius:8px;position:absolute;top:-12px;right:16px;z-index:2}.refill-option{width:100%;cursor:pointer}.refill-option input[type=radio],.frequency-option input[type=radio]{position:absolute!important;top:0;left:0;width:1px;height:1px!important;opacity:0;z-index:1;clip:rect(0 0 0 0)}.option-card{background:#fff;border:1px solid #d9d9d9;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.refill-header{font-size:16px;font-weight:500;line-height:16px;letter-spacing:-.48px;margin-bottom:20px}.refill-option:has([name=refill_frequency]:checked) .option-card{background:#f5f5f5;border:1.5px solid #040825}.refill-option.selected .option-card{border-color:#f5f0e5}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:10px}.refill-option:has([name=refill_frequency]:checked) .card-header{background:#040825;color:#f5f0e5}.option-details{display:flex;align-items:center;gap:12px}.radio-group{position:relative;width:15px;height:15px}.refill-option:has([name=refill_frequency]) .radio-group svg{display:none}.refill-option:has([name=refill_frequency]:not(:checked)) .radio-group svg:last-child{display:block}.refill-option:has([name=refill_frequency]:checked) .radio-group svg:first-child{display:block}.frequency-text{font-weight:500;font-size:16px;line-height:1em;letter-spacing:-.48px;color:#040825}.refill-option:has([name=refill_frequency]:checked) .frequency-text{color:#fff}.savings-badge{background:#4caf51;border-radius:100px;padding:5px 12px;white-space:nowrap;line-height:1}.savings-badge span{font-weight:600;font-size:12px;line-height:1.21em;letter-spacing:-.06px;color:#fff}.pricing-details{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.price-display{font-family:DM Sans,sans-serif;font-weight:600;font-size:16px;line-height:1em;letter-spacing:-.48px;color:#040825;text-align:right}.refill-option:has([name=refill_frequency]:checked) .price-display{color:#f5f0e5}.original-price{text-decoration:line-through;opacity:.5;margin-right:4px}.recurring-text{font-weight:400;font-size:12px;line-height:1;letter-spacing:-.06px;color:#fff;opacity:.8;text-align:right}.refill-option:has([name=refill_frequency]:not(:checked)) .recurring-text{display:none}.card-content{padding:20px 0;gap:20px;display:flex;flex-direction:column;display:none}.refill-option:has([name=refill_frequency]:checked) .card-content{display:flex}.features-list{padding:0 16px;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:8px}.checkmark-icon{background:#4caf50;border-radius:2px;padding:4px 2px;display:flex;align-items:center;justify-content:center;min-width:14px;height:14px}.feature-item span{font-weight:400;font-size:14px;line-height:1.07em;color:#040825}.feature-item:nth-child(2) span,.feature-item:nth-child(4) span{letter-spacing:-.07px}.divider-line{width:100%;height:1px;margin:0 16px;background:#0003;display:block!important}.scent-toggle-section{padding-left:16px}.scent-toggle-row{display:flex;align-items:center;gap:10px;width:425px}.info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.info-icon svg{fill:var(--Bob-Black, #040825);stroke-width:2.5px;stroke:#f5f5f5}.ongoing-refills-label{font-weight:600;font-size:14px;line-height:1.07em;letter-spacing:-.07px;color:#040825}.scent-active{font-weight:400;font-size:14px;line-height:1.4em;letter-spacing:-.07px;color:#040825;width:55px}.scent-toggle-container{display:flex}.scent-checkbox{position:absolute;opacity:0;width:0;height:0;clip:rect(0 0 0 0)}.scent-toggle-container label.scent-toggle-wrapper{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-switch{width:40px;height:24px;background:#4caf50;border-radius:9999px;position:relative;transition:background-color .2s ease}.toggle-knob{display:inline-block!important;width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s ease}.scent-checkbox:not(:checked)+.scent-toggle-wrapper .toggle-switch{background:#d9d9d9}.scent-checkbox+label .toggle-knob{transform:translate(16px)}.scent-checkbox:checked+label .toggle-knob{transform:translate(0)}.scent-checkbox:checked+.scent-toggle-wrapper .scent-inactive{opacity:.6}.scent-checkbox:not(:checked)+.scent-toggle-wrapper .scent-active{opacity:.6}.scent-checkbox:not(:checked)+.scent-toggle-wrapper .scent-inactive{opacity:1}.scent-inactive{font-weight:400;font-size:14px;line-height:1.4em;letter-spacing:-.07px;color:#1e1e1e;opacity:.6}@media (max-width: 768px){.months-subscription-picker{max-width:100%;gap:40px;margin-block-start:var(--sp-6)}.frequency-options{height:auto;gap:8px}.frequency-option{height:48px}.divider-line{width:100%}.scent-toggle-row{width:100%;flex-wrap:wrap}.scent-toggle-wrapper{gap:8px}.biggest-saving-badge{right:8px}.scent-toggle-container label.scent-toggle-wrapper{gap:8px}}.pricing-summary-content{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto}.pricing-text{display:flex;flex-direction:column;gap:8px;width:100%}.first-order-price{font-family:Inter,sans-serif;font-weight:700;font-size:22px;line-height:1.18;letter-spacing:-.027em;text-align:center;color:#040825;margin:0;height:26px;display:flex;align-items:center;justify-content:center;gap:6px}.first-order-price .original-price{text-decoration:line-through;opacity:.6}.refill-price{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1em;text-align:center;color:#040825;margin:0;height:16px;display:flex;align-items:center;justify-content:center}.price-info{text-align:right}@media (max-width: 768px){.pricing-summary-content{max-width:100%;padding:0 16px}.first-order-price{font-size:20px}.refill-price{font-size:14px}.delivery-text{font-size:13px}.scent-active,.scent-inactive{font-size:12px}}@media (max-width: 500px){.ongoing-refills-label{font-size:12px}.scent-toggle-row{gap:8px}.page-width{padding-inline:16px}}@media (max-width: 428px){.card-header{padding-inline:12px}.frequency-text{font-size:14px;white-space:nowrap}.ongoing-refills-label{font-size:12px}.savings-badge{padding:4px 10px}.features-list{padding:0 14px}.feature-item span{font-size:13px}.price-display{font-size:14px}.pricing-details{position:relative;padding-top:20px}.price-info{position:absolute;white-space:nowrap;top:0;right:0}}.drawer[active]>.drawer__inner--ongoing-refills{max-width:800px}[data-closed=true] .washing-frequency-section,[data-closed=true] .refill-section{display:none}
/*# sourceMappingURL=/cdn/shop/t/32/assets/months-product-subscription-picker.css.map */