.subscription-purchase{--sub-title: 17 17 17;--sub-primary: 53 61 39;--sub-secondary: var(--select-dot);--sub-muted: var(--select-idle-dot);--sub-border: var(--select-idle-border);--sub-card: 255 255 255;--sub-selected-bg: var(--select-bg);--sub-selected-border: var(--select-border);--sub-glow: var(--select-glow);display:flex;flex-direction:column;gap:12px}.subscription-purchase .subscription-purchase__option{padding:16px;background-color:rgb(var(--sub-card));border:1px solid rgb(var(--sub-border));border-radius:12px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.subscription-purchase .subscription-purchase__option[hidden]{display:none}.subscription-purchase .subscription-purchase__option:has(.subscription-purchase__radio:checked){background-color:rgb(var(--sub-selected-bg));border-color:rgb(var(--sub-selected-border));box-shadow:1px 1px 20px rgb(var(--sub-glow) / .5)}.subscription-purchase .subscription-purchase__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;cursor:pointer}.subscription-purchase .subscription-purchase__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subscription-purchase .subscription-purchase__radio-control{width:24px;height:24px;min-width:24px;border-radius:50%;background-color:rgb(var(--sub-card));border:2px solid rgb(var(--sub-muted))}.subscription-purchase .subscription-purchase__radio:checked+.subscription-purchase__radio-control{border-color:rgb(var(--sub-secondary));background-color:rgb(var(--sub-secondary));box-shadow:inset 0 0 0 3px rgb(var(--sub-card))}.subscription-purchase .subscription-purchase__name{font-size:16px;font-weight:600;line-height:150%;color:rgb(var(--sub-title))}.subscription-purchase .subscription-purchase__badge{font-size:12px;font-weight:600;line-height:150%;text-transform:uppercase;color:rgb(var(--sub-card));background-color:rgb(var(--sub-primary));border-radius:9999px;padding:5px 12px;white-space:nowrap}.subscription-purchase .subscription-purchase__prices{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.subscription-purchase .subscription-purchase__price{font-size:16px;font-weight:600;line-height:150%;color:rgb(var(--sub-title))}.subscription-purchase .subscription-purchase__compare-price{font-size:14px;font-weight:600;line-height:150%;color:rgb(var(--sub-muted))}.subscription-purchase .subscription-purchase__compare-price[hidden]{display:none}.subscription-purchase .subscription-purchase__body{display:none;flex-direction:column;gap:12px;margin-top:12px}.subscription-purchase .subscription-purchase__option:has(.subscription-purchase__radio[value=subscription]:checked) .subscription-purchase__body{display:flex}.subscription-purchase .subscription-purchase__benefits p{margin-block:0}.subscription-purchase .subscription-purchase__benefits ul,.subscription-purchase .subscription-purchase__benefits ol{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.subscription-purchase .subscription-purchase__benefits li{position:relative;padding-inline-start:22px;font-size:14px;font-weight:400;line-height:150%;color:rgb(var(--sub-muted))}.subscription-purchase .subscription-purchase__benefits li:before{content:"";position:absolute;inset-inline-start:0;top:3px;width:16px;height:16px;background:url(/cdn/shop/files/icon-true.svg?v=1785221737) center / contain no-repeat}.subscription-purchase .subscription-purchase__frequency{display:flex;align-items:stretch;min-height:44px;background-color:rgb(var(--sub-card));border:1px solid rgb(var(--sub-border));border-radius:8px;overflow:hidden}.subscription-purchase .subscription-purchase__frequency-label{display:flex;align-items:center;padding:0 16px;font-size:14px;font-weight:400;line-height:150%;color:rgb(var(--sub-muted));border-right:1px solid rgb(var(--sub-border));white-space:nowrap;cursor:pointer}.subscription-purchase .subscription-purchase__frequency-select-wrapper{position:relative;flex:1;display:flex}.subscription-purchase .subscription-purchase__frequency-select{appearance:none;-webkit-appearance:none;width:100%;border:0;margin:0;padding:0 44px 0 16px;background:transparent;font-family:inherit;font-size:14px;font-weight:400;line-height:150%;color:rgb(var(--sub-title));cursor:pointer}.subscription-purchase .subscription-purchase__frequency-select:focus-visible{outline:1px solid rgb(var(--text-primary));outline-offset:-2px;border-radius:8px}.subscription-purchase .subscription-purchase__frequency-chevron svg{position:absolute;top:50%;right:18px;transform:translateY(-50%);pointer-events:none;color:rgb(var(--sub-title))}.subscription-purchase .subscription-purchase__header:has(input:focus-visible){outline:2px solid rgb(var(--text-primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){.subscription-purchase .subscription-purchase__option{transition:none}}@media screen and (min-width:700px){.subscription-purchase{gap:20px}.subscription-purchase .subscription-purchase__option{padding:12px 16px}.subscription-purchase .subscription-purchase__frequency{min-height:40px}.subscription-purchase .subscription-purchase__name{font-size:20px}.subscription-purchase .subscription-purchase__price{font-size:18px}.subscription-purchase .subscription-purchase__compare-price{font-size:16px}.subscription-purchase .subscription-purchase__benefits li:before{top:4px}.subscription-purchase .subscription-purchase__body{gap:10px;margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/subscription-purchase.css.map */