.address-builder__title{margin:0 0 1rem}.address-builder__intro{max-width:70rem;margin-bottom:2.4rem}.address-builder__step{margin:0 0 3.2rem}.address-builder__step-title{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;font-size:calc(var(--font-heading-scale) * 2rem)}.address-builder__step-number{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.address-builder__hint{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.75);font-size:1.4rem}.address-builder__address{max-width:36rem}.address-builder__address-input{font-size:2.6rem;letter-spacing:.3em;font-variant-numeric:tabular-nums}.address-builder__preview{position:sticky;top:var(--ab-sticky-top, 0px);z-index:2;margin:0 0 3.2rem;border-radius:.4rem;overflow:hidden;background:rgb(var(--color-background));box-shadow:inset 0 0 0 100vmax rgba(var(--color-foreground),.04);transition:top .15s ease-out,box-shadow .2s ease-out}.address-builder__preview--stuck{border-radius:0 0 .4rem .4rem;box-shadow:inset 0 0 0 100vmax rgba(var(--color-foreground),.04),0 .6rem 1.6rem #00000038}.address-builder__frame{padding:1.2rem;display:flex;justify-content:center}@keyframes address-builder-flash{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.address-builder__slot--flash{animation:address-builder-flash .35s ease-out}.address-builder__tiles{display:flex;gap:1.2rem;width:100%;max-width:calc(var(--slot-max, 16rem) * 6 + 6rem);justify-content:center}.address-builder__slot{flex:1 1 0;max-width:11rem;aspect-ratio:1 / 1;min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;border-radius:.4rem;-webkit-tap-highlight-color:transparent}.address-builder__slot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.address-builder__slot--selected{outline:.3rem solid rgb(var(--color-button));outline-offset:.3rem;box-shadow:0 0 0 .6rem rgba(var(--color-button),.25)}.address-builder__apply-all{margin-left:.6rem;padding:0;border:0;background:none;font:inherit;font-size:1.3rem;font-weight:600;text-transform:none;letter-spacing:normal;color:rgb(var(--color-button));cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.address-builder__apply-all[hidden]{display:none}.address-builder__slot svg{display:block;width:100%;height:auto}.address-builder__slot--blank{display:flex;align-items:center;justify-content:center;border:.2rem dashed rgba(var(--color-foreground),.3);border-radius:.4rem;box-sizing:border-box}.address-builder__slot-digit{font-size:clamp(2.4rem,8vw,6rem);font-weight:600;color:rgba(var(--color-foreground),.4)}.address-builder__preview--no-holes .pilot-hole{display:none}.address-builder__frame--natural,.address-builder__frame--dark,.address-builder__frame--ebony{--frame-wood: url(frame-natural.jpg);width:fit-content;max-width:calc(100% - 2.4rem);margin:1.2rem auto;padding:1rem 1.4rem;border:1.2rem solid transparent;border-image:var(--frame-wood) 80 / 1.2rem round;background:var(--frame-wood) center / 30rem repeat;box-shadow:inset 0 0 1.8rem #00000080,0 .4rem 1.2rem #00000040}.address-builder__frame--natural{--frame-wood: url(frame-natural.jpg)}.address-builder__frame--dark{--frame-wood: url(frame-dark.jpg)}.address-builder__frame--ebony{--frame-wood: url(frame-ebony.jpg)}.address-builder__frame--natural .address-builder__tiles,.address-builder__frame--dark .address-builder__tiles,.address-builder__frame--ebony .address-builder__tiles{gap:.6rem}.address-builder__frame--natural .address-builder__slot svg,.address-builder__frame--dark .address-builder__slot svg,.address-builder__frame--ebony .address-builder__slot svg{filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.35))}.address-builder__preview-caption{margin:0;padding:.6rem 1rem;font-size:1.2rem;line-height:1.3;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.65)}.address-builder__tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.address-builder__tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:5.6rem;padding:.6rem 1rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;line-height:1.2;cursor:pointer}.address-builder__tab--active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.address-builder__tab--custom:not(.address-builder__tab--active){border-style:dashed}.address-builder__tab-digit{font-size:2rem;font-weight:600}.address-builder__tab-pos{font-size:1.1rem;opacity:.75}.address-builder__target{margin:0 0 1.6rem;font-size:1.4rem;font-weight:600}.address-builder__target .address-builder__apply-all{display:inline-block;margin:.4rem 0 0}.address-builder__style-cards,.address-builder__frame-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:64rem}.address-builder__frame-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:80rem}.address-builder__style-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}.address-builder__style-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.4rem;cursor:pointer;background:rgb(var(--color-background))}.address-builder__style-input:checked+.address-builder__style-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.address-builder__style-input:focus-visible+.address-builder__style-card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.address-builder__style-input:disabled+.address-builder__style-card{opacity:.4;cursor:not-allowed}.address-builder__style-image,.address-builder__frame-swatch{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:.3rem}.address-builder__frame-swatch--none{border:.2rem dashed rgba(var(--color-foreground),.3);box-sizing:border-box}.address-builder__frame-swatch--natural{background:url(frame-natural.jpg) center / cover}.address-builder__frame-swatch--dark{background:url(frame-dark.jpg) center / cover}.address-builder__frame-swatch--ebony{background:url(frame-ebony.jpg) center / cover}.address-builder__style-name{font-weight:600;margin-top:.4rem}.address-builder__style-blurb{font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.75)}.address-builder__pilot{max-width:36rem;margin-top:1.6rem}.address-builder__summary{list-style:none;margin:0 0 1.2rem;padding:0;max-width:64rem}.address-builder__summary li{display:flex;align-items:baseline;gap:1.2rem;padding:.8rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.address-builder__summary li>span:nth-child(2){flex:1}.address-builder__summary-digit{flex:none;width:3.2rem;font-size:2rem;font-weight:600;text-align:center}.address-builder__summary-price{flex:none;font-variant-numeric:tabular-nums}.address-builder__total{font-size:1.8rem;margin:0 0 1.6rem}.address-builder__add{max-width:40rem}.address-builder__error{margin:0 0 1.2rem}.address-builder__error[hidden]{display:none}@media screen and (max-width:749px){.address-builder__frame{padding:.8rem}.address-builder__frame--natural,.address-builder__frame--dark,.address-builder__frame--ebony{margin:.6rem auto;max-width:calc(100% - 1.2rem);padding:.6rem .8rem;border-width:.8rem;border-image-width:.8rem}.address-builder__tiles{gap:.5rem}.address-builder__preview-caption{font-size:1.1rem;padding:.4rem .8rem}.address-builder__frame-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.address-builder__step-title{font-size:calc(var(--font-heading-scale) * 1.7rem)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-address-builder.css.map */