.bab,.cart-box{--rr-offwhite: #e3e2da;--rr-brown: #3b3334;--rr-light-green: #c9c9b3;--rr-dark-green: #484e47;--rr-sage: #767c70;--rr-pink: #c79b86;--rr-ginger: #a89773;--bab-surface: #fff;--bab-border: var(--rr-light-green);--bab-text: var(--rr-brown);--bab-muted: var(--rr-sage);--bab-accent: var(--rr-dark-green);--bab-radius: 12px;--bab-thicken: .3px}.bab{color:var(--bab-text);padding-bottom:160px}.bab__setup-error{border:1px solid var(--bab-border);border-left:4px solid var(--rr-pink);background:var(--rr-offwhite);padding:20px 24px;border-radius:var(--bab-radius)}.bab__setup-error p{margin:0 0 8px}.bab__setup-error p:last-child{margin-bottom:0}.bab__header{text-align:center;padding:32px 0 8px}.bab__heading{margin:0 0 8px}.bab__subheading{color:var(--bab-muted);max-width:620px;margin:0 auto}.bab__progress{position:sticky;top:0;z-index:20;background:var(--rr-offwhite);border:1px solid var(--bab-border);border-radius:var(--bab-radius);padding:14px 18px;margin:24px 0 20px}.bab__progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.bab__progress-label{margin:0;font-size:15px;font-weight:500}.bab__progress-count{margin:0;font-size:14px;color:var(--bab-muted);white-space:nowrap}.bab__progress-track{position:relative;height:8px;border-radius:999px;background:var(--rr-light-green);overflow:visible}.bab__progress-fill{height:100%;border-radius:999px;background:var(--rr-pink);transition:width .25s ease}.bab__progress.is-complete .bab__progress-fill{background:var(--rr-dark-green)}.bab__progress-marker{position:absolute;top:-3px;width:2px;height:14px;background:var(--rr-brown);opacity:.45}.bab__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.bab__filter{border:1px solid var(--bab-border);background:transparent;color:var(--bab-text);border-radius:999px;padding:8px 18px;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.bab__filter:hover{border-color:var(--rr-sage)}.bab__filter.is-active{background:var(--rr-dark-green);border-color:var(--rr-dark-green);color:var(--rr-offwhite)}.bab__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.bab-card[hidden]{display:none}.bab-card{border:1px solid var(--bab-border);border-radius:var(--bab-radius);background:var(--bab-surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}.bab-card.is-selected{border-color:var(--rr-dark-green);box-shadow:0 0 0 1px var(--rr-dark-green)}.bab-card--soldout{opacity:.55}.bab-card__media{position:relative;background:var(--rr-offwhite)}.bab-card__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.bab-card__badge{position:absolute;top:10px;right:10px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--rr-dark-green);color:var(--rr-offwhite);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.bab-card__badge[hidden]{display:none}.bab-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.bab-card__title{margin:0;font-size:16px;font-weight:500}.bab-card__type{margin:0;font-size:13px;color:var(--bab-muted);text-transform:capitalize}.bab-card__soldout{margin:8px 0 0;font-size:13px;color:var(--bab-muted)}.bab-card__actions{margin-top:auto;padding-top:12px}.bab-card__add{width:100%;border:1px solid var(--rr-dark-green);background:transparent;color:var(--rr-dark-green);border-radius:999px;padding:9px 14px;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease}.bab-card__add:hover{background:var(--rr-dark-green);color:var(--rr-offwhite)}.bab-card__add[hidden]{display:none}.bab-card__add:disabled{opacity:.4;cursor:not-allowed}.bab-card__add:disabled:hover{background:transparent;color:var(--rr-dark-green)}.bab-stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--rr-dark-green);border-radius:999px;overflow:hidden}.bab-stepper[hidden]{display:none}.bab-stepper__btn{border:0;background:transparent;color:var(--rr-dark-green);font-size:18px;line-height:1;padding:9px 16px;cursor:pointer}.bab-stepper__btn:hover{background:var(--rr-light-green)}.bab-stepper__btn:disabled{opacity:.35;cursor:not-allowed;background:transparent}.bab-stepper__value{font-size:15px;font-weight:600;min-width:24px;text-align:center}.bab-card__details{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;padding:0;cursor:pointer;background:#3b333461;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}.bab-card__details span{background:var(--rr-offwhite);color:var(--rr-brown);border-radius:999px;padding:9px 20px;font-size:14px;font-weight:500;transform:translateY(4px);transition:transform .18s ease}.bab-card:hover .bab-card__details,.bab-card__details:focus-visible{opacity:1}.bab-card:hover .bab-card__details span,.bab-card__details:focus-visible span{transform:translateY(0)}.bab-card__details:focus-visible{outline:2px solid var(--rr-pink);outline-offset:-2px}@media(hover:none){.bab-card__details{opacity:1;background:transparent;align-items:flex-end;justify-content:flex-start;padding:10px}.bab-card__details span{transform:none;font-size:12px;padding:6px 12px;background:#e3e2daeb}}body.bab-modal-open{overflow:hidden}.bab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.bab-modal[hidden]{display:none}.bab-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b33348c}.bab-modal__dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(900px,100%);max-height:min(88vh,720px);background:var(--bab-surface);border-radius:var(--bab-radius);overflow:hidden;box-shadow:0 18px 48px #3b333447}.bab-modal__close{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#e3e2daeb;color:var(--rr-brown);cursor:pointer}.bab-modal__close:hover{background:var(--rr-light-green)}.bab-modal__media{background:var(--rr-offwhite)}.bab-modal__media img{display:block;width:100%;height:100%;object-fit:cover}.bab-modal__body{padding:32px;overflow-y:auto}.bab-modal__type{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--bab-muted)}.bab-modal__title{margin:0 0 6px;font-size:24px}.bab-modal__price{margin:0 0 18px;font-size:15px;color:var(--bab-muted)}.bab-modal__description{font-size:15px;line-height:1.6}.bab-modal__description p{margin:0 0 12px}.bab-modal__description p:last-child{margin-bottom:0}.bab-modal__actions{margin-top:24px}@media(max-width:768px){.bab-modal{padding:0;align-items:flex-end}.bab-modal__dialog{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;max-height:92vh;border-radius:var(--bab-radius) var(--bab-radius) 0 0}.bab-modal__media{max-height:34vh}.bab-modal__body{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.bab-modal__title{font-size:20px}}.bab__bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--rr-offwhite);border-top:1px solid var(--bab-border);box-shadow:0 -2px 16px #3b33341a;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.bab__bar-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.bab__bar-selection{flex:1 1 260px;min-width:0}.bab__thumbs{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden;margin-bottom:6px;min-height:0}.bab__thumbs img{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--bab-border);background:#fff}.bab__thumbs-more{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--bab-border);background:var(--rr-light-green);font-size:12px;font-weight:600}.bab__bar-summary{margin:0;font-size:15px;font-weight:500}.bab__bar-total{color:var(--bab-muted);font-weight:400;margin-left:8px}.bab__bar-plan{flex:0 1 auto}.bab__bar-plan-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--bab-muted);margin-bottom:6px}.bab__plans{display:flex;gap:6px}.bab__plan{position:relative;border:1px solid var(--bab-border);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;margin:0}.bab__plan input{position:absolute;opacity:0;pointer-events:none}.bab__plan.is-active{background:var(--rr-dark-green);border-color:var(--rr-dark-green);color:var(--rr-offwhite)}.bab__plan:focus-within{outline:2px solid var(--rr-pink);outline-offset:2px}.bab__submit{flex:0 0 auto;min-width:200px;background:var(--rr-dark-green);border-color:var(--rr-dark-green);color:var(--rr-offwhite)}.bab__submit:disabled{background:var(--rr-sage);border-color:var(--rr-sage);cursor:not-allowed}.bab__submit.is-loading{opacity:.7;pointer-events:none}.bab__bar-error{margin:8px 0 0;padding:0 20px;font-size:14px;color:#9c2f2f;text-align:center}.bab__bar-error[hidden]{display:none}@media(max-width:1024px){.bab__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.bab{padding-bottom:220px}.bab__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bab__header{padding-top:20px}.bab-card__body{padding:12px}.bab-card__title{font-size:14px}.bab__bar-inner{gap:12px}.bab__bar-selection,.bab__bar-plan{flex:1 1 100%}.bab__plans{display:grid;grid-template-columns:1fr 1fr}.bab__plan{text-align:center}.bab__submit{flex:1 1 100%;width:100%;min-width:0}}.cart-box{border:1px solid var(--bab-border);border-radius:var(--bab-radius);padding:16px;margin-bottom:20px;background:var(--bab-surface)}.cart-box__top{display:flex;gap:16px;align-items:flex-start}.cart-box__thumbs{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,34px);gap:3px}.cart-box__thumbs img{width:34px;height:34px;border-radius:5px;object-fit:cover;border:1px solid var(--bab-border)}.cart-box__thumbs-more{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;background:var(--rr-light-green);font-size:11px;font-weight:600}.cart-box__info{flex:1 1 auto;min-width:0}.cart-box__title{margin:0 0 2px;font-size:16px;font-weight:500}.cart-box__meta{margin:0;font-size:15px;color:var(--bab-text)}.cart-box__locked{margin:6px 0 0;font-size:13px;color:var(--bab-muted);font-style:italic}.cart-box__price{flex:0 0 auto;text-align:right;font-size:15px}.cart-box__price-compare{display:block;text-decoration:line-through;color:var(--bab-muted);font-size:13px}.cart-box__contents{margin-top:12px;border-top:1px solid var(--bab-border);padding-top:10px}.cart-box__contents summary{cursor:pointer;font-size:15px;color:var(--bab-accent);list-style:none}.cart-box__contents summary::-webkit-details-marker{display:none}.cart-box__contents summary:after{content:" \25be"}.cart-box__contents[open] summary:after{content:" \25b4"}.cart-box__list{list-style:none;margin:10px 0 0;padding:0;columns:2;column-gap:24px}.cart-box__list li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:3px 0;break-inside:avoid}.cart-box__list span:last-child{color:var(--bab-muted);white-space:nowrap}.cart-box__actions{display:flex;gap:16px;margin-top:12px}.cart-box__action{background:none;border:0;padding:0;font-size:14px;color:var(--bab-accent);text-decoration:underline;cursor:pointer}.cart-box__action:disabled{opacity:.5;cursor:wait}@media(max-width:768px){.cart-box__list{columns:1}.cart-box__thumbs{grid-template-columns:repeat(2,30px)}.cart-box__thumbs img,.cart-box__thumbs-more{width:30px;height:30px}}.cart-box__meta,.cart-box__locked,.cart-box__contents summary,.cart-box__list li,.cart-box__price,.cart-box__action,.cart-box__title,.bab__subheading,.bab__progress-label,.bab__progress-count,.bab__filter,.bab-card__title,.bab-card__type,.bab-card__soldout,.bab-card__add,.bab-card__details span,.bab__bar-plan-label,.bab__plan,.bab__bar-summary,.bab__bar-error,.bab__setup-error,.bab-modal__type,.bab-modal__title,.bab-modal__price,.bab-modal__description,.bab__submit{font-weight:500;-webkit-text-stroke:var(--bab-thicken) currentColor}.bab-stepper__value,.bab-card__badge,.cart-box__thumbs-more,.bab__thumbs-more{-webkit-text-stroke:0}
/*# sourceMappingURL=/cdn/shop/t/44/assets/baby-food-box.css.map */
