.xl-bootstrap .xl-builder{display:grid}.xl-bootstrap .xl-builder-layout .xl-step{--accordion-tone:var(--color-brand)}.xl-bootstrap .xl-builder-layout .xl-step.xl-step-favorites{--accordion-tone:var(--color-main)}.xl-bootstrap .xl-option-group{grid-gap:var(--gap-xs-cfg);gap:var(--gap-xs-cfg);display:grid}.xl-bootstrap .xl-option-group legend{margin-bottom:var(--gap-sm-cfg);font-weight:700}.xl-bootstrap .xl-divider{border-top:var(--line-cfg)}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip{--btn-color:var(--font-color);--btn-over:var(--font-color);--chip-active:var(--color-brand);--border-radius:var(--border-radius-md-cfg);--btn-opacity:.1;grid-gap:.5rem;min-height:3.4rem;padding:var(--btn-gap) calc(var(--btn-gap) * 1.1);text-align:left;border-radius:var(--border-radius);scroll-snap-align:start;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip>.icon{margin:0;display:block}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip:focus-visible{outline-color:var(--color-neutral)}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip.is-selected>.icon{color:var(--color-brand)}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.85)}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip .xl-ingredient-resource{background:color-mix(in srgb, var(--ingredient-color) 22%, transparent);border-radius:.7rem;place-items:center;width:2.35rem;height:2.35rem;font-size:1.25rem;display:grid}.xl-bootstrap .xl-ingredient-grid .xl-ingredient.btn.chip .xl-ingredient-label{text-overflow:ellipsis;font-size:var(--font-sm-cfg);white-space:nowrap;font-weight:600;overflow:hidden}.xl-bootstrap .xl-selection-card{grid-gap:var(--gap-md-cfg);gap:var(--gap-md-cfg);display:grid}.xl-bootstrap .xl-selection-card .xl-recipe-summary{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.xl-bootstrap .xl-selection-card .xl-recipe-summary h3{margin:0;font-size:1em}.xl-bootstrap .xl-selection-card .xl-recipe-summary .xl-match-meta{opacity:.62;font-size:.8em}.xl-bootstrap .xl-selection-card .xl-selection{grid-gap:var(--gap-xs-cfg);gap:var(--gap-xs-cfg);padding-top:var(--gap-xs-cfg);padding-bottom:var(--gap-xs-cfg);display:grid}.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread{min-height:2.5rem;padding-left:.4rem;padding-right:.4rem}.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread .xl-bread-layer{--bread-light:#f7f4ed;--bread-base:#e8ddc9;--bread-border:#d9c7a6;--bread-pore:#c9b082;z-index:2;border:1px solid #d9c7a6;border:1px solid var(--bread-border);background-image:radial-gradient(circle at 5% 87%,#c9b082 0 2px,#0000 2px),radial-gradient(circle at 17% 22%,#c9b082 0 1px,#0000 2px),radial-gradient(circle at 35% 71%,#c9b082 0 1px,#0000 2px),radial-gradient(circle at 55% 41%,#c9b082 0 2px,#0000 2px),radial-gradient(circle at 85% 61%,#c9b082 0 1px,#0000 2px),linear-gradient(#f7f4ed,#e8ddc9);background-size:15rem;background-image:radial-gradient(circle at 5% 87%, var(--bread-pore) 0,var(--bread-pore) 2px, transparent 2px), radial-gradient(circle at 17% 22%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 35% 71%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 55% 41%, var(--bread-pore) 0,var(--bread-pore) 2px, transparent 2px), radial-gradient(circle at 85% 61%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), linear-gradient(180deg, var(--bread-light), var(--bread-base));background-image:radial-gradient(circle at 5% 87%,#c9b082 0 2px,#0000 2px),radial-gradient(circle at 17% 22%,#c9b082 0 1px,#0000 2px),radial-gradient(circle at 35% 71%,#c9b082 0 1px,#0000 2px),radial-gradient(circle at 55% 41%,#c9b082 0 2px,#0000 2px),radial-gradient(circle at 85% 61%,#c9b082 0 1px,#0000 2px),linear-gradient(#f7f4ed,#e8ddc9);border-radius:.65rem;width:100%;height:2.5rem;display:block;position:relative;box-shadow:inset 0 .125rem #ffffff3d,0 .18rem .2rem #4a2d210d}@supports (background:radial-gradient(red, red 1px 2px, red 3px)){.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread .xl-bread-layer{background-image:radial-gradient(circle at 5% 87%, var(--bread-pore) 0 2px, transparent 2px), radial-gradient(circle at 17% 22%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 35% 71%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 55% 41%, var(--bread-pore) 0 2px, transparent 2px), radial-gradient(circle at 85% 61%, var(--bread-pore) 0 1px, transparent 2px), linear-gradient(180deg, var(--bread-light), var(--bread-base))}}.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread.bread-black .xl-bread-layer{--bread-light:#a39075;--bread-base:#8a775c;--bread-border:#6b5c47;--bread-pore:#4d4233}.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread.bread-seeded .xl-bread-layer{--bread-light:#d6c8b3;--bread-base:#b29970;--bread-border:#9c8054;--bread-pore:#9c8054}.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread.bread-seeded .xl-bread-layer:after{content:"";background-size:10rem;background-image:radial-gradient(circle at 2% 51%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 15% 32%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 28% 15%, var(--bread-pore) 0,var(--bread-pore) 2px, transparent 2px), radial-gradient(circle at 35% 71%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 58% 61%, var(--bread-pore) 0,var(--bread-pore) 2px, transparent 2px), radial-gradient(circle at 75% 51%, var(--bread-pore) 0,var(--bread-pore) 1px, transparent 2px), radial-gradient(circle at 98% 21%, var(--bread-pore) 0,var(--bread-pore) 2px, transparent 2px);pointer-events:none;position:absolute;inset:.2rem .4rem}@supports (background:radial-gradient(red, red 1px 2px, red 3px)){.xl-bootstrap .xl-selection-card .xl-selection .xl-selection-bread.bread-seeded .xl-bread-layer:after{background-image:radial-gradient(circle at 2% 51%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 15% 32%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 28% 15%, var(--bread-pore) 0 2px, transparent 2px), radial-gradient(circle at 35% 71%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 58% 61%, var(--bread-pore) 0 2px, transparent 2px), radial-gradient(circle at 75% 51%, var(--bread-pore) 0 1px, transparent 2px), radial-gradient(circle at 98% 21%, var(--bread-pore) 0 2px, transparent 2px)}}.xl-bootstrap .xl-selection-card .xl-selection .xl-selected-item{--selection-tint:color-mix(in srgb, var(--ingredient-color,var(--color-brand)) 14%, var(--surface-subtle));--selection-border:color-mix(in srgb, var(--ingredient-color,var(--color-brand)) 38%, var(--border-color));grid-column-gap:var(--gap-lg-cfg);-moz-column-gap:var(--gap-lg-cfg);align-items:center;column-gap:var(--gap-lg-cfg);min-height:2.7rem;color:var(--font-color);text-align:left;border:1px solid var(--selection-border);border-radius:var(--border-radius-md-cfg);background:var(--selection-tint);cursor:pointer;grid-template-columns:1.5rem minmax(0,1fr) auto;padding:.4rem .6rem;display:grid}.xl-bootstrap .xl-selection-card .xl-selection .xl-selected-item:hover{color:var(--color-danger);border-color:var(--color-danger)}.xl-bootstrap .xl-selection-card .xl-selection .xl-selected-item:focus-visible{outline:2px solid rgb(from var(--color-brand) r g b / var(--focus-alpha-cfg));outline-offset:2px}.xl-bootstrap .xl-selection-card .xl-selection .xl-selected-item span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xl-bootstrap .xl-selection-card .xl-units{width:8rem;font-size:var(--font-md-cfg)}.xl-bootstrap .xl-selection-card .xl-total{padding:0 var(--gap-sm-cfg);border-radius:var(--border-radius-sm-cfg);background-color:var(--surface-base);font-size:var(--font-xl-cfg)}.xl-bootstrap .xl-selection-card .xl-total strong{color:var(--color-brand)}.xl-bootstrap .xl-selection-card .xl-quantity-spinner{background-color:var(--surface-base)}.xl-bootstrap .xl-selection-card .xl-quantity-spinner button:focus-visible{outline-color:var(--color-brand)}.xl-bootstrap .xl-selection-card .xl-selection-footer{margin-left:calc(-1 * var(--frame-padding));margin-right:calc(-1 * var(--frame-padding));margin-bottom:calc(-1 * var(--frame-padding));padding:var(--frame-padding);border-top:2px solid var(--body-color)}@media (width>=768px){.xl-bootstrap .xl-builder-layout{--xl-first-row-height:36rem;grid-template-areas:"format favorites""ingredients selection"}.xl-bootstrap .xl-builder-layout>.flex-column{display:contents}.xl-bootstrap .xl-builder-layout .xl-step-format{grid-area:format}.xl-bootstrap .xl-builder-layout .xl-step-format>.accordion-collapse>.accordion-body>.frame{height:var(--xl-first-row-height)}.xl-bootstrap .xl-builder-layout .xl-step-ingredients{grid-area:ingredients}.xl-bootstrap .xl-builder-layout .xl-step-selection{grid-area:selection}.xl-bootstrap .xl-builder-layout .xl-step-favorites{grid-area:favorites}.xl-bootstrap .xl-builder-layout .xl-step-favorites>.accordion-collapse>.accordion-body>.xl-favorites{height:var(--xl-first-row-height)}.xl-bootstrap .xl-builder-layout .xl-step-favorites>.accordion-collapse>.accordion-body>.xl-favorites .scroller-y{height:100%;min-height:0;max-height:100%}.xl-bootstrap .xl-builder-layout .xl-card.card .title{font-size:var(--font-sm-cfg)}}@media (width>=992px){.xl-bootstrap .xl-builder-layout{--xl-first-row-height:28rem;grid-template-areas:"format format favorites""ingredients ingredients selection"}}#xl-celebration{width:calc(max(120px,min(20vw,140px))/1.0989);width:calc(var(--lottie-size) * .91);--lottie-size:max(120px, min(20vw, 140px));margin-top:calc(-1*max(1rem,min(3.5vw,5rem)))}@media (width<=768px){#xl-celebration{margin-top:.1rem}}