.bb-byb{display:block;font-family:var(--bb-font-body, inherit);padding-block-end:13rem}.bb-byb__hero{background:var(--bb-color-bg-dark);color:var(--bb-color-text-on-dark);padding-block:var(--bb-space-6);text-align:center}.bb-byb__hero .bb-h1{color:inherit;margin:0}.bb-byb__eyebrow{font-size:var(--bb-text-xs);font-weight:var(--bb-weight-strong);letter-spacing:.08em;margin:0 0 var(--bb-space-2);text-transform:uppercase}.bb-byb__lede{font-size:var(--bb-text-base);line-height:var(--bb-leading-snug);margin:var(--bb-space-3) auto 0;max-width:52rem}.bb-byb__tiers{display:flex;flex-wrap:wrap;gap:var(--bb-space-2);justify-content:center;list-style:none;margin:var(--bb-space-4) 0 0;padding:0}.bb-byb__tiers li{border:.1rem solid rgba(var(--bb-rgb-paper),.3);border-radius:var(--bb-radius-pill);font-size:var(--bb-text-xs);padding:.6rem 1.2rem;transition:background var(--bb-duration) var(--bb-ease),color var(--bb-duration) var(--bb-ease)}.bb-byb__tiers li.is-met{background:var(--bb-color-text-on-dark);border-color:var(--bb-color-text-on-dark);color:var(--bb-color-bg-dark)}.bb-byb__grid{display:grid;gap:var(--bb-space-5);padding-block-start:var(--bb-space-5)}.bb-byb__filters{display:flex;gap:var(--bb-space-2);overflow-x:auto;scrollbar-width:none}.bb-byb__filters::-webkit-scrollbar{display:none}.bb-byb__filter{-webkit-appearance:none;appearance:none;background:none;border:var(--bb-border);border-radius:var(--bb-radius-pill);color:inherit;cursor:pointer;flex:none;font:inherit;font-size:var(--bb-text-sm);min-height:4.4rem;padding:0 var(--bb-space-4)}.bb-byb__filter.is-active{background:var(--bb-color-accent);border-color:var(--bb-color-accent);color:var(--bb-color-accent-text)}.bb-byb__nudge{font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);margin:var(--bb-space-3) 0}.bb-byb__cards{display:grid;gap:var(--bb-space-4) var(--bb-space-3);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.bb-byb__card{display:grid;gap:var(--bb-space-1);grid-template-rows:auto 1fr auto auto}.bb-byb__card[hidden]{display:none}.bb-byb__image{aspect-ratio:1;background:var(--bb-color-bg-alt);border-radius:var(--bb-radius-panel);display:block;overflow:hidden;position:relative}.bb-byb__image img{display:block;height:100%;object-fit:cover;width:100%}.bb-byb__badge{align-items:center;background:var(--bb-color-accent);border-radius:50%;color:var(--bb-color-accent-text);display:flex;font-size:var(--bb-text-xs);font-weight:var(--bb-weight-strong);height:2.8rem;inset-block-start:var(--bb-space-2);inset-inline-end:var(--bb-space-2);justify-content:center;position:absolute;width:2.8rem}.bb-byb__badge[hidden]{display:none}.bb-byb__name{color:inherit;font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);line-height:var(--bb-leading-snug);margin-block-start:var(--bb-space-1);text-decoration:none}.bb-byb__price{color:var(--bb-color-text-soft);font-size:var(--bb-text-sm)}.bb-byb__add{margin-block-start:var(--bb-space-1);min-height:4.4rem;padding-inline:var(--bb-space-2);width:100%}.bb-byb__summary{background:var(--bb-color-bg);border-block-start:var(--bb-border);box-shadow:0 -.4rem 1.6rem rgba(var(--bb-rgb-ink),.08);inset-block-end:0;inset-inline:0;max-height:80dvh;overflow:auto;position:fixed;z-index:3}.bb-byb__bar{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:var(--bb-text-sm);gap:var(--bb-space-2);justify-content:space-between;padding:var(--bb-space-3) var(--bb-space-4) 0;width:100%}.bb-byb__bar strong{font-weight:var(--bb-weight-strong);margin-inline-end:var(--bb-space-2)}.bb-byb__bar-total{font-weight:var(--bb-weight-strong)}.bb-byb__panel{display:none;gap:var(--bb-space-3);padding:var(--bb-space-3) var(--bb-space-4) 0}.bb-byb__summary.is-open .bb-byb__panel{display:grid}.bb-byb__panel-head{align-items:center;display:flex;justify-content:space-between}.bb-byb__panel-head h2{font-family:var(--bb-font-heading, inherit);font-size:var(--bb-text-xl);font-weight:var(--bb-weight-heading);letter-spacing:0;margin:0}.bb-byb__pct{background:var(--bb-color-notice);border-radius:var(--bb-radius-pill);color:var(--bb-color-accent-text);font-size:var(--bb-text-xs);font-weight:var(--bb-weight-strong);line-height:1;padding:.5rem 1rem}.bb-byb__pct[hidden],.bb-byb__empty[hidden],.bb-byb__totals[hidden],.bb-byb__totals div[hidden]{display:none}.bb-byb__track{background:var(--bb-color-line);border-radius:var(--bb-radius-pill);height:.6rem;overflow:hidden}.bb-byb__track span{background:var(--bb-color-accent);border-radius:inherit;display:block;height:100%;transition:width var(--bb-duration) var(--bb-ease);width:0}.bb-byb__empty{color:var(--bb-color-text-soft);font-size:var(--bb-text-sm);margin:0}.bb-byb__lines{display:grid;gap:var(--bb-space-2);list-style:none;margin:0;padding:0}.bb-byb__lines:empty{display:none}.bb-byb__lines li{align-items:center;display:grid;font-size:var(--bb-text-sm);gap:0 var(--bb-space-2);grid-template-columns:4.8rem 1fr auto;line-height:var(--bb-leading-snug)}.bb-byb__lines img{border-radius:var(--bb-radius);grid-row:span 2;height:4.8rem;object-fit:cover;width:4.8rem}.bb-byb__lines div{display:grid;min-width:0}.bb-byb__lines strong{font-weight:var(--bb-weight-strong)}.bb-byb__lines div span{color:var(--bb-color-text-soft);font-size:var(--bb-text-xs)}.bb-byb__lines button{-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--bb-color-text-soft);cursor:pointer;font:inherit;font-size:var(--bb-text-xs);grid-column:3;justify-self:end;padding:0;text-decoration:underline}.bb-byb__totals{border-block-start:var(--bb-border);display:grid;font-size:var(--bb-text-sm);gap:var(--bb-space-1);margin:0;padding-block-start:var(--bb-space-2)}.bb-byb__totals div{display:flex;justify-content:space-between}.bb-byb__totals dt,.bb-byb__totals dd{margin:0}.bb-byb__totals .is-saving{color:var(--bb-color-notice)}.bb-byb__totals .is-total{font-size:var(--bb-text-lg);font-weight:var(--bb-weight-strong)}.bb-byb__cta{background:var(--bb-color-bg);bottom:0;padding:var(--bb-space-3) var(--bb-space-4);position:sticky}.bb-byb__sheet{background:var(--bb-color-bg);border:0;border-radius:var(--bb-radius-panel);color:var(--bb-color-text);font-family:var(--bb-font-body, inherit);margin:auto;max-width:44rem;padding:var(--bb-space-5) var(--bb-space-4) var(--bb-space-4);width:calc(100vw - 3.2rem)}.bb-byb__sheet::backdrop{background:var(--bb-color-scrim)}.bb-byb__sheet h2{font-family:var(--bb-font-heading, inherit);font-size:var(--bb-text-xl);font-weight:var(--bb-weight-heading);letter-spacing:0;margin:0 3.2rem var(--bb-space-3) 0}.bb-byb__sheet fieldset{border:0;display:flex;flex-wrap:wrap;gap:var(--bb-space-2);margin:0 0 var(--bb-space-3);padding:0}.bb-byb__sheet legend{font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);margin-block-end:var(--bb-space-2);padding:0}.bb-byb__sheet fieldset button{-webkit-appearance:none;appearance:none;background:none;border:var(--bb-border);border-radius:var(--bb-radius-pill);color:inherit;cursor:pointer;font:inherit;font-size:var(--bb-text-sm);min-height:4.4rem;padding:0 var(--bb-space-4)}.bb-byb__sheet fieldset button[aria-pressed=true]{border-color:var(--bb-color-text);box-shadow:inset 0 0 0 .1rem var(--bb-color-text)}.bb-byb__sheet-close{-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-size:2.4rem;height:4.4rem;inset-block-start:var(--bb-space-2);inset-inline-end:var(--bb-space-2);line-height:1;position:absolute;width:4.4rem}@media(min-width:990px){.bb-byb{padding-block-end:var(--bb-space-6)}.bb-byb__grid{align-items:start;grid-template-columns:minmax(0,1fr) 36rem}.bb-byb__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-byb__summary{background:var(--bb-color-bg-alt);border:0;border-radius:var(--bb-radius-panel);box-shadow:none;inset:auto;max-height:calc(100dvh - 4rem);position:sticky;top:2rem}.bb-byb__bar{display:none}.bb-byb__panel{display:grid;padding-block-start:var(--bb-space-4)}.bb-byb__cta{background:var(--bb-color-bg-alt)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bb-byb.css.map */