.subscription-selector{display:block;margin:1.5rem 0}.subscription-selector__options{display:flex;flex-direction:column;gap:.75rem}.subscription-selector__option{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border:1px solid rgb(var(--color-border));border-radius:4px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;position:relative}.subscription-selector__option:hover{border-color:rgb(var(--color-foreground))}.subscription-selector__option:has(.subscription-selector__radio:checked){border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.subscription-selector__radio-visual{flex-shrink:0;width:20px;height:20px;border:2px solid rgb(var(--color-border));border-radius:50%;margin-top:2px;position:relative;transition:border-color .2s ease}.subscription-selector__option:has(.subscription-selector__radio:checked) .subscription-selector__radio-visual{border-color:rgb(var(--color-foreground))}.subscription-selector__radio-visual:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:rgb(var(--color-foreground));transition:transform .2s ease}.subscription-selector__option:has(.subscription-selector__radio:checked) .subscription-selector__radio-visual:after{transform:translate(-50%,-50%) scale(1)}.subscription-selector__content{flex:1;min-width:0}.subscription-selector__header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.subscription-selector__title{font-weight:500;color:rgb(var(--color-foreground))}.subscription-selector__discount{color:#6b9080;font-weight:600}.subscription-selector__price{margin-left:auto;font-weight:600;color:rgb(var(--color-foreground))}.subscription-selector__details{margin-top:.25rem;color:rgba(var(--color-foreground),.7);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.subscription-selector__commitment{color:rgba(var(--color-foreground),.65)}.subscription-selector__details-link{background:none;border:none;padding:0;color:rgb(var(--color-foreground));text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit}.subscription-selector__details-link:hover{text-decoration:none}.subscription-selector__frequency{margin-top:1rem;padding-top:1rem;border-top:1px solid rgb(var(--color-border))}.subscription-selector__frequency[hidden]{display:none}.subscription-selector__frequency-label{display:block;font-weight:500;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.subscription-selector__frequency-select{width:100%}.subscription-selector__frequency-select .select__select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:0}.subscription-selector__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgb(var(--color-border))}.subscription-selector__trust-item{text-align:center}.subscription-selector__trust-icon{width:32px;height:32px;margin:0 auto .5rem}.subscription-selector__trust-icon svg,.subscription-selector__trust-icon img{width:100%;height:100%;object-fit:contain}.subscription-selector__trust-text{color:rgb(var(--color-foreground));line-height:1.3}@media screen and (max-width:749px){.subscription-selector__trust{grid-template-columns:1fr;gap:.75rem}.subscription-selector__trust-item{display:flex;align-items:center;gap:.75rem;text-align:left}.subscription-selector__trust-icon{margin:0;flex-shrink:0}}.subscription-details-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.subscription-details-modal[hidden]{display:none}.subscription-details-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.subscription-details-modal__content{position:relative;background-color:rgb(var(--color-background));border-radius:8px;padding:2rem;max-width:450px;width:100%;max-height:90vh;overflow-y:auto}.subscription-details-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;color:rgb(var(--color-foreground))}.subscription-details-modal__close:hover{opacity:.7}.subscription-details-modal__close .icon{width:20px;height:20px}.subscription-details-modal__title{font-weight:600;margin:0 0 1.5rem;padding-right:2rem}.subscription-details-modal__list{list-style:none;padding:0;margin:0}.subscription-details-modal__list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.5}.subscription-details-modal__list li:before{content:"\2713";position:absolute;left:0;color:#6b9080;font-weight:700}.subscription-details-modal__list li:last-child{margin-bottom:0}.subscription-selector:has([data-option=onetime] .subscription-selector__radio:checked) .subscription-selector__frequency,.subscription-selector:has([data-option=onetime] .subscription-selector__radio:checked) .subscription-selector__trust{display:none}@media screen and (max-width:749px){.subscription-selector__option{padding:.875rem 1rem}.subscription-selector__header{flex-wrap:wrap}.subscription-selector__price{width:100%;margin-left:0;margin-top:.25rem}.subscription-selector__option--subscribe .subscription-selector__price{width:auto;margin-left:auto;margin-top:0}.subscription-details-modal__content{padding:1.5rem}}.cart-subscription-selector{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--color-border),.5)}.cart-subscription-selector__checkbox-wrapper{display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cart-subscription-selector__checkbox{position:absolute;opacity:0;width:0;height:0}.cart-subscription-selector__checkbox-visual{flex-shrink:0;width:20px;height:20px;border:2px solid rgb(var(--color-foreground));border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:background-color .2s ease,border-color .2s ease}.cart-subscription-selector__checkbox:checked+.cart-subscription-selector__checkbox-visual{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cart-subscription-selector__checkmark{width:12px;height:12px;color:rgb(var(--color-background));opacity:0;transition:opacity .2s ease}.cart-subscription-selector__checkbox:checked+.cart-subscription-selector__checkbox-visual .cart-subscription-selector__checkmark{opacity:1}.cart-subscription-selector__label{font-weight:500;color:rgb(var(--color-foreground))}.cart-subscription-selector__frequency{margin-top:.75rem}.cart-subscription-selector__frequency[hidden]{display:none}.cart-subscription-selector__frequency-label{display:block;color:rgba(var(--color-foreground),.7);margin-bottom:.375rem}.cart-subscription-selector__select{position:relative;display:block;width:100%}.cart-subscription-selector__select select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:0;padding:.625rem 2rem .625rem .75rem;font-family:inherit;font-size:inherit;color:rgb(var(--color-foreground));cursor:pointer;width:100%}.cart-subscription-selector__select select:hover{border-color:rgb(var(--color-foreground))}.cart-subscription-selector__select select:focus{outline:none;border-color:rgb(var(--color-foreground))}.cart-subscription-selector__select .icon-caret{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;width:10px;height:10px}.cart-subscription-selector__loading{display:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.cart-subscription-selector.is-loading .cart-subscription-selector__loading{display:inline-flex}.cart-subscription-selector.is-loading .cart-subscription-selector__checkbox-wrapper,.cart-subscription-selector.is-loading .cart-subscription-selector__frequency{opacity:.5;pointer-events:none}.cart-subscription-badge{display:inline-flex;align-items:center;gap:.25rem;background-color:transparent;color:rgb(var(--color-foreground));padding:0;border-radius:0;margin-top:.25rem;font-weight:400}.cart-subscription-badge .icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-subscription-selector.css.map */