.hh-builder-picker,.hh-builder-meter,.hh-builder-cadence,.hh-builder-summary{width:100%;box-sizing:border-box}.hh-builder-picker__inner,.hh-builder-meter__inner,.hh-builder-cadence__inner,.hh-builder-summary__inner{max-width:var(--hh-content-max, 1280px);margin-inline:auto;padding-inline:var(--hh-inset, 24px);box-sizing:border-box}.hh-builder-picker{padding-block:var(--hh-section-pt, 56px) var(--hh-section-pb, 40px)}.hh-builder-meter{padding-block:var(--hh-section-pt, 24px) var(--hh-section-pb, 24px)}.hh-builder-cadence{padding-block:var(--hh-section-pt, 24px) var(--hh-section-pb, 40px)}.hh-builder-summary{padding-block:var(--hh-section-pt, 24px) var(--hh-section-pb, 56px)}.hh-builder-picker--light,.hh-builder-meter--light,.hh-builder-cadence--light{background-color:var(--hh-bg, #fff)}.hh-builder-picker--tint,.hh-builder-meter--tint,.hh-builder-cadence--tint{background-color:var(--hh-tint-info, #f0f9ff)}.hh-builder-picker--ink,.hh-builder-meter--ink,.hh-builder-cadence--ink{background-color:var(--hh-ink, #111);color:var(--hh-bg, #fff)}.hh-builder__eyebrow{margin:0 0 8px;font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-ui);font-weight:600;letter-spacing:var(--hh-track-ui);text-transform:uppercase;color:var(--hh-accent, var(--hh-primary, #00a2ff))}.hh-builder__heading{margin:0;font-family:var(--font-heading-family, inherit);font-weight:600;line-height:var(--hh-line-tight)}.hh-builder__heading--sm{font-size:var(--hh-type-xl)}.hh-builder__description{max-width:var(--hh-prose-max, 720px);margin:12px 0 0;font-family:var(--font-body-family, inherit);font-weight:300;line-height:var(--hh-line-prose)}.hh-builder__note{margin:16px 0 0;padding:16px;border:1px dashed var(--hh-card-border, #e5e5e5);border-radius:var(--hh-radius-md, 12px);font-size:var(--hh-type-sm);opacity:.75}.hh-builder-picker__grid{display:grid;grid-template-columns:1fr;gap:var(--hh-space-lg);margin-top:28px}.hh-builder-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--hh-card-border, #e5e5e5);border-radius:var(--hh-radius-md, 12px);background-color:var(--hh-card-bg, #fff);color:var(--hh-ink, #111);transition:border-color .15s ease,box-shadow .15s ease}.hh-builder-card.is-selected{border-color:var(--hh-accent, var(--hh-primary, #00a2ff));box-shadow:0 0 0 1px var(--hh-accent, var(--hh-primary, #00a2ff))}.hh-builder-card__media{position:relative;margin-bottom:12px;border-radius:var(--hh-radius-sm, 4px);overflow:hidden}.hh-builder-card__media>img,.hh-builder-card__media>svg,.hh-builder-card__media .hh-builder-card__img>img{width:100%;height:auto;display:block}.hh-builder-card__media .badge.hh-badge{position:absolute;top:8px;left:8px;z-index:2}.hh-builder-card__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-md);font-weight:600;line-height:var(--hh-line-title)}.hh-builder-card__price{margin:6px 0 14px;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm);opacity:.8}.hh-builder-stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--hh-space-xs);margin-top:auto;padding:4px;border:1px solid var(--hh-card-border, #e5e5e5);border-radius:var(--hh-radius-pill, 200px)}.hh-builder-stepper__btn{width:34px;height:34px;border:0;border-radius:50%;background-color:var(--hh-tint-info, #f0f9ff);color:var(--hh-ink, #111);font-size:var(--hh-type-lg);line-height:var(--hh-line-flat);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.hh-builder-stepper__btn:hover:not(:disabled){background-color:var(--hh-accent, var(--hh-primary, #00a2ff));color:var(--hh-on-dark)}.hh-builder-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.hh-builder-stepper__value{min-width:2ch;text-align:center;font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-md);font-weight:600}.hh-builder-meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hh-space-lg);margin-bottom:10px}.hh-builder-meter__label{margin:0;font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-ui);font-weight:600;letter-spacing:var(--hh-track-ui);text-transform:uppercase}.hh-builder-meter__count{margin:0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm);opacity:.8}.hh-builder-meter__track{position:relative;height:10px;border-radius:var(--hh-radius-pill, 200px);background-color:var(--hh-card-border, #e5e5e5)}.hh-builder-meter__fill{height:100%;width:0;border-radius:inherit;background-color:var(--hh-accent, var(--hh-primary, #00a2ff));transition:width .25s ease}.hh-builder-meter__marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.hh-builder-meter__marker-dot{display:block;width:14px;height:14px;border-radius:50%;border:2px solid var(--hh-bg, #fff);background-color:var(--hh-card-border, #e5e5e5);transition:background-color .2s ease}.hh-builder-meter__marker.is-reached .hh-builder-meter__marker-dot{background-color:var(--hh-lime, #a2ff00)}.hh-builder-meter__marker-label{position:absolute;top:18px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-2xs);opacity:.7}.hh-builder-meter__footnote{margin:34px 0 0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-ui);opacity:.7}.hh-builder-cadence__set{display:flex;flex-wrap:wrap;gap:var(--hh-space-sm);margin:16px 0 0;padding:0;border:0}.hh-builder-pill{position:relative}.hh-builder-pill input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.hh-builder-pill__text{display:inline-block;padding:9px 18px;border:1px solid var(--hh-card-border, #e5e5e5);border-radius:var(--hh-radius-badge);font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.hh-builder-pill input:checked+.hh-builder-pill__text{border-color:var(--hh-accent, var(--hh-primary, #00a2ff));background-color:var(--hh-accent, var(--hh-primary, #00a2ff));color:var(--hh-on-dark)}.hh-builder-pill input:focus-visible+.hh-builder-pill__text{outline:2px solid var(--hh-accent, var(--hh-primary, #00a2ff));outline-offset:2px}.hh-builder-cadence__footnote{margin:12px 0 0;font-size:var(--hh-type-ui);opacity:.7}.hh-builder-summary__inner{max-width:calc(var(--hh-prose-max, 720px) + (var(--hh-inset, 24px) * 2));padding-block:20px;border:1px solid var(--hh-card-border, #e5e5e5);border-radius:var(--hh-radius-md, 12px);background-color:var(--hh-card-bg, #fff)}.hh-builder-summary__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hh-space-lg)}.hh-builder-summary__heading{margin:0;font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-lg);font-weight:600}.hh-builder-summary__count{margin:0;font-size:var(--hh-type-sm);opacity:.75}.hh-builder-summary__empty{margin:14px 0 0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm);opacity:.7}.hh-builder-summary__list{margin:14px 0 0;padding:0;list-style:none}.hh-builder-summary__row{display:flex;justify-content:space-between;gap:var(--hh-space-lg);padding:6px 0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm)}.hh-builder-summary__totals{margin-top:14px;padding-top:14px;border-top:1px solid var(--hh-card-border, #e5e5e5)}.hh-builder-summary__line{display:flex;justify-content:space-between;gap:var(--hh-space-lg);padding:4px 0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-sm)}.hh-builder-summary__line--total{font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-base);font-weight:600}.hh-builder-summary__line--savings{color:var(--hh-accent, var(--hh-primary, #00a2ff))}.hh-builder-summary__cta{display:block;width:100%;margin-top:16px;padding:14px 20px;border:0;border-radius:var(--hh-radius-pill, 200px);background-color:var(--hh-accent, var(--hh-primary, #00a2ff));color:var(--hh-on-dark);font-family:var(--font-heading-family, inherit);font-size:var(--hh-type-ui);font-weight:600;letter-spacing:var(--hh-track-ui);text-transform:uppercase;cursor:pointer}.hh-builder-summary__cta:disabled{background-color:var(--hh-card-border, #e5e5e5);color:var(--hh-ink, #111);opacity:.6;cursor:not-allowed}.hh-builder-summary__cta-note{margin:10px 0 0;font-family:var(--font-body-family, inherit);font-size:var(--hh-type-xs);text-align:center;opacity:.7}@media(min-width:768px){.hh-builder-picker__grid--2{grid-template-columns:repeat(2,1fr)}.hh-builder-picker__grid--3{grid-template-columns:repeat(3,1fr)}.hh-builder-picker__grid--4{grid-template-columns:repeat(4,1fr)}.hh-builder-summary--sticky .hh-builder-summary__inner{position:sticky;top:24px}}@media(max-width:767px){.hh-builder-picker__grid{grid-template-columns:repeat(var(--hh-picker-cols-m, 2),1fr)}.hh-builder-card{padding:12px}.hh-builder-card__title{font-size:var(--hh-type-sm)}.hh-builder-card__media .badge.hh-badge{max-width:calc(100% - 16px);white-space:normal;text-align:center;line-height:var(--hh-line-snug)}.hh-builder-meter__marker-label{display:none}.hh-builder-meter__footnote{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hh-builder.css.map */