.byob-hero__intro{max-width:720px;margin:0 auto}.byob-hero--center .byob-hero__intro,.byob-hero--center .byob-hero__steps-heading{text-align:center}.byob-hero--left .byob-hero__intro{margin-left:0}.byob-hero__heading{margin:0}.byob-hero__description,.byob-hero__collection-description{margin-top:12px}.byob-hero__description>:first-child,.byob-hero__step-text>:first-child{margin-top:0}.byob-hero__description>:last-child,.byob-hero__step-text>:last-child{margin-bottom:0}.byob-hero__steps-heading{margin:32px 0 0}.byob-hero__steps{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}.byob-hero__step{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px}.byob-hero__step:not(:has(.byob-hero__step-media)){grid-template-columns:1fr}.byob-hero__step-media{aspect-ratio:1;overflow:hidden;border-radius:var(--button-border-radius, 8px)}.byob-hero__step-image,.byob-hero__step-video{display:block;width:100%;height:100%;object-fit:cover}.byob-hero__step-body{display:flex;align-items:baseline;gap:12px}.byob-hero__step-number{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;line-height:1}@media screen and (min-width:1024px){.byob-hero__steps{grid-template-columns:repeat(var(--byob-steps-columns, 3),minmax(0,1fr));gap:32px;margin-top:40px}.byob-hero__step{grid-template-columns:1fr;justify-items:center;align-items:start;text-align:center}.byob-hero--left .byob-hero__step{justify-items:start;text-align:left}.byob-hero__step-media{width:100%;max-width:200px}.byob-hero__step-body{flex-direction:column;align-items:center}.byob-hero--left .byob-hero__step-body{align-items:flex-start}}.byob-bundle{display:block;--byob-progress-fill: var(--color-primary-text);--byob-progress-empty: rgba(var(--color-base-text), .16);--byob-bar-background: var(--color-primary-background, #fff)}.byob-bundle__header{max-width:720px;margin:0 auto;text-align:center}.byob-bundle__heading{margin:0}.byob-bundle__description{margin-top:8px}.byob-bundle__load-more{display:flex;justify-content:center;padding-bottom:48px}.byob-bundle__load-more-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;min-height:44px;text-decoration:none}.byob-bundle__load-more-button .loading-spinner{display:none}.byob-bundle__load-more-button.loading .loading-spinner{display:inline-block}.byob-bundle__load-more-button.loading span:first-child{opacity:.5}.byob-bundle__empty{padding:48px 0;text-align:center}.byob-progress{position:relative;z-index:5;background-color:var(--byob-bar-background);color:var(--color-primary-text);border-top:1px solid var(--divider-stroke, rgba(0, 0, 0, .12))}.byob-bundle--sticky .byob-progress{position:sticky;bottom:0;box-shadow:0 -4px 16px #0000000f}.byob-progress__inner{display:flex;flex-direction:column;gap:12px;max-width:var(--page-width, 1440px);margin:0 auto;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))}.byob-progress__status{flex:1 1 auto;min-width:0}.byob-progress__message{margin:0 0 8px}.byob-progress__track{display:flex;gap:4px;height:8px;position:relative;overflow:hidden;border-radius:8px;background-color:transparent}.byob-progress__segment{flex:1 1 0;border-radius:8px;background-color:var(--byob-progress-empty);transition:background-color .25s ease}.byob-progress__segment.is-filled{background-color:var(--byob-progress-fill)}.byob-progress__track:has(.byob-progress__fill){background-color:var(--byob-progress-empty)}.byob-progress__fill{display:block;height:100%;background-color:var(--byob-progress-fill);border-radius:inherit;transition:width .25s ease}.byob-progress__actions{display:flex;align-items:center;gap:8px}.byob-progress__code{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;padding:4px 12px;border:1px dashed currentColor;border-radius:var(--button-border-radius, 4px);background:transparent;color:inherit;font:inherit;cursor:pointer}.byob-progress__code-label{line-height:1.2;opacity:.72}.byob-progress__code-value{font-weight:600;letter-spacing:.08em;line-height:1.2}.byob-progress__code.is-copied{border-style:solid}.byob-progress__code:focus-visible,.byob-bundle__load-more-button:focus-visible,.byob-progress__cta:focus-visible{outline:2px solid var(--color-primary-text);outline-offset:2px}.byob-progress__cta{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-align:center;text-decoration:none;white-space:nowrap}@media screen and (min-width:721px){.byob-progress__inner{flex-direction:row;align-items:center;gap:24px;padding-left:48px;padding-right:48px}.byob-progress__cta{flex:0 0 auto;min-width:180px}}@media(prefers-reduced-motion:reduce){.byob-progress__segment,.byob-progress__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/byob.css.map */