subscription-picker{display:flex;flex-direction:column;gap:12px;width:100%}.subscription-picker__title{font-family:var(--heading-font-family);font-weight:600;font-size:16px;line-height:24px;color:var(--picker-text, #03257E);margin:0}.subscription-picker__card{border:2px solid;border-radius:5px;transition:all .2s ease}.subscription-picker__card--subscribe.is-selected{background:var(--picker-card-bg, rgba(177, 228, 241, .6));border-color:var(--picker-card-border, #0F9CCB)}.subscription-picker__card:not(.is-selected){background:var(--picker-card-bg-unselected, rgba(177, 228, 241, .2));border-color:var(--picker-card-border-unselected, rgba(15, 156, 203, .21))}.subscription-picker__card--onetime.is-selected{background:var(--picker-card-bg, rgba(177, 228, 241, .6));border-color:var(--picker-card-border, #0F9CCB)}.subscription-picker__mode{display:flex;justify-content:space-between;align-items:center;padding:16px;background:transparent;border:none;color:var(--picker-text, #03257E);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit}.subscription-picker__mode:hover{opacity:.85}.subscription-picker__mode-header{display:flex;align-items:center;gap:12px;flex:1}.subscription-picker__mode-label{font-family:var(--heading-font-family);font-weight:600;font-size:16px;line-height:24px;color:var(--picker-text, #03257E)}.subscription-picker__badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:var(--picker-badge-bg, #0F9CCB);color:#fff;font-family:var(--text-font-family);font-weight:600;font-size:10px;line-height:15px;border-radius:100px;white-space:nowrap}.subscription-picker__price-row{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subscription-picker__price-main{display:flex;flex-direction:row;align-items:baseline;gap:8px}.subscription-picker__price{font-family:var(--accent-font-family);font-weight:600;font-size:24px;line-height:32px;color:var(--picker-text, #03257E)}.subscription-picker__price--original{text-decoration:line-through;opacity:.48;font-weight:400;font-size:16px;line-height:21.33px;color:#000}.subscription-picker__per-unit{font-family:var(--accent-font-family);font-weight:500;font-size:13px;line-height:16px;opacity:.6;color:var(--picker-text, #03257E)}.subscription-picker__mode--onetime .subscription-picker__price--current{font-family:var(--accent-font-family);font-weight:600;font-size:24px;line-height:32px;color:var(--picker-text, #03257E)}.subscription-picker__details{display:flex;flex-direction:column;gap:16px;padding:4px 16px 16px}.subscription-picker__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.subscription-picker__benefits li{display:flex;align-items:center;gap:12px}.subscription-picker__benefits li svg,.subscription-picker__benefits li .icon{flex-shrink:0;width:20px;height:20px;color:var(--picker-text, #03257E)}.subscription-picker__benefits li span{font-family:var(--text-font-family);font-weight:600;font-size:14px;line-height:21px;color:var(--picker-text, #03257E)}.subscription-picker__frequency-dropdown{position:relative;width:100%}.subscription-picker__frequency-trigger{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:none;border-radius:5px;font-family:var(--text-font-family);font-size:16px;line-height:24px;color:var(--picker-text, #03257E);cursor:pointer;width:100%;transition:all .2s ease}.subscription-picker__frequency-trigger:hover{opacity:.85}.subscription-picker__frequency-trigger[aria-expanded=true]{border-radius:5px 5px 0 0}.subscription-picker__frequency-label{display:flex;gap:4px;align-items:center}.frequency-label-normal{font-weight:400}.frequency-label-bold{font-weight:600}.subscription-picker__frequency-chevron{flex-shrink:0;width:16px;height:10px;color:var(--picker-text, #03257E);transition:transform .2s ease}.subscription-picker__frequency-trigger[aria-expanded=true] .subscription-picker__frequency-chevron{transform:rotate(180deg)}.subscription-picker__frequency-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:none;border-radius:0 0 5px 5px;list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:1000}.subscription-picker__frequency-options[hidden]{display:none}.subscription-picker__frequency-option{display:flex;gap:4px;align-items:center;padding:16px;font-family:var(--text-font-family);font-size:16px;line-height:28px;color:var(--picker-text, #03257E);cursor:pointer;transition:background .15s ease}.subscription-picker__frequency-option:hover{background:#b1e4f14d}.subscription-picker__frequency-option.is-selected{background:#b1e4f199;font-weight:600}.subscription-picker__frequency-option:focus{outline:none;background:#b1e4f14d}.subscription-picker__frequency-option .frequency-label-normal{font-weight:400}.subscription-picker__frequency-option .frequency-label-bold{font-weight:600}.subscription-picker__frequency-option.is-selected .frequency-label-bold{font-weight:700}@media(max-width:749px){.subscription-picker__mode{padding:12px}.subscription-picker__mode-label{font-size:14px}.subscription-picker__price,.subscription-picker__mode--onetime .subscription-picker__price--current{font-size:20px}.subscription-picker__badge{font-size:9px;padding:3px 8px}.subscription-picker__frequency-trigger,.subscription-picker__frequency-option{padding:12px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/subscription-picker.css.map */