.bundle-builder,.bb-popover{--bb-fg: var(--color-foreground, #1d1d1f);--bb-fg-soft: var(--color-foreground-text-muted, rgba(0, 0, 0, .55));--bb-fg-muted: rgba(0, 0, 0, .45);--bb-surface: var(--color-background, #ffffff);--bb-border: var(--color-border, rgba(0, 0, 0, .14));--bb-border-strong: var(--color-foreground, #1d1d1f);--bb-muted: rgba(0, 0, 0, .04);--bb-accent: var(--color-foreground, #1d1d1f);--bb-accent-contrast: var(--color-background, #ffffff);--bb-success: #2f7a4d;--bb-radius-sm: 4px;--bb-radius-md: 8px;--bb-radius-lg: 12px;--bb-tracking-accent: .08em}.bundle-builder{font-family:var(--font-body--family, inherit);color:var(--bb-fg);line-height:1.4;max-width:400px;margin:0}.bundle-builder *{box-sizing:border-box}.bb-head{margin:0 0 16px}.bb-title{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:17px;font-weight:500;margin:0 0 4px;letter-spacing:-.005em}.bb-subtitle{font-size:13px;color:var(--bb-fg-soft);margin:0}.bb-empty{font-size:13px;color:var(--bb-fg-soft);padding:16px;border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);text-align:center}.bb-steps{list-style:none;margin:0 0 14px;padding:0}.bb-step{margin-bottom:18px}.bb-step:last-child{margin-bottom:0}.bb-step-head{margin-bottom:8px;display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.bb-discount-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.2}.bb-toggle{position:relative;display:inline-block;width:28px;height:16px;border-radius:999px;background:var(--bb-border);flex:none;transition:background .22s ease}.bb-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--bb-surface);box-shadow:0 1px 2px #0000002e;transition:left .22s ease}.bb-discount-toggle[data-state=applied] .bb-toggle{background:var(--bb-success)}.bb-discount-toggle[data-state=applied] .bb-toggle:after{left:14px}.bb-discount-toggle-label{font-weight:600;color:var(--bb-fg)}.bb-discount-toggle[data-state=applied] .bb-discount-toggle-label{color:var(--bb-success)}.bb-discount-toggle-saving{font-size:11px;color:var(--bb-fg-soft);margin-left:4px}.bb-step-title{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:14px;font-weight:600;color:var(--bb-fg);margin:0;letter-spacing:-.005em}.bb-step[data-state=completed] .bb-step-title,.bb-step[data-state=future] .bb-step-title{color:var(--bb-fg-soft);font-weight:500}.bb-step-optional-tag{display:inline-block;margin-right:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--bb-tracking-accent);color:var(--bb-fg-soft)}.bb-locked{border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:12px}.bb-locked-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bb-locked-thumb{flex:none;width:44px;height:44px;object-fit:cover;background:var(--bb-muted);border-radius:var(--bb-radius-sm)}.bb-locked-meta{flex:1;min-width:0}.bb-locked-name{display:block;font-size:14px;font-weight:600;color:var(--bb-fg);line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-locked-hint{font-size:11px;color:var(--bb-fg-soft);margin-top:4px}.bb-locked-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;background-color:var(--bb-surface);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5'%3e%3cpath d='M3.5 6l4.5 4.5L12.5 6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);padding:11px 36px 11px 12px;font:inherit;font-size:14px;font-weight:500;color:var(--bb-fg);cursor:pointer}.bb-locked-select:hover{border-color:var(--bb-fg)}.bb-locked-select:focus{outline:none;border-color:var(--bb-fg)}.bb-locked-select--error{border-color:#d23131;box-shadow:0 0 0 2px #d231312e;animation:bb-shake .32s ease-out}@keyframes bb-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.bb-locked-hint--error{color:#d23131;font-weight:600}.bb-add-button{width:100%;min-height:110px;border:1.5px dashed var(--bb-border-strong);background:var(--bb-surface);border-radius:var(--bb-radius-lg);display:grid;place-items:center;cursor:pointer;font:inherit;color:var(--bb-fg);padding:14px;transition:background .12s ease,transform 80ms ease}.bb-add-button:hover{background:var(--bb-muted)}.bb-add-button:active{transform:scale(.99)}.bb-add-button-plus{font-size:32px;font-weight:300;line-height:1;color:var(--bb-fg)}.bb-add-button--optional{border-color:var(--bb-border);opacity:.55;cursor:not-allowed;position:relative}.bb-add-button--optional:hover{background:var(--bb-surface)}.bb-add-button--optional .bb-add-button-plus{color:var(--bb-fg-soft)}.bb-optional-tag{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:var(--bb-tracking-accent);color:var(--bb-fg-soft)}@media(max-width:640px){.bb-head{margin-bottom:10px}.bb-step{margin-bottom:12px}.bb-step-head{margin-bottom:6px}.bb-locked{padding:10px}.bb-frame{padding:32px 8px 8px}.bb-add-button{min-height:76px;padding:10px}.bb-footer{padding:12px}.bb-pick{padding:8px 10px}.bb-totals{margin-bottom:4px}.bb-rewards,.bb-shipping{margin-bottom:8px}.bb-cta{padding:12px 14px}}.bb-frame{position:relative;background:var(--bb-muted);border-radius:var(--bb-radius-lg);padding:36px 10px 10px}.bb-frame-close{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--bb-surface);border:1px solid var(--bb-border-strong);border-radius:50%;font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;display:grid;place-items:center;color:var(--bb-fg);padding:0;z-index:1}.bb-frame-close:hover{background:var(--bb-muted)}.bb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bb-card{-webkit-appearance:none;appearance:none;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:0;cursor:pointer;aspect-ratio:1 / 1;position:relative;overflow:hidden;font:inherit;color:inherit;transition:border-color .12s ease,transform 80ms ease}.bb-card:hover:not([disabled]){border-color:var(--bb-fg)}.bb-card:active:not([disabled]){transform:scale(.96)}.bb-card[disabled]{opacity:.35;cursor:not-allowed}.bb-card[data-anchor=true]{border-color:var(--bb-fg)}.bb-card-thumb{width:100%;height:100%;display:block;object-fit:cover;background:var(--bb-muted)}.bb-card-thumb--placeholder{display:grid;place-items:center;font-size:16px;font-weight:700;color:var(--bb-fg-soft);background:var(--bb-muted);text-transform:uppercase}.bb-pick{border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:10px 12px;display:flex;align-items:center;gap:10px}.bb-pick-thumb{flex:none;width:40px;height:40px;object-fit:cover;background:var(--bb-muted);border-radius:var(--bb-radius-sm)}.bb-pick-meta{flex:1;min-width:0}.bb-pick-name{display:block;font-size:13px;font-weight:600;color:var(--bb-fg);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.bb-pick-price{font-size:12px;margin-top:4px;line-height:1.2;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.bb-pick-final{color:var(--bb-fg);font-weight:600}.bb-pick-orig{color:var(--bb-fg-soft);text-decoration:line-through}.bb-pick-saving{color:var(--bb-success);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.bb-pick-change{-webkit-appearance:none;appearance:none;background:none;border:0;font:inherit;font-size:11px;color:var(--bb-fg-soft);cursor:pointer;padding:4px 6px;text-decoration:underline}.bb-pick-change:hover{color:var(--bb-fg)}.bb-savings{font-size:14px;font-weight:700;color:var(--bb-success);margin-bottom:6px;display:flex;align-items:baseline;gap:6px;animation:bb-pulse .38s ease-out}.bb-savings[hidden]{display:none}.bb-savings-amount{font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:18px;font-weight:800;letter-spacing:-.02em}@keyframes bb-pulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.bb-total--pulse{animation:bb-pulse .32s ease-out}.bb-footer{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:14px}.bb-totals{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px}.bb-totals-label{font-size:12px;color:var(--bb-fg-soft)}.bb-total{font-size:17px;font-weight:600;display:flex;align-items:baseline;gap:6px;letter-spacing:-.01em}.bb-total-orig{font-size:12px;font-weight:400;color:var(--bb-fg-soft);text-decoration:line-through}.bb-rewards{font-size:12px;color:var(--bb-fg-soft);margin-bottom:12px;min-height:16px;line-height:1.4}.bb-rewards .bb-reward-hit{color:var(--bb-success);font-weight:600}.bb-rewards .bb-glyph{display:inline-block;margin:0 4px;opacity:.5}.bb-shipping{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--bb-fg-soft);margin-bottom:12px;line-height:1.3}.bb-shipping[hidden]{display:none}.bb-shipping-icon{display:inline-flex;flex:none;color:currentColor}.bb-shipping-icon svg{width:16px;height:16px}.bb-shipping[data-state=unlocked]{color:var(--bb-success);font-weight:600}.bb-cta{width:100%;-webkit-appearance:none;appearance:none;border:0;border-radius:var(--bb-radius-sm);background:var(--bb-accent);color:var(--bb-accent-contrast);padding:14px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform 80ms ease}.bb-cta:disabled{opacity:.35;cursor:not-allowed}.bb-cta[aria-busy=true]{opacity:.6;cursor:progress}.bb-cta[data-state=added]{background:var(--bb-success);color:#fff;opacity:1;cursor:default}.bb-cta:not(:disabled):not([aria-busy=true]):hover{opacity:.9}.bb-cta:not(:disabled):not([aria-busy=true]):active{transform:translateY(1px)}.bb-popover{position:absolute;z-index:1000;background:var(--bb-surface);color:var(--bb-fg);font-family:var(--font-body--family, inherit);border:1px solid var(--bb-border-strong);border-radius:var(--bb-radius-md);padding:10px 10px 12px;box-shadow:0 12px 32px #00000024;width:200px;max-width:calc(100vw - 16px);animation:bb-pop-in .12s ease-out}@keyframes bb-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bb-popover[hidden]{display:none}.bb-popover-close{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;background:none;color:var(--bb-fg-soft);font:inherit;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;border-radius:50%}.bb-popover-close:hover{color:var(--bb-fg);background:var(--bb-muted)}.bb-popover-arrow{position:absolute;top:-6px;left:50%;width:11px;height:11px;background:var(--bb-surface);border-top:1px solid var(--bb-border-strong);border-left:1px solid var(--bb-border-strong);transform:translate(-50%) rotate(45deg)}.bb-popover[data-side=above] .bb-popover-arrow{top:auto;bottom:-6px;border-top:0;border-left:0;border-bottom:1px solid var(--bb-border-strong);border-right:1px solid var(--bb-border-strong)}.bb-popover-title{font-size:11px;font-weight:600;color:var(--bb-fg-soft);margin:0 26px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-popover-options{display:flex;flex-direction:column;gap:4px}.bb-popover-option{-webkit-appearance:none;appearance:none;width:100%;display:block;text-align:left;padding:9px 11px;border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);background:var(--bb-surface);color:var(--bb-fg);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .12s ease,background .12s ease}.bb-popover-option:hover:not(:disabled){border-color:var(--bb-fg);background:var(--bb-muted)}.bb-popover-option:disabled{opacity:.35;cursor:not-allowed}.bb-popover-option-price{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bundle-builder.css.map */