.build-guide{--build-unit: calc(100cqw / 1756);--build-media-gap: calc(33 * var(--build-unit));--build-gutter: 7.1754%;width:100%;max-width:var(--page-width);margin-inline:auto;padding-top:var(--build-top-space);color:var(--build-intro-text);font-family:var(--font-body-family);font-style:var(--font-body-style);letter-spacing:normal;container-type:inline-size}.build-guide,.build-guide *,.build-guide *:before,.build-guide *:after{box-sizing:border-box}.build-guide__intro{position:relative;z-index:1;padding-inline:20px;text-align:center}.build-guide .build-guide__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;font-size:calc(55 * var(--build-unit));line-height:1.084;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}.build-guide__intro .build-guide__heading{background:linear-gradient(90deg,var(--build-intro-text),#999);background-clip:text;-webkit-background-clip:text;color:transparent;width:fit-content;margin-inline:auto}.build-guide__badge{display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--build-unit));width:fit-content;max-width:100%;min-height:calc(35 * var(--build-unit));margin:0 auto calc(16 * var(--build-unit));padding:0 calc(12 * var(--build-unit)) 0 calc(7 * var(--build-unit));border-radius:999px;background:#313131;color:#eee;font-size:calc(20 * var(--build-unit));font-weight:600;line-height:1.084;letter-spacing:-.02em}.build-guide__badge-dot{display:block;flex:0 0 auto;width:calc(21 * var(--build-unit));height:calc(21 * var(--build-unit));background-repeat:no-repeat;background-position:center;background-size:contain}.build-guide__badge>span:last-child{min-width:0;background:linear-gradient(90deg,#fff,#999);background-clip:text;-webkit-background-clip:text;color:transparent;overflow-wrap:break-word}.build-guide__intro .build-guide__badge{min-width:calc(177 * var(--build-unit))}.build-guide__demo-intro .build-guide__badge{min-width:calc(125 * var(--build-unit))}.build-guide__steps .build-guide__badge{min-width:calc(171 * var(--build-unit));background:#1f1f1f}.build-guide__demo-intro .build-guide__badge,.build-guide__steps .build-guide__badge{box-shadow:0 0 calc(30 * var(--build-unit)) #0000004d}.build-guide__description{max-width:580px;margin:20px auto 0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.build-guide__description p,.build-guide__step-description p{margin:0}.build-guide__description p+p,.build-guide__step-description p+p{margin-top:12px}.build-guide__description a,.build-guide__step-description a{color:inherit;text-underline-offset:3px}.build-guide__buttons{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:calc(15 * var(--build-unit));margin-top:calc(23 * var(--build-unit))}.build-guide__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:calc(55 * var(--build-unit));min-width:calc(164 * var(--build-unit));max-width:100%;padding:calc(12 * var(--build-unit)) calc(23 * var(--build-unit));border:calc(2 * var(--build-unit)) solid var(--build-button-background);border-radius:calc(8 * var(--build-unit));background:var(--build-button-background);box-shadow:0 0 calc(16 * var(--build-unit)) #00000059;color:var(--build-button-text);font-family:inherit;font-size:calc(20 * var(--build-unit));font-weight:600;line-height:1.2;letter-spacing:.03em;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.build-guide__button--secondary{min-width:calc(227 * var(--build-unit));background:transparent;color:var(--build-intro-text);border-color:currentColor;box-shadow:none}.build-guide__button:hover{opacity:.8}.build-guide a:focus-visible,.build-guide button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.build-guide__product-form{display:block;max-width:100%}.build-guide__form{margin:0}.build-guide__product-form .product-form__error-message-wrapper{max-width:28rem;margin-top:12px;font-size:14px;line-height:1.4}.build-guide__button:disabled{opacity:.5;cursor:not-allowed}.build-guide__button.loading{cursor:wait}.build-guide__button.loading>span{opacity:0}.build-guide__button>.loading__spinner{position:absolute;top:50%;left:50%;width:20px;transform:translate(-50%,-50%)}.build-guide__button .loading__spinner .path{stroke:currentColor}.build-guide__panel{--build-rendered-image-width: min(var(--build-image-width), calc(1548 * var(--build-unit)));--build-active-overlap: 0px;display:flow-root;margin-top:0;padding:0 var(--build-gutter) var(--build-bottom-space);border-radius:calc(50 * var(--build-unit));background:var(--build-background);color:var(--build-text)}.build-guide__panel--with-image{--build-active-overlap: calc(var(--build-rendered-image-width) * var(--build-overlap-ratio));margin-top:calc(var(--build-active-overlap) - 30 * var(--build-unit))}.build-guide__feature{position:relative;left:50%;transform:translate(-50%);width:var(--build-rendered-image-width);margin:calc(-1 * var(--build-active-overlap)) 0 0;filter:drop-shadow(0 calc(15 * var(--build-unit)) calc(30.1 * var(--build-unit)) #00000080)}.build-guide__image{display:block;width:100%;height:auto}.build-guide__feature--reference{aspect-ratio:1548 / 585;overflow:hidden}.build-guide__feature--reference .build-guide__image{position:absolute;top:-88.8%;left:0;width:100%;height:264.62%;max-width:none}.build-guide__demo-intro{position:relative;margin-top:var(--build-media-gap);text-align:center}.build-guide__demo-intro .build-guide__heading{width:fit-content;max-width:100%;margin-inline:auto;letter-spacing:-.05em}.build-guide__demo{width:100%;max-width:var(--build-demo-width);margin:calc(30 * var(--build-unit)) auto 0;border-radius:calc(25 * var(--build-unit));overflow:hidden}.build-guide__steps{margin-top:var(--build-media-gap);text-align:center;scroll-margin-top:100px}.build-guide__step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--build-unit));margin:calc(30 * var(--build-unit)) 0 0;padding:0;list-style:none;text-align:left}.build-guide__step{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;aspect-ratio:488 / 497;overflow:hidden;border-radius:calc(25 * var(--build-unit));background:#1c1c1c;color:#fff;box-shadow:0 0 calc(30 * var(--build-unit)) #0000004d}.build-guide__step-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.build-guide__step-base,.build-guide__step-image{position:absolute;display:block;max-width:none;object-fit:cover}.build-guide__step-base,.build-guide__step-image--custom{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.build-guide__step-image--1{width:108.95%;height:106.98%;left:-4.46%;top:-7.04%}.build-guide__step-image--2{width:108.34%;height:106.38%;left:-4.15%;top:-6.44%}.build-guide__step-image--3{width:109.72%;height:107.74%;left:-5.53%;top:-7.12%}.build-guide__step:after{content:"";position:absolute;top:50.5%;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(transparent,#1c1c1c)}.build-guide__step-content{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(13 * var(--build-unit));width:100%;padding:calc(24 * var(--build-unit)) calc(32 * var(--build-unit)) calc(46 * var(--build-unit)) calc(41 * var(--build-unit))}.build-guide__step-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(15 * var(--build-unit));margin:0}.build-guide__step-number{display:grid;place-items:center;flex-shrink:0;width:calc(41 * var(--build-unit));height:calc(41 * var(--build-unit));border-radius:calc(10 * var(--build-unit));background:#fff;color:#000;font-size:calc(26 * var(--build-unit));font-weight:600;line-height:1}.build-guide .build-guide__step-heading{min-width:0;margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:calc(40 * var(--build-unit));font-weight:500;line-height:1;letter-spacing:-.07em;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}.build-guide__step-description{min-height:2.4em;color:var(--build-step-text, #c5c5c5);font-size:calc(22 * var(--build-unit));font-weight:500;line-height:1.2;letter-spacing:-.02em;word-break:normal;overflow-wrap:break-word}@container (max-width: 1000px){.build-guide__badge{min-height:25px;gap:7px;margin-bottom:12px;padding-inline:5px 9px;font-size:14px}.build-guide__badge-dot{width:15px;height:15px}.build-guide__intro .build-guide__badge{min-width:127px}.build-guide__demo-intro .build-guide__badge{min-width:91px}.build-guide__steps .build-guide__badge{min-width:123px}.build-guide .build-guide__heading{font-size:32px;line-height:1}.build-guide__intro .build-guide__heading{max-width:270px}.build-guide__demo-intro .build-guide__heading{max-width:340px;margin-inline:auto;letter-spacing:-.02em}.build-guide__button{min-height:44px;min-width:132px;padding:10px 18px;border-width:2px;border-radius:6px;font-size:16px}.build-guide__button--secondary{min-width:182px}.build-guide__buttons{gap:12px;margin-top:20px}.build-guide__panel{--build-media-gap: 30px;border-radius:25px}.build-guide__demo{margin-top:20px;border-radius:15px}.build-guide__step-list{grid-template-columns:1fr;gap:15px;max-width:600px;margin:20px auto 0}.build-guide__step{width:100%;aspect-ratio:345 / 240;min-height:240px;border-radius:15px}.build-guide__step-image{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.build-guide__step:after{inset-block-start:35%}.build-guide__step-content{gap:10px;padding:25px}.build-guide__step-title{gap:10px}.build-guide__step-number{width:30px;height:30px;border-radius:7px;font-size:22px}.build-guide .build-guide__step-heading{font-size:24px}.build-guide__step-description{font-size:16px}}@media(max-width:749px){.build-guide{--build-gutter: 15px}.build-guide__intro{padding-inline:15px}.build-guide__description{font-size:16px}.build-guide__panel{--build-rendered-image-width: min(var(--build-image-width), 100cqw)}}@media(max-width:359px){.build-guide__buttons{gap:10px}.build-guide__button,.build-guide__button--secondary{min-width:0;padding-inline:14px}.build-guide__step-content{padding:20px}.build-guide .build-guide__step-heading{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/build-guide.css.map */