.recipe-kit-list{--recipe-kit-list-highlight: #fff3f2;--recipe-kit-list-footer-bg: #f8f8f8;--recipe-kit-list-accent: #111;--recipe-kit-list-text-secondary: rgba(var(--color-foreground), .7);--recipe-kit-list-error: #c42a1f;--recipe-kit-list-inset: 19px;--recipe-kit-list-footer-inset: 15px;--recipe-kit-list-amount-width: 52px;--recipe-kit-list-button-height: 40px;--recipe-kit-list-button-radius: 6px;display:block;border:1px solid var(--content-border-strong);border-radius:var(--content-r-sm);background-color:var(--content-neutral-0);overflow:clip}.recipe-kit-list__head{display:flex;gap:var(--content-sp-4);align-items:center;justify-content:space-between;padding-block:var(--content-sp-4);padding-inline:var(--recipe-kit-list-inset);background-color:var(--content-bg-inverse)}.recipe-kit-list__heading{margin:0;font-family:var(--content-font-label);font-weight:400;font-size:13px;line-height:1.2;letter-spacing:.52px;text-transform:uppercase;color:var(--content-text-inverse)}.recipe-kit-list__count{margin:0;font-family:var(--content-font-body);font-weight:400;font-size:12px;line-height:1.5;text-align:end;color:var(--content-neutral-200)}.recipe-kit-list__rows{margin:0;padding:0;list-style:none}.recipe-kit-list__row{display:flex;gap:var(--content-sp-5);align-items:center;padding-block:14px 13px;padding-inline:var(--recipe-kit-list-inset);border-block-end:1px solid var(--content-border-default)}.recipe-kit-list__row:last-child{padding-block-end:14px;border-block-end:0}.recipe-kit-list__row--bpn{background-color:var(--recipe-kit-list-highlight)}.recipe-kit-list__amount{flex:0 0 auto;inline-size:var(--recipe-kit-list-amount-width);font-family:var(--content-font-label);font-weight:400;font-size:12px;line-height:1.5;color:var(--content-text-muted)}.recipe-kit-list__name{flex:1 0 0;min-inline-size:0;font-family:var(--content-font-body);font-weight:500;font-size:12px;line-height:1.5;color:var(--recipe-kit-list-text-secondary)}.recipe-kit-list__row--bpn .recipe-kit-list__name{color:var(--content-text-primary)}.recipe-kit-list__price{flex:0 0 auto;font-family:var(--content-font-label);font-weight:400;font-size:12px;line-height:1.5;white-space:nowrap;color:var(--recipe-kit-list-accent)}.recipe-kit-list__footer{display:flex;flex-direction:column;gap:var(--content-sp-4);padding-block:19px var(--content-sp-5);padding-inline:var(--recipe-kit-list-footer-inset);border-block-start:1px solid var(--content-border-strong);background-color:var(--recipe-kit-list-footer-bg)}.recipe-kit-list__controls{display:flex;flex-direction:column;gap:var(--content-sp-4);flex-wrap:wrap}.recipe-kit-list__purchase{display:flex;flex-direction:column;gap:var(--content-sp-3)}.recipe-kit-list__modes{display:flex;align-items:center;min-inline-size:0;margin:0;padding:2px;border:1px solid var(--content-border-default);border-radius:var(--content-r-full);background-color:var(--content-neutral-0)}.recipe-kit-list__mode-input{position:absolute;opacity:0;pointer-events:none}.recipe-kit-list__mode{display:flex;gap:5px;align-items:center;justify-content:center;padding-block:9px;padding-inline:14px;border-radius:var(--content-r-full);font-family:var(--content-font-label);font-weight:400;font-size:12px;line-height:1.5;white-space:nowrap;color:var(--content-text-muted);cursor:pointer}.recipe-kit-list__mode--one-time{flex:1 0 0;min-inline-size:0}.recipe-kit-list__mode-input:checked+.recipe-kit-list__mode{background-color:var(--recipe-kit-list-accent);color:var(--content-text-inverse)}.recipe-kit-list__mode-input:focus-visible+.recipe-kit-list__mode{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-kit-list__mode-saving{color:var(--content-saving-on-light)}.recipe-kit-list__mode-input:checked+.recipe-kit-list__mode .recipe-kit-list__mode-saving{color:var(--content-volt)}.recipe-kit-list__frequency[hidden],.recipe-kit-list__submit-label[hidden],.recipe-kit-list__submit-busy[hidden]{display:none}.recipe-kit-list__select-wrap{position:relative;display:flex;align-items:center}.recipe-kit-list__select{-webkit-appearance:none;appearance:none;inline-size:100%;padding-block:9px;padding-inline:13px 37px;border:1px solid var(--content-border-default);border-radius:var(--content-r-full);font-family:var(--content-font-body);font-weight:500;font-size:14px;line-height:1.55;color:var(--content-text-primary);background-color:var(--content-neutral-0);cursor:pointer}.recipe-kit-list__select:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-kit-list__select-icon{position:absolute;inset-inline-end:13px;display:flex;inline-size:16px;block-size:16px;color:var(--content-text-primary);pointer-events:none}.recipe-kit-list__select-icon svg{inline-size:100%;block-size:100%}.recipe-kit-list__submit{display:flex;align-items:center;justify-content:center;inline-size:100%;min-block-size:var(--recipe-kit-list-button-height);padding-block:0;padding-inline:var(--content-sp-5);border:0;border-radius:var(--recipe-kit-list-button-radius);font-family:var(--content-font-label);font-weight:400;font-size:13px;line-height:1.55;text-align:center;text-transform:uppercase;color:var(--content-text-inverse);background-color:var(--content-bg-inverse);cursor:pointer;--hover-sweep-bg: var(--bpn-bg-brand);--hover-sweep-text: var(--bpn-text-inverse)}.recipe-kit-list__submit:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-kit-list__submit:disabled{cursor:progress}.recipe-kit-list__note{margin:0;font-family:var(--content-font-body);font-weight:400;font-size:12px;line-height:1.5;color:var(--content-text-muted)}.recipe-kit-list__error{margin:0;font-family:var(--content-font-body);font-weight:400;font-size:12px;line-height:1.5;color:var(--recipe-kit-list-error)}.recipe-kit-list__error:empty{display:none}@media screen and (min-width:769px){.recipe-kit-list{--recipe-kit-list-footer-inset: 19px;--recipe-kit-list-amount-width: 96px}.recipe-kit-list__name{font-size:14px;line-height:1.55}.recipe-kit-list__controls{flex-direction:row;align-items:center;justify-content:space-between}.recipe-kit-list__purchase{flex-direction:row;align-items:center}.recipe-kit-list__modes{inline-size:300px}.recipe-kit-list__frequency{inline-size:184px}.recipe-kit-list__submit{inline-size:auto}}
/*# sourceMappingURL=/cdn/shop/t/784/assets/component-recipe-kit-list.css.map */