.subscription-picker{margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.subscription-picker__fieldset,.subscription-picker__option--onetime{--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--shadow-visible: var(--buttons-shadow-visible);--border-offset: var(--buttons-border-offset);--border-opacity: calc(1 - var(--buttons-border-opacity));border-radius:var(--buttons-radius-outset);position:relative;border:none;padding:2rem;margin:0}.subscription-picker__fieldset:before,.subscription-picker__option--onetime:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:var(--buttons-radius-outset);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.subscription-picker__fieldset:after,.subscription-picker__option--onetime:after{content:"";position:absolute;top:var(--buttons-border-width);right:var(--buttons-border-width);bottom:var(--buttons-border-width);left:var(--buttons-border-width);pointer-events:none;border-radius:var(--buttons-radius);box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),.1);transition:box-shadow var(--duration-short) ease}.subscription-picker__option--onetime:has(input:checked):after,.subscription-picker__fieldset:has(input:checked):after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))}.subscription-picker__legend{margin:0 0 1rem;padding:0}.subscription-picker__option{margin-bottom:.75rem}.subscription-picker__option--subscription+.subscription-picker__option--subscription{margin-top:1rem}.subscription-picker__input{position:absolute;opacity:0;pointer-events:none}.subscription-picker__label{position:relative;display:block;padding:1rem;border:var(--variant-pills-border-width) solid rgba(var(--color-button),.1);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);cursor:pointer;transition:border var(--duration-short) ease}.subscription-picker__input:checked+.subscription-picker__label{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.2)}.subscription-picker__option-content{display:flex;gap:.25rem;flex-direction:row;justify-content:space-between;align-items:flex-start}.subscription-picker__option-title{font-weight:500}.subscription-picker__option-price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.subscription-picker__option-price .price--compare{text-decoration:line-through;opacity:.7;font-size:.9em}.subscription-picker__option-description{color:rgba(var(--color-foreground),.7);font-size:.875em;margin-top:.25rem}.subscription-picker__savings{margin-top:.25rem;font-weight:500}.subscription-picker__option--separator{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem}.subscription-picker__option--separator:before{content:"";position:absolute;top:calc(50% - 1px);left:0;right:0;z-index:-1;display:block;width:100%;height:1px;background-color:rgba(var(--color-foreground),.1)}.subscription-picker__option--separator span{text-transform:uppercase;position:relative;z-index:1;background-color:rgb(var(--color-background));padding:0 1rem;margin:0}.subscription-picker__benefits-content{margin-top:1rem}.subscription-picker__benefits-content ul{list-style:none;padding:0;margin:0}.subscription-picker__benefits-content li{position:relative;padding-left:1rem;display:flex;margin-bottom:.5rem}.subscription-picker__benefits-content li:last-child{margin-bottom:0}.subscription-picker__benefits-content .subscription-picker__benefits-check,.subscription-picker__benefits-content .subscription-picker__benefits-x{color:rgba(var(--color-button),.2);margin-top:.5rem;margin-right:1rem;flex-shrink:0}.subscription-picker__benefits-content .subscription-picker__benefits-x{color:#ff646733}.subscription-picker__option--onetime:has(input:checked) .subscription-picker__benefits-check,.subscription-picker__fieldset:has(input:checked) .subscription-picker__benefits-check{color:rgba(var(--color-button),1)}.subscription-picker__option--onetime:has(input:checked) .subscription-picker__benefits-x,.subscription-picker__fieldset:has(input:checked) .subscription-picker__benefits-x{color:#ff6467}.subscription-picker__savings{color:rgba(var(--color-foreground),.2);background-color:rgba(var(--color-button),.2)}.subscription-picker__fieldset:has(input:checked) .subscription-picker__savings{color:rgba(var(--color-foreground),1);background-color:rgba(var(--color-button),1)}@media screen and (min-width: 750px){.subscription-picker__option-info{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/212/assets/component-subscription-picker.css.map */