.subscription-widget-title{margin-bottom:12px}.subscription__purchase-option+.subscription__purchase-option{margin-top:24px}.subscription__purchase-option{position:relative;background-color:var(--color-light-gray-100);border:1px solid var(--color-light-gray-400);border-radius:var(--radius-s);z-index:1}.subscription__purchase-option:has(input:checked){border-color:var(--color-blue-1000);box-shadow:0 0 0 1px var(--color-blue-1000)}.subscription__purchase-option-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-gradient-blue-100);opacity:0;transition:var(--transition-normal);z-index:-1;border-radius:var(--radius-m)}.subscription__purchase-option:has(input:checked) .subscription__purchase-option-gradient{opacity:1}.subscription__input-wrapper{position:relative;padding:14px 18px}.subscription__input-wrapper input{position:absolute;width:0;height:0;opacity:0}.subscription-option-label{display:flex;align-items:center;gap:8px}.subscription-option-label:after{content:"";display:block;width:100%;height:100%;border-radius:var(--radius-s);position:absolute;top:0;left:0;pointer-events:none}.subscription__input-wrapper input:not(:checked)+.subscription-option-label:after{cursor:pointer;pointer-events:auto}.subscription-label-circle{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-dark-gray-500);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;z-index:0}.subscription-label-circle:before{content:"";display:inline;position:absolute;width:2px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;background:var(--color-gradient-blue-900);opacity:0;transition:var(--transition-normal);border-radius:var(--radius-full)}.subscription__input-wrapper input:checked+.subscription-option-label .subscription-label-circle{box-shadow:none}.subscription__input-wrapper input:checked+.subscription-option-label .subscription-label-circle:before{width:100%;height:100%;opacity:1}.subscription__input-wrapper input:focus-visible+.subscription-option-label .subscription-label-circle{outline:2px solid var(--color-dark-gray-300);outline-offset:2px}.subscription-label-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-white);opacity:0;transition:var(--transition-normal)}.subscription__input-wrapper input:checked+.subscription-option-label .subscription-label-dot{opacity:1}.subscription-label-content{flex-grow:1;padding-top:1px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.subscription-label-save-amount{color:var(--color-sale-red)}.subscription-label-column{display:flex;align-self:center}.subscription-label-column.subscription-label-right{align-items:center;text-align:right;gap:4px}.subscription-label-right.has-sale .subscription-label-price{color:var(--color-sale-red)}.subscription-label-compare-at-price{color:var(--color-dark-gray-300);text-decoration:line-through}.subscription-label-right:not(.has-sale) .subscription-label-compare-at-price{display:none}.subs-content-container{padding:20px}.subs__most-popular{position:absolute;top:0;right:18px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--color-dark-gray-500);color:var(--color-white);padding:3px 10px;font-size:var(--font-size-caption-s);line-height:var(--line-height-xl)}.subs-benefits-list{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.subs-benefit{display:flex;align-items:center;gap:8px}.subs-benefit-icon{width:20px;height:20px}.subs-benefit-icon svg{width:100%;height:100%}@media screen and (min-width: 750px){.subscription__input-wrapper{padding:19px 18px}}@media screen and (min-width: 1000px){.subscription-widget-title{font-size:var(--font-size-body-l)}.subscription-option-label{gap:12px}.subscription__purchase-option .body-s-semibold:not(.subscription-label-save-amount){font-size:var(--font-size-body-l)}.subscription__purchase-option .caption-l{font-size:var(--font-size-body-s)}.subs__most-popular{font-size:var(--font-size-body-s);padding:3px 16px;right:24px}.subs-benefits-list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,160px));justify-content:space-between}.subs-benefit{flex-direction:column;align-items:center;text-align:center;font-size:var(--font-size-body-s);font-weight:var(--font-weight-medium);gap:8px}.subs-benefit-icon{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-subscription-widget.css.map */