.bundle-builder{--bb-brand: #1c404c;--bb-accent: #d48b2b;--bb-accent-hover: #c07a22;--bb-success: #48ba25;--bb-sand: #e0dcd1;--bb-text: #1a1c1c;--bb-text-muted: #737373;--bb-eyebrow: #888;--bb-border: #e5e5e5;--bb-swatch-border: #e5e7eb;--bb-surface: #f8f8f8;--bb-surface-alt: #f2f2f2;--bb-radius: 8px;--bb-radius-sm: 5px;--bb-gap: 16px;--bb-bar-height: 96px;--bb-font-heading: "Red Hat Display", var(--font-heading--family, sans-serif);--bb-font-body: "Mada", var(--font-body--family, sans-serif);display:block;width:100%;max-width:1380px;margin-inline:auto;font-family:var(--bb-font-body);color:var(--bb-text);padding-block-end:var(--bb-bar-height)}.bundle-builder__empty{padding:24px;border:1px dashed var(--bb-border, #e5e5e5);border-radius:8px;color:#616161}.bundle-builder__steps{position:relative}bundle-step{display:block}bundle-step[hidden]{display:none}.bb-step__layout{display:grid;grid-template-columns:1fr;grid-template-areas:"head" "gallery" "sidebar";gap:10px;padding:16px}.bb-step__head{grid-area:head}.bb-step__gallery{grid-area:gallery}.bb-step__sidebar{grid-area:sidebar}@media screen and (min-width:750px){.bb-step__layout{grid-template-columns:7fr 5fr;grid-template-rows:auto 1fr;grid-template-areas:"gallery head" "gallery sidebar";gap:0 32px;padding:24px 20px}.bb-step__head{margin-block-end:16px}}.bb-group-tabs{display:flex;flex-wrap:wrap;gap:8px}.bb-group-tab{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--bb-brand);border-radius:var(--bb-radius-sm);background:none;color:var(--bb-brand);font-family:var(--bb-font-body);font-size:16px;font-weight:400;line-height:27px;letter-spacing:.6px;cursor:pointer;transition:background-color .15s}.bb-group-tab[aria-pressed=true]{background:var(--bb-sand);font-weight:700}@media screen and (max-width:749px){.bb-group-tab{block-size:35px}}.bb-group-tab__delta{color:var(--bb-success);font-weight:700;font-size:14px}.bb-swatches{display:flex;flex-wrap:wrap;gap:4px}@media screen and (max-width:749px){.bb-swatches{padding-block-end:4px}.bb-swatch{flex:0 0 auto}}.bb-swatch{position:relative;inline-size:50px;block-size:50px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--bb-swatch-border);background:var(--bb-swatch-border);transition:border-color .15s}.bb-swatch input{position:absolute;opacity:0;pointer-events:none}.bb-swatch img{inline-size:90%;block-size:90%;margin:5%;border-radius:50%;object-fit:cover}.bb-swatch:has(input:checked){border-color:var(--bb-accent)}.bb-step__nav{display:flex;gap:10px;align-items:stretch;width:100%}.bb-btn{border:none;border-radius:var(--bb-radius);font-family:var(--bb-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background-color .15s}.bb-btn--primary{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;block-size:52px;padding-inline:24px;background:var(--bb-accent);color:#fff;font-weight:800;font-size:16px;letter-spacing:.64px;text-align:center}.bb-btn--primary:hover{background:var(--bb-accent-hover)}.bb-btn--ghost{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;block-size:52px;padding-inline:24px;background:var(--bb-surface);color:var(--bb-text)}.bb-btn--ghost:hover{background:var(--bb-sand)}.bb-group-tab{font-weight:400!important}.bb-group-tab[aria-pressed=true]{font-weight:700!important}.bb-group-tab__label{font-weight:inherit!important}.bb-btn--primary{font-weight:800!important}.bb-btn--ghost,.bb-stepbar__dot{font-weight:700!important}.bb-bar__view{font-weight:800!important}.bb-bar__view-suffix{font:inherit!important;letter-spacing:inherit!important}.bb-bar__slot{font-weight:400!important}.bb-stars{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:1px;white-space:nowrap}.bb-stars:before{content:"\2605\2605\2605\2605\2605";color:#d6d6d6}.bb-stars:after{content:"\2605\2605\2605\2605\2605";position:absolute;inset-block:0;inset-inline-start:0;width:var(--bb-star-pct, 0%);overflow:hidden;color:#d48b2b}.bb-stars__count{font-family:var(--bb-font-body);font-size:14.5px;font-weight:400!important;color:var(--bb-brand)}
/*# sourceMappingURL=/cdn/shop/t/445/assets/bundle-builder-v2.css.map */