.bundle-list,.bundle-for-product{--bb-soft: #f2f5f6;--bb-line: #e4eaec;--bb-muted: #5d6e77;--bb-ink: #0b0f12;--bb-acc: #255a72;--bb-ember: #ff7a3c;--bb-cyan: #02c4ff;--bb-amber: #ffb347;--bb-deep: #071520;--bb-wrap: 1120px;--bb-radius: 14px;--bb-pill: 99px;color:var(--bb-ink);font-family:var(--text-font-family, inherit)}.bundle-list{display:block;max-width:var(--bb-wrap);margin:0 auto;padding:56px 32px}.bundle-list__heading,.bundle-for-product__heading{margin:0 0 24px;font-family:var(--heading-font-family, inherit);font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--bb-ink)}.bundle-list__group{margin:40px 0 16px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-muted)}.bundle-list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),23rem));justify-content:center;gap:var(--bundle-gap, 24px);margin:0;padding:0;list-style:none;align-items:start}.bundle-list__item:has(.bundle-card.is-open){grid-column:1 / -1}.bundle-card{position:relative;border-radius:20px;background:var(--bb-deep);overflow:hidden;box-shadow:0 10px 30px #0715201f;transition:box-shadow .35s ease}.bundle-card:hover{box-shadow:0 26px 50px #07152047}.bundle-card__open{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:4 / 5;padding:0;border:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;transform:perspective(1000px) rotateX(0) rotateY(0) translateY(0);transition:transform .35s ease}.bundle-list .bundle-card__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.bundle-card__open:hover .bundle-card__image{transform:scale(1.07)}.bundle-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0715200d,#07152038 40%,#071520b8 72%,#071520f0)}.bundle-card__pill{position:absolute;top:16px;left:16px;z-index:3;padding:8px 12px;border-radius:999px;background:var(--bb-amber);color:var(--bb-ink);font-size:13px;font-weight:800;letter-spacing:.115em;text-transform:uppercase;box-shadow:0 6px 18px #ff8a3d59}.bundle-card__count{position:absolute;top:16px;right:16px;z-index:3;padding:7px 10px;border-radius:999px;background:#0715208c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;font-size:12px;letter-spacing:.125em;text-transform:uppercase}.bundle-card__body{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px 26px 30px}.bundle-card__name{display:block;margin-bottom:12px;font-family:var(--heading-font-family, inherit);font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.01em;line-height:1.1;color:#fff}.bundle-card__description{display:block;max-height:0;margin-bottom:0;overflow:hidden;opacity:0;font-size:14px;font-weight:300;line-height:1.45;color:#fffc;transition:max-height .4s ease,opacity .35s ease,margin .35s ease}.bundle-card__open:hover .bundle-card__description,.bundle-card__open:focus-visible .bundle-card__description,.bundle-card.is-open .bundle-card__description{max-height:96px;margin-bottom:14px;opacity:1}.bundle-card__cue{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:8px;background:var(--bb-cyan);color:#fff;font-size:13px;font-weight:600;letter-spacing:.155em;text-transform:uppercase;transition:box-shadow .2s}.bundle-card__open:hover .bundle-card__cue{box-shadow:0 10px 24px #02c4ff73}.bundle-card__cue svg{width:16px;height:16px;transition:transform .2s}.bundle-card__open:hover .bundle-card__cue svg{transform:translate(4px)}.bundle-card.is-open .bundle-card__open{aspect-ratio:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:var(--bb-deep)}.bundle-card.is-open .bundle-card__image,.bundle-card.is-open .bundle-card__shade,.bundle-card.is-open .bundle-card__pill,.bundle-card.is-open .bundle-card__count,.bundle-card.is-open .bundle-card__slots{display:none}.bundle-card.is-open .bundle-card__body{position:static;padding:0;min-width:0}.bundle-card.is-open .bundle-card__cue{position:static;flex:none;margin:0}.bundle-card.is-open .bundle-card__name{font-size:clamp(18px,1.6vw,22px);margin:0}.bundle-card__cue-close,.bundle-card.is-open .bundle-card__cue-open{display:none}.bundle-card.is-open .bundle-card__cue-close{display:inline}.bundle-card.is-open .bundle-builder{background:#fff;color:var(--bb-ink)}.bundle-builder{padding:0 24px 24px;animation:bundle-open .32s cubic-bezier(.16,1,.3,1) both}@keyframes bundle-open{0%{opacity:0;transform:translateY(-6px)}}.bundle-builder__slots{display:grid;gap:24px}.bundle-builder__slots>*,.bundle-slot,.bundle-slot__options,.bundle-rail,.bundle-slot__grid{min-width:0}.bundle-slot{padding-top:24px;border-top:1px solid var(--bb-line)}.bundle-slot__header{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between;margin-bottom:14px}.bundle-slot__label{margin:0;font-family:var(--heading-font-family, inherit);font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.bundle-slot__count{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1;color:var(--bb-muted)}.bundle-slot.is-complete .bundle-slot__count{color:var(--bb-acc)}.bundle-slot__change{padding:4px 0;border:0;background:none;color:var(--bb-acc);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bundle-slot.is-collapsed{padding-bottom:4px}.bundle-slot__chosen{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}.bundle-slot__chosen:empty{display:none}.bundle-chosen{display:flex;gap:10px;align-items:center;padding:6px 14px 6px 6px;border:1px solid var(--bb-line);border-radius:var(--bb-pill);background:var(--bb-soft);font-size:13px}.bundle-chosen__image{width:34px;height:34px;border-radius:var(--bb-pill);background:#fff;object-fit:contain}.bundle-chosen__remove{padding:4px;border:0;background:none;color:var(--bb-muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.bundle-chosen__remove:hover{color:var(--bb-ink)}.bundle-rail{position:relative}.bundle-slot__grid{display:flex;gap:12px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.bundle-slot__grid::-webkit-scrollbar{display:none;width:0;height:0}.bundle-slot__grid>.bundle-product{flex:0 0 9.5rem;scroll-snap-align:start}.bundle-rail__arrow{position:absolute;inset-block-start:38%;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--bb-line);border-radius:var(--bb-pill);background:#fff;color:var(--bb-ink);box-shadow:0 2px 10px #0b0f122e;cursor:pointer;transition:opacity .14s ease-out,border-color .14s ease-out}.bundle-rail__arrow svg{width:18px;height:18px}.bundle-rail__arrow--prev{inset-inline-start:6px}.bundle-rail__arrow--next{inset-inline-end:6px}.bundle-rail__arrow:hover:not(:disabled){border-color:var(--bb-acc);color:var(--bb-acc)}.bundle-rail__arrow:disabled{opacity:0;pointer-events:none}.bundle-product{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid transparent;border-radius:12px;background:#fff;transition:border-color .14s ease-out}.bundle-product:hover{border-color:var(--bb-line)}.bundle-product.is-chosen{border-color:var(--bb-acc);background:var(--bb-soft)}.bundle-product__link{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.bundle-product__image{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:#fff;object-fit:contain}.bundle-product__title{font-size:12px;font-weight:300;line-height:1.4;color:var(--bb-muted)}.bundle-product__view{font-size:11px;text-decoration:underline;text-underline-offset:2px;color:var(--bb-muted)}.bundle-product__variant-label{display:block}.bundle-product__variant{width:100%;padding:5px;border:1px solid var(--bb-line);background:#fff;color:var(--bb-ink);font:inherit;font-size:12px}.bundle-product__pick{margin-top:auto;padding:8px 15px;border:1px solid var(--bb-line);border-radius:var(--bb-pill);background:#fff;color:var(--bb-muted);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .14s ease-out,color .14s ease-out}.bundle-product__pick:hover,.bundle-product__pick:focus-visible{border-color:var(--bb-acc);color:var(--bb-acc)}.bundle-product.is-chosen .bundle-product__pick{border-color:transparent;background:var(--bb-acc);color:#fff;font-weight:700}.bundle-slot__more{margin-top:14px;padding:6px 0;border:0;background:none;color:var(--bb-acc);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bundle-slot__loading{margin:0;font-size:13px;font-weight:300;color:var(--bb-muted)}.bundle-builder__summary{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-top:24px;padding:18px 0;border-top:1px solid var(--bb-line);background:#fff}.bundle-builder__progress{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bb-muted)}.bundle-builder__total{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.bundle-builder__add{padding:15px 26px;border:0;border-radius:var(--bb-pill);background:var(--bb-acc);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .14s ease-out}.bundle-builder__add:hover:not(:disabled){background:#1d4a5e}.bundle-builder__add:disabled{background:var(--bb-soft);color:var(--bb-muted);cursor:not-allowed}.bundle-list__empty{padding:32px;text-align:center;font-weight:300;color:var(--bb-muted)}.bundle-for-product{margin:40px 0}.bundle-for-product__heading{font-size:20px}.bundle-for-product__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:12px;margin:0;padding:0;list-style:none}.bundle-for-product__link{display:flex;gap:16px;align-items:flex-start;height:100%;padding:16px;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:#fff;color:inherit;text-decoration:none;transition:border-color .14s ease-out}.bundle-for-product__link:hover,.bundle-for-product__link:focus-visible{border-color:var(--bb-acc)}.bundle-for-product .bundle-for-product__image{flex:0 0 auto;display:block;width:104px;min-width:104px;height:104px;aspect-ratio:1;border-radius:10px;object-fit:cover;background:var(--bb-soft)}.bundle-for-product__body{display:flex;flex-direction:column;gap:6px;min-width:0}.bundle-for-product__top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bundle-for-product__name{font-family:var(--heading-font-family, inherit);font-size:17px;font-weight:800;letter-spacing:-.02em}.bundle-for-product__save{flex:0 0 auto;padding:6px 12px;border-radius:var(--bb-pill);background:var(--bb-ember);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.bundle-for-product__have{font-size:13px;font-weight:300;color:var(--bb-muted)}.bundle-for-product__slots{display:flex;flex-direction:column;gap:3px;margin-top:2px;font-size:12px;font-weight:300;line-height:1.5;color:var(--bb-muted)}.bundle-for-product__slot.is-covered{font-weight:600;color:var(--bb-ink)}.bundle-for-product__slot.is-covered:before{content:"\2713\a0"}.bundle-for-product__cue{margin-top:6px;font-size:13px;font-weight:700;color:var(--bb-acc);text-decoration:underline;text-underline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(hover:none){.bundle-card__description{max-height:80px;margin-bottom:16px;opacity:1}}@media(max-width:40rem){.bundle-list{padding:40px 20px}.bundle-card__open{aspect-ratio:4 / 3}.bundle-card.is-open .bundle-card__open{aspect-ratio:auto;flex-wrap:wrap}.bundle-builder__summary{flex-direction:column;align-items:stretch}.bundle-builder__add{width:100%}}@media(prefers-reduced-motion:reduce){.bundle-builder{animation:none}.bundle-product__pick,.bundle-builder__add{transition:none}}.bbl-inbundles-wrap{clear:both;margin:var(--bbl-inbundles-space, 32px) auto}.bbl-inbundles{--bb-acc: #255a72;--bb-ink: #071520;--bb-muted: #5a6b75;--bb-line: #e3e8eb;display:block}.bbl-inbundles__heading{font-size:1.05rem;margin:0 0 .75rem;color:var(--bb-ink)}.bbl-inbundles__list{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}.bbl-inbundles__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;padding:.625rem .75rem;border:1px solid var(--bb-line);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.bbl-inbundles__card:hover,.bbl-inbundles__card:focus-visible{border-color:var(--bb-acc);transform:translateY(-1px)}.bbl-inbundles__image{width:52px;height:52px;border-radius:7px;object-fit:cover;background:#fff}.bbl-inbundles__body{display:grid;gap:.125rem;min-width:0}.bbl-inbundles__name{font-weight:600;color:var(--bb-ink)}.bbl-inbundles__description{font-size:.85rem;line-height:1.45;color:var(--bb-muted);text-wrap:pretty}.bbl-inbundles__pill{flex:none;padding:.25rem .5rem;border-radius:999px;background:var(--bb-acc);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}@media(min-width:750px){.bbl-inbundles__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}}.bundle-list--one .bundle-list__grid{grid-template-columns:minmax(0,30rem);justify-content:center}.bundle-list--one .bundle-list__heading,.bundle-list--one .bundle-list__group{text-align:center}.bundle-list--two .bundle-list__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),26rem))}.bundle-list--one .bundle-card.is-open,.bundle-list--two .bundle-card.is-open{grid-column:1 / -1}.bundle-card__slots{display:block;margin:0 0 20px;font-size:13px;line-height:1.55;font-weight:500;color:#ffffffdb;max-width:34ch;text-wrap:pretty}@media(max-width:40rem){.bbl-inbundles__card{grid-template-columns:104px 1fr;grid-template-rows:auto auto;align-items:stretch;gap:0;padding:0;overflow:hidden}.bbl-inbundles__image{grid-row:1 / -1;width:100%;height:100%;min-height:100%;border-radius:0;align-self:stretch;object-fit:cover;object-position:center}.bbl-inbundles__body{grid-column:2;padding:.875rem .875rem 0}.bbl-inbundles__pill{grid-column:2;justify-self:start;margin:.5rem .875rem .875rem}.bbl-inbundles__heading{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/bbl-bundles.css.map */