.subscription-selector{width:100%}.subscription-selector__wrapper{display:flex;flex-direction:column;gap:2.4rem}.size-selector{border:none;padding:0;margin:0}.size-selector__label{font-size:1.3rem;text-transform:uppercase;font-weight:600;margin-bottom:1.2rem;display:block}.size-selector__value{font-weight:400}.size-selector__buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.2rem}@media screen and (min-width: 750px){.size-selector__buttons{grid-template-columns:repeat(4,1fr)}}.size-option{position:relative}.size-option__badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%);background-color:#333671;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;padding:.4rem .8rem;border-radius:.4rem .4rem 0 0;white-space:nowrap;letter-spacing:.05em;z-index:1}.size-option--best-selling .size-option__badge,.size-option--best-value .size-option__badge{background-color:#333671}.size-option__input{position:absolute;opacity:0;width:0;height:0}.size-option__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.3rem 1.2rem;border:2px solid #e5e5e5;border-radius:.8rem;cursor:pointer;transition:all .2s ease;background-color:#fff;min-height:35px}.size-option--best-selling .size-option__label,.size-option--best-value .size-option__label{padding-top:2rem;background-color:#fef3e5;border-color:#f5a623;color:#333671}.size-option__input:checked+.size-option__label{border-color:#333671;background-color:#f5f5f5}.size-option--best-selling .size-option__input:checked+.size-option__label,.size-option--best-value .size-option__input:checked+.size-option__label{background-color:#8a8ba2;border-color:#333671;color:#fff}.size-option__label:hover{border-color:#333671}.size-option__size{font-size:1.6rem;font-weight:700;margin-bottom:.4rem}.size-option__unit-price{font-size:1.4rem;color:#666}.size-option--best-selling .size-option__unit-price,.size-option--best-value .size-option__unit-price{color:#333671}.purchase-options{display:flex;flex-direction:column;gap:1.6rem}.purchase-option{position:relative}.purchase-option__input{position:absolute;opacity:0;width:0;height:0}.purchase-option__label{display:block;padding:2rem;border:2px solid #e5e5e5;border-radius:.8rem;cursor:pointer;transition:all .2s ease;background-color:#fff}.purchase-option__input:checked+.purchase-option__label{border-color:#333671;background-color:#f5f5f5}.purchase-option__label:hover{border-color:#333671}.purchase-option--subscription .purchase-option__label{padding:0;overflow:hidden}.purchase-option--subscription .purchase-option__input:checked+.purchase-option__label{background-color:#fff}.purchase-option__header{display:flex;align-items:center;justify-content:space-between;padding:2rem;gap:1rem}.purchase-option__title-wrapper{display:flex;align-items:center;gap:1.2rem}.purchase-option__radio{width:24px;height:24px;border:2px solid #d1d5db;border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.purchase-option__radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;border-radius:50%;background-color:#333671;transition:transform .2s ease}.purchase-option__input:checked+.purchase-option__label .purchase-option__radio{border-color:#333671}.purchase-option__input:checked+.purchase-option__label .purchase-option__radio:after{transform:translate(-50%,-50%) scale(1)}.purchase-option__title{font-size:1.8rem;font-weight:600}.purchase-option__badge{background-color:#f5a623;color:#333671;font-size:1.4rem;font-weight:700;padding:.8rem 1.6rem;border-radius:2rem;white-space:nowrap}.purchase-option__content{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1.6rem}.frequency-price{display:flex;justify-content:space-between;gap:1.6rem}.subscription-frequency__select{width:100%;padding:1.2rem 4rem 1.2rem 3rem;font-size:1.6rem;border:1px solidrgb(125,125,125);border-radius:50px;font-family:var(--font-body-family);background-color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.8rem center}.subscription-frequency__select:focus{outline:none;border-color:#333671}.subscription-price{font-size:2.25rem;font-weight:700;text-align:right}.subscription-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.subscription-benefit{display:flex;align-items:center;gap:1rem;font-size:1.4rem}.subscription-benefit__icon{flex-shrink:0;color:#4caf50}.subscription-benefit__link{text-decoration:underline;color:inherit;transition:color .2s ease}.subscription-benefit__link:hover{color:#333671;text-decoration:underline}.purchase-option--onetime .purchase-option__label{display:flex;align-items:center;justify-content:space-between;padding:2rem}.purchase-option__price{font-size:2.25rem;font-weight:700}.product-form__buttons-wrapper{display:flex;gap:1.2rem;align-items:center;margin-top:0}.product-form__quantity{flex:0 0 auto}.product-form__quantity label{font-size:1.4rem;font-weight:600;margin-bottom:.8rem;display:block}.quantity{display:flex;align-items:center;gap:.8rem;border:1px solid #e5e5e5;background:#fff;border-radius:.8rem;padding:.8rem;width:150px}.quantity__button{background:none;border:none;padding:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity__button:hover{background-color:#f5f5f5;border-radius:.4rem}.quantity__input{width:50px;text-align:center;border:none;font-size:1.6rem;font-weight:600}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.product-form__submit{flex:1 1 auto;margin-top:0}@media screen and (max-width: 749px){.size-selector__buttons{grid-template-columns:repeat(2,1fr)}.subscription-price{font-size:2.4rem}.purchase-option__title{font-size:1.6rem}.purchase-option__badge{font-size:1.2rem;padding:.6rem 1.2rem}.purchase-option__radio{width:20px;height:20px}.purchase-option__radio:after{width:10px;height:10px}.product-form__buttons-wrapper{flex-direction:column;gap:1.6rem}.product-form__quantity{width:100%}.quantity{width:100%;max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-subscription-selector.css.map */