.haus-sample-builder-section{background:var(--color-background);color:var(--color-foreground)}.haus-sample-builder{display:block;font-family:var(--font-body--family)}.haus-sample-builder__shell{width:min(100% - 32px,1500px);margin-inline:auto;padding-block:clamp(30px,4vw,58px) clamp(130px,11vw,180px)}.haus-sample-builder__header{max-width:1080px;margin-block-end:clamp(20px,2.5vw,34px)}.haus-sample-builder__eyebrow{margin:0 0 8px;font-family:var(--font-subheading--family);font-size:.7rem;font-weight:600;letter-spacing:.17em}.haus-sample-builder__heading{max-width:850px;margin:0;font-family:var(--font-h1--family);font-size:clamp(2.65rem,5.1vw,5.2rem);font-weight:var(--font-h1--weight);letter-spacing:-.045em;line-height:.96}.haus-sample-builder__description{max-width:720px;margin-block-start:12px;font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.5;opacity:.74}.haus-sample-builder__description p{margin:0}.haus-sample-builder__orientation{display:flex;flex-wrap:wrap;gap:10px 24px;margin:20px 0 0;padding:14px 0 0;border-block-start:1px solid rgb(var(--color-foreground-rgb) / .14);list-style:none;font-family:var(--font-subheading--family);font-size:.72rem;letter-spacing:.035em}.haus-sample-builder__orientation li{display:inline-flex;align-items:center;gap:8px}.haus-sample-builder__orientation span{display:grid;width:21px;height:21px;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .35);border-radius:50%;font-size:.62rem}.haus-sample-builder__confirmation{display:flex;width:fit-content;max-width:100%;align-items:center;gap:10px;margin:0 0 14px;padding:12px 15px;border:1px solid #cfdccf;background:#eff5ef;color:#304538;font-size:.88rem;animation:haus-sample-accept .32s ease-out both}.haus-sample-builder__confirmation[hidden]{display:none}.haus-sample-builder__confirmation svg{flex:none}.haus-sample-builder__status{min-height:1.35em;margin:0 0 10px;font-size:.8rem;font-weight:550}.haus-sample-builder__catalog-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 18px;margin-block-end:12px;font-family:var(--font-subheading--family);font-size:.72rem;letter-spacing:.025em}.haus-sample-builder__catalog-meta strong{font-size:.78rem;font-weight:650}.haus-sample-builder__catalog-meta span{opacity:.72}.haus-sample-builder__catalog-meta strong span,.haus-sample-builder__catalog-meta>span span{opacity:1}.haus-sample-builder__toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,.3fr) auto auto;gap:8px;margin-block-end:12px}.haus-sample-builder__search,.haus-sample-builder__filter,.haus-sample-builder__filter-button,.haus-sample-builder__reset{min-height:44px;border:1px solid rgb(var(--color-foreground-rgb) / .22);background:var(--color-background);color:inherit;font-family:var(--font-subheading--family);font-size:.78rem}.haus-sample-builder__search,.haus-sample-builder__filter{position:relative;display:flex;align-items:center}.haus-sample-builder__search{gap:10px;padding-inline:14px}.haus-sample-builder__search svg,.haus-sample-builder__filter svg{flex:none;opacity:.58}.haus-sample-builder__search input,.haus-sample-builder__filter select{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:inherit;font:inherit}.haus-sample-builder__search input::placeholder{color:currentColor;opacity:.5}.haus-sample-builder__filter select{padding:0 42px 0 13px;-webkit-appearance:none;appearance:none;cursor:pointer}.haus-sample-builder__filter svg{position:absolute;right:14px;pointer-events:none}.haus-sample-builder__filter-button,.haus-sample-builder__reset{padding-inline:15px;cursor:pointer}.haus-sample-builder__filter-button[aria-pressed=true]{border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background)}.haus-sample-builder__reset{border-color:transparent;text-decoration:underline;text-underline-offset:3px}.haus-sample-builder__reset:disabled{cursor:default;opacity:.34}.haus-sample-builder__search:focus-within,.haus-sample-builder__filter:focus-within,.haus-sample-builder__filter-button:focus-visible,.haus-sample-builder__reset:focus-visible{outline:2px solid currentColor;outline-offset:2px}.haus-sample-builder__progress{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);gap:26px;align-items:center;margin-block:0 18px;padding:13px 15px 18px;border:1px solid rgb(var(--color-foreground-rgb) / .14);background:rgb(var(--color-foreground-rgb) / .025)}.haus-sample-builder__progress-copy p,.haus-sample-builder__progress-copy strong{margin:0}.haus-sample-builder__progress-copy p{font-family:var(--font-subheading--family);font-size:.64rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;opacity:.62}.haus-sample-builder__progress-copy strong{display:grid;gap:1px;margin-block-start:4px;font-size:.82rem;font-weight:550;line-height:1.35}.haus-sample-builder__progress-copy strong span{display:block}.haus-sample-builder__rail{position:relative;height:2px;margin:15px 16px 0;background:rgb(var(--color-foreground-rgb) / .18)}.haus-sample-builder__rail-fill{position:absolute;inset:0 auto 0 0;width:0;background:currentColor;transition:width .26s ease}.haus-sample-builder__marker{position:absolute;top:50%;left:var(--marker-position);display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .45);border-radius:50%;background:var(--color-background);color:inherit;cursor:help;font-family:var(--font-subheading--family);font-size:.62rem;font-weight:650;transform:translate(-50%,-50%);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.haus-sample-builder__marker.is-reached{border-color:currentColor;background:var(--color-foreground);color:var(--color-background)}.haus-sample-builder__marker:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.haus-sample-builder__marker-label{line-height:1}.haus-sample-builder__reward-tooltip{position:absolute;bottom:calc(100% + 11px);left:50%;z-index:4;display:grid;width:min(230px,62vw);gap:4px;padding:10px 11px;border:1px solid rgb(var(--color-background-rgb) / .24);background:var(--color-foreground);box-shadow:0 8px 24px #0000001f;color:var(--color-background);font-family:var(--font-body--family);font-size:.68rem;font-weight:400;line-height:1.35;opacity:0;pointer-events:none;text-align:left;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden}.haus-sample-builder__reward-tooltip strong{font-family:var(--font-subheading--family);font-size:.7rem;font-weight:650}.haus-sample-builder__marker:last-child .haus-sample-builder__reward-tooltip{right:-12px;left:auto;transform:translateY(4px)}.haus-sample-builder__marker:hover .haus-sample-builder__reward-tooltip,.haus-sample-builder__marker:focus-visible .haus-sample-builder__reward-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.haus-sample-builder__marker:last-child:hover .haus-sample-builder__reward-tooltip,.haus-sample-builder__marker:last-child:focus-visible .haus-sample-builder__reward-tooltip{transform:translateY(0)}.haus-sample-builder__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.haus-sample-card{min-width:0;perspective:1400px}.haus-sample-card[hidden]{display:none}.haus-sample-card__frame{height:100%;min-height:0;margin:0;aspect-ratio:4 / 5;transition:transform .22s ease}@media(hover:hover)and (pointer:fine){.haus-sample-card:hover{z-index:2}.haus-sample-card:hover .haus-sample-card__frame{transform:scale(1.018)}}.haus-sample-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.4,.2,.2,1)}.haus-sample-card.is-details-open .haus-sample-card__inner{transform:rotateY(180deg)}.haus-sample-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .17);background:var(--color-background);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:border-color .18s ease,box-shadow .18s ease}.haus-sample-card.is-selected .haus-sample-card__face{border-color:var(--color-foreground);box-shadow:inset 0 0 0 1px var(--color-foreground)}.haus-sample-card__front{display:grid;grid-template-rows:minmax(0,1fr) auto}.haus-sample-card__media{position:relative;display:block;width:100%;min-height:0;overflow:hidden;padding:0;border:0;background:rgb(var(--color-foreground-rgb) / .045);color:inherit;cursor:pointer}.haus-sample-card__image,.haus-sample-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.65,.25,1)}@media(hover:hover)and (pointer:fine){.haus-sample-card__media:hover .haus-sample-card__image{transform:scale(1.035)}}.haus-sample-card__details-flag{position:absolute;right:8px;bottom:8px;padding:6px 9px;border:1px solid rgb(var(--color-foreground-rgb) / .22);background:rgb(var(--color-background-rgb) / .92);font-family:var(--font-subheading--family);font-size:.62rem;letter-spacing:.055em;text-transform:uppercase}.haus-sample-card__media:focus-visible,.haus-sample-card__stepper button:focus-visible,.haus-sample-card__close:focus-visible,.haus-sample-card__details a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.haus-sample-card__content{display:grid;gap:10px;padding:11px 12px 12px}.haus-sample-card__heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:baseline}.haus-sample-card__title{min-width:0;margin:0;overflow:hidden;font-family:var(--font-subheading--family);font-size:clamp(.76rem,.9vw,.88rem);font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.haus-sample-card__price{font-family:var(--font-subheading--family);font-size:.72rem;opacity:.68}.haus-sample-card__footer{display:flex;min-height:29px;align-items:center;justify-content:flex-end;gap:8px}.haus-sample-card__stepper{display:grid;grid-template-columns:29px 34px 29px;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .24)}.haus-sample-card__stepper button,.haus-sample-card__stepper output{display:grid;height:28px;place-items:center;border:0;background:transparent;color:inherit;font-family:var(--font-subheading--family);font-size:.8rem}.haus-sample-card__stepper button{cursor:pointer}.haus-sample-card__stepper button:not(:disabled):hover{background:rgb(var(--color-foreground-rgb) / .08)}.haus-sample-card__stepper button:disabled{cursor:default;opacity:.3}.haus-sample-card__stepper output{border-inline:1px solid rgb(var(--color-foreground-rgb) / .16);font-weight:600}.haus-sample-card__unavailable{margin-right:auto;font-family:var(--font-subheading--family);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase}.haus-sample-card.is-unavailable .haus-sample-card__front{opacity:.56}.haus-sample-card__details{display:flex;flex-direction:column;padding:clamp(15px,1.6vw,23px);overflow-y:auto;background:#263d35;color:#f6f2e9;transform:rotateY(180deg)}.haus-sample-card__close{position:absolute;top:8px;right:8px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(246 242 233 / .42);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:1.1rem}.haus-sample-card__details-eyebrow{margin:0 34px 8px 0;font-family:var(--font-subheading--family);font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.haus-sample-card__details h3{margin:0 28px 12px 0;font-family:var(--font-h3--family);font-size:clamp(1.1rem,1.6vw,1.55rem);font-weight:var(--font-h3--weight);line-height:1.08}.haus-sample-card__details dl{display:grid;gap:6px;margin:0}.haus-sample-card__details dl div{display:grid;grid-template-columns:minmax(62px,.45fr) minmax(0,1fr);gap:8px;padding-block-end:5px;border-block-end:1px solid rgb(246 242 233 / .16)}.haus-sample-card__details dt,.haus-sample-card__details dd{margin:0;font-family:var(--font-subheading--family);font-size:.65rem;line-height:1.3}.haus-sample-card__details dt{opacity:.6}.haus-sample-card__details dd{overflow-wrap:anywhere}.haus-sample-card__excerpt{display:-webkit-box;margin:11px 0;overflow:hidden;font-size:.7rem;line-height:1.42;opacity:.8;-webkit-box-orient:vertical;-webkit-line-clamp:4}.haus-sample-card__details a{width:fit-content;margin-block-start:auto;color:inherit;font-family:var(--font-subheading--family);font-size:.65rem;font-weight:600;letter-spacing:.07em;text-decoration-thickness:1px;text-transform:uppercase;text-underline-offset:4px}.haus-sample-builder__no-results,.haus-sample-builder__empty{padding:64px 24px;border:1px solid rgb(var(--color-foreground-rgb) / .16);text-align:center}.haus-sample-builder__no-results{margin:0}.haus-sample-builder__empty h2{margin:0 0 10px;font-family:var(--font-h2--family);font-size:clamp(1.8rem,4vw,3.1rem)}.haus-sample-builder__empty p{max-width:540px;margin:0 auto;opacity:.68}.haus-sample-builder__summary{position:sticky;z-index:5;bottom:8px;display:grid;grid-template-columns:minmax(190px,1fr) auto auto minmax(205px,auto);gap:18px;align-items:center;margin-block-start:26px;padding:12px 13px;border:1px solid rgb(var(--color-foreground-rgb) / .2);background:rgb(var(--color-background-rgb) / .985);box-shadow:0 12px 34px #0000001a}.haus-sample-builder__summary-count,.haus-sample-builder__summary-progress{margin:0}.haus-sample-builder__summary-count{font-family:var(--font-subheading--family);font-size:.82rem;font-weight:650}.haus-sample-builder__summary-progress{margin-block-start:2px;font-family:var(--font-subheading--family);font-size:.64rem;opacity:.6}.haus-sample-builder__summary-total,.haus-sample-builder__summary-savings{display:grid;min-width:120px;gap:2px;text-align:end}.haus-sample-builder__summary-total span,.haus-sample-builder__summary-savings span{font-family:var(--font-subheading--family);font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;opacity:.62}.haus-sample-builder__summary-total strong,.haus-sample-builder__summary-savings strong{font-family:var(--font-subheading--family);font-size:1rem}.haus-sample-builder__summary-savings small{grid-column:1 / -1;color:#38744f;font-family:var(--font-subheading--family);font-size:.6rem;font-weight:650;letter-spacing:.045em;line-height:1.25;text-transform:uppercase}.haus-sample-builder__summary-savings strong[hidden],.haus-sample-builder__summary-savings small[hidden],.haus-sample-builder__summary-savings[hidden]{display:none}.haus-sample-builder__submit{position:relative;min-width:205px;min-height:46px}.haus-sample-builder__spinner{display:none;width:16px;height:16px;margin-inline-start:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:haus-sample-spin .72s linear infinite}.haus-sample-builder[aria-busy=true] .haus-sample-builder__spinner{display:inline-block}@keyframes haus-sample-spin{to{transform:rotate(360deg)}}@keyframes haus-sample-accept{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:1400px){.haus-sample-builder__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:989px){.haus-sample-builder__toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,.42fr)}.haus-sample-builder__filter-button,.haus-sample-builder__reset{width:100%}.haus-sample-builder__progress{grid-template-columns:1fr;gap:10px}.haus-sample-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.haus-sample-builder__summary{grid-template-columns:minmax(0,1fr) auto auto}.haus-sample-builder__submit{grid-column:1 / -1;width:100%}}@media screen and (max-width:599px){.haus-sample-builder__shell{width:min(100% - 20px,1500px);padding-block:26px 148px}.haus-sample-builder__heading{font-size:clamp(2.55rem,13vw,4rem)}.haus-sample-builder__description{font-size:.9rem}.haus-sample-builder__orientation{display:grid;gap:7px}.haus-sample-builder__confirmation{width:100%}.haus-sample-builder__catalog-meta{gap:5px 12px}.haus-sample-builder__catalog-meta>span:last-child{flex-basis:100%}.haus-sample-builder__toolbar{grid-template-columns:1fr 1fr}.haus-sample-builder__search,.haus-sample-builder__filter{grid-column:1 / -1}.haus-sample-builder__progress{padding-inline:11px}.haus-sample-builder__rail{margin-inline:12px}.haus-sample-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.haus-sample-card__frame{aspect-ratio:3 / 4}.haus-sample-card__content{gap:7px;padding:9px}.haus-sample-card__heading-row{grid-template-columns:1fr;gap:2px}.haus-sample-card__title{font-size:.72rem}.haus-sample-card__price{font-size:.64rem}.haus-sample-card__details-flag{right:6px;bottom:6px;padding:5px 7px;font-size:.56rem}.haus-sample-card__stepper{grid-template-columns:27px 31px 27px}.haus-sample-card__stepper button,.haus-sample-card__stepper output{height:27px}.haus-sample-card__details{padding:13px}.haus-sample-card__details h3{font-size:1.05rem}.haus-sample-card__excerpt{-webkit-line-clamp:3}.haus-sample-builder__summary{bottom:6px;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;margin-inline:-2px;padding:10px}.haus-sample-builder__summary-count{font-size:.74rem}.haus-sample-builder__summary-total{min-width:100px}.haus-sample-builder__summary-savings{grid-column:1 / -1;grid-template-columns:1fr auto;min-width:0;text-align:start}.haus-sample-builder__summary-savings strong{text-align:end}.haus-sample-builder__submit{min-width:0;min-height:43px}}@media(prefers-reduced-motion:reduce){.haus-sample-builder__confirmation,.haus-sample-builder__rail-fill,.haus-sample-builder__marker,.haus-sample-builder__reward-tooltip,.haus-sample-card__frame,.haus-sample-card__inner,.haus-sample-card__face,.haus-sample-card__image{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/haus-sample-builder.css.map */