.bundle-builder{--bb-border: rgba(var(--color-foreground), .1);--bb-accent: rgb(var(--color-base-accent-1, var(--color-foreground)));display:block;color:rgb(var(--color-foreground))}.bundle-builder__header{text-align:center;margin-bottom:2.4rem}.bundle-builder__subheading{margin:0 0 .4rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-accent)}.bundle-builder__heading{margin:0 0 .4rem}.bundle-builder__description{margin:0 auto;max-width:46rem;opacity:.75}.bundle-builder__layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media screen and (min-width:990px){.bundle-builder__layout{grid-template-columns:minmax(0,1fr) 22rem;gap:2rem}}.bundle-builder__grid{margin:0}.bundle-builder__card{display:flex;flex-direction:column}.bundle-builder__card.is-unavailable{opacity:.55}.bundle-builder__card.is-placeholder{pointer-events:none}.bundle-builder__card-action{margin-top:auto;padding-top:.9rem}.bundle-builder__add{width:100%;white-space:nowrap}.bundle-builder__stepper{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--bb-add-h, 44px);padding:0 .4rem;border:1px solid rgb(var(--color-foreground));border-radius:var(--buttons-radius)}.bundle-builder__stepper-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.6rem;height:100%;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.bundle-builder__stepper-btn svg{width:12px;height:12px;pointer-events:none}.bundle-builder__stepper-value{flex:1 1 auto;text-align:center;font-size:.95rem;font-variant-numeric:tabular-nums}.bundle-builder__panel{padding:1.6rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid var(--bb-border);border-radius:var(--content-container-radius)}@media screen and (min-width:990px){.bundle-builder__panel{position:sticky;top:1.5rem}.enabled-sticky-header .bundle-builder__panel{top:calc(var(--header-height, 0px) + 1.5rem)}}.bundle-builder__panel-head{margin-bottom:.2rem}.bundle-builder__panel-title{margin:0;font-size:1.75rem;line-height:1.15}.bundle-builder__status{margin:.4rem 0 .9rem;font-size:.88rem;opacity:.85;min-height:1.2em}.bundle-builder__status.is-unlocked{color:var(--bb-accent);opacity:1;font-weight:500}.bundle-builder__meter{margin:0 0 1.3rem}.bundle-builder__track{position:relative;height:6px;border-radius:999px;background:rgba(var(--color-foreground),.1);overflow:hidden}.bundle-builder__fill{position:absolute;inset:0 auto 0 0;display:block;width:0;border-radius:999px;background:var(--bb-fill, rgb(var(--color-foreground)));transition:width .45s cubic-bezier(.22,1,.36,1);z-index:0}.bundle-builder__tick{position:absolute;top:50%;width:2px;height:14px;transform:translate(-50%,-50%);border-radius:2px;background:rgb(var(--color-background));z-index:1}.bundle-builder__labels{position:relative;height:1.4rem;margin-top:.6rem}.bundle-builder__pct{position:absolute;transform:translate(-50%);white-space:nowrap;font-size:.78rem;font-weight:600;opacity:.5;transition:opacity .2s ease,color .2s ease}.bundle-builder__pct.is-hit{opacity:1;color:var(--bb-accent)}.bundle-builder__skeleton{display:grid;gap:.75rem;margin-bottom:1rem}.bundle-builder__skeleton-row{display:flex;align-items:center;gap:.6rem}.bundle-builder__skeleton-thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--media-radius, 8px);background:rgba(var(--color-foreground),.08)}.bundle-builder__skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.45rem}.bundle-builder__skeleton-lines span{height:8px;border-radius:4px;background:rgba(var(--color-foreground),.08)}.bundle-builder__skeleton-lines span:first-child{width:70%}.bundle-builder__skeleton-lines span:last-child{width:40%}.bundle-builder__items{margin:0 0 1rem;display:grid;gap:1.3rem;max-height:15rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.bundle-builder__item{display:flex;align-items:flex-start;gap:.6rem;min-width:0}.bundle-builder__item-image{width:40px;height:40px;flex-shrink:0;object-fit:contain;border-radius:var(--media-radius, 0);background:rgba(var(--color-foreground),.04)}.bundle-builder__item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.bundle-builder__item-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-builder__item-meta{font-size:.8rem;opacity:.75}.bundle-builder__item-qty{opacity:.7}.bundle-builder__item-old{opacity:.6}.bundle-builder__item-new{color:var(--bb-accent);font-weight:500}.bundle-builder__item-select{position:relative;margin-top:.35rem;max-width:100%}.bundle-builder__item-select select{width:100%;padding:.5rem 2rem .5rem .7rem;border:1px solid var(--bb-border);border-radius:var(--variant-picker-radius, var(--inputs-radius));background:transparent;color:inherit;font-size:.82rem;line-height:1.2;appearance:none;-webkit-appearance:none;cursor:pointer}.bundle-builder__item-select .icon-caret{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;pointer-events:none;opacity:.7}.bundle-builder__item-remove{border:0;background:transparent;cursor:pointer;font-size:.9rem;line-height:1;padding:.2rem;color:rgb(var(--color-foreground));opacity:.55}.bundle-builder__item-remove:hover{opacity:1}.bundle-builder__totals{margin-bottom:.9rem;padding-top:.9rem;border-top:1px solid var(--bb-border)}.bundle-builder__total-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.bundle-builder__total-label{font-size:1.1rem;font-weight:600}.bundle-builder__total-amount{font-size:1.1rem;font-weight:700}.bundle-builder__savings-note{margin:.25rem 0 0;font-size:.8rem;color:var(--bb-accent)}.bundle-builder__cta{width:100%}.bundle-builder__fineprint{margin:.6rem 0 0;font-size:.78rem;text-align:center;opacity:.7}.bundle-builder__alert{margin:.6rem 0 0;font-size:.82rem;color:rgb(var(--color-base-accent-1, var(--color-foreground)))}.bundle-builder [hidden]{display:none!important}.bundle-builder__mobilebar,.bundle-builder__sheet-backdrop,.bundle-builder__sheet-close{display:none}.bundle-builder__portal [hidden]{display:none!important}@media screen and (max-width:989.98px){.bundle-builder.bb-sticky-ready{padding-bottom:calc(var(--bb-bar-h, 64px) + 24px + env(safe-area-inset-bottom))}.bundle-builder.bb-sticky-ready .bundle-builder__panel{display:none}.bundle-builder__portal .bundle-builder__mobilebar{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;padding:.85rem 1rem;border:1px solid var(--bb-border);border-radius:var(--content-container-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;cursor:pointer;box-shadow:0 2px 16px rgba(var(--color-foreground),.14);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}.bundle-builder__portal.bb-bar-active:not(.is-sheet-open) .bundle-builder__mobilebar{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .28s ease,visibility 0s}.bundle-builder__mobilebar-top{display:flex;align-items:center;gap:12px}.bundle-builder__mobilebar-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}.bundle-builder__mobilebar-title{font-weight:600;font-size:.95rem}.bundle-builder__mobilebar-hint{font-size:.8rem;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-builder__mobilebar-track{width:100%;height:6px;border-radius:999px;background:rgba(var(--color-foreground),.12);overflow:hidden}.bundle-builder__mobilebar-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--bb-fill, rgb(var(--color-foreground)));transition:width .4s cubic-bezier(.22,1,.36,1)}.bundle-builder__mobilebar-caret{flex:0 0 auto;width:1rem;height:1rem;transform:rotate(180deg);opacity:.7}.bundle-builder__portal .bundle-builder__panel{position:fixed;left:0;right:0;bottom:0;z-index:301;width:100%;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--content-container-radius) var(--content-container-radius) 0 0;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}.bundle-builder__portal.is-sheet-open .bundle-builder__panel{transform:translateY(0)}.bundle-builder__portal .bundle-builder__sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease}.bundle-builder__portal.is-sheet-open .bundle-builder__sheet-backdrop{opacity:1;pointer-events:auto}.bundle-builder__portal .bundle-builder__panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bundle-builder__portal .bundle-builder__sheet-close{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:.7}.bundle-builder__portal .bundle-builder__sheet-close svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.bundle-builder__portal .bundle-builder__mobilebar{transition:none}}.bb-sheet-lock{overflow:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-bundle-builder.css.map */