.price-display--subscription,[data-subscription-selected] .price-display--one-time{display:none}[data-subscription-selected] .price-display--subscription{display:block}.subscription-selector{display:block;padding-top:.8rem}.subscription-selector[hidden]{display:none}.subscription-option>label{display:flex;flex-direction:column;justify-content:center;position:relative;padding:1.6rem 1.6rem 1.6rem 6.6rem;background-color:rgb(var(--color-base-background-2));border:.1rem solid transparent;border-radius:.8rem;color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.6rem;font-weight:400;cursor:pointer}.subscription-option input[type=radio]{position:absolute;width:.1rem;height:.1rem;opacity:0;pointer-events:none}.subscription-option input[type=radio]:checked+label{font-weight:600;border-color:rgb(var(--color-foreground))}.subscription-option input[type=radio]:focus-visible+label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.subscription-option~.subscription-option{margin-top:.8rem}.subscription-option__title{margin-bottom:1rem;font-size:1.6rem}.subscription-option__price>span{margin-right:1.2rem}.subscription-option__price del{opacity:.7}.subscription-option>label:before,.subscription-option>label:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:1.8rem}.subscription-option>label:before{width:3.2rem;height:3.2rem;border:.1rem solid rgba(var(--color-foreground),.4);border-radius:50%}.subscription-option>label:after{left:2.4rem;width:2rem;height:2rem;border-radius:50%;background:rgba(var(--color-foreground),.15)}.subscription-option input[type=radio]:checked+label:before{border-color:rgb(var(--color-foreground))}.subscription-option input[type=radio]:checked+label:after{background-color:rgb(var(--color-foreground))}.subscription-benefits{display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0 0;padding:0}@media screen and (min-width:600px){.subscription-option>label{flex-direction:row;justify-content:space-between;align-items:center;padding:1.7rem 2.5rem 1.7rem 7.3rem}.subscription-option>label:before{left:2.5rem}.subscription-option>label:after{left:3.1rem}.subscription-option__title{margin-bottom:0}.subscription-option__price{margin-left:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/component-subscription-selector.css.map */