#home-build{height:auto;min-height:0;padding:var(--home-padding-top, 60px) 0 var(--home-padding-bottom, 70px);border-radius:0;background:#0e0e0e;color:#eee}#home-build>.home-container{width:calc(100% - 11.1112vw);max-width:1680px;padding:0;text-align:center}#home-build h2{display:block;width:fit-content;max-width:100%;margin-inline:auto;font-size:var(--home-heading-size, 48px);font-weight:600;line-height:1.2;color:#40b9ff;background:linear-gradient(90deg,#40b9ff 43%,#0fffb4);background-clip:text;-webkit-text-fill-color:transparent}#home-build .home-copy{max-width:none;margin:16px auto 0!important;color:#eee;font-size:var(--home-copy-size, 16px);font-weight:400;line-height:24px}#home-build .home-build-flow{display:grid;grid-template-columns:minmax(0,49fr) minmax(0,30fr);grid-template-rows:repeat(2,minmax(216px,1fr));gap:16px;width:100%;max-width:none;height:auto;aspect-ratio:auto;margin:44px auto 0;text-align:left}#home-build .home-build-flow__step{position:relative;inset:auto;width:100%;height:auto;min-width:0;border-radius:var(--home-card-radius, 16px)}#home-build :is(.home-build-flow__figures,.home-build-flow__ingredients){overflow:hidden;container-type:inline-size;border:1px solid #ffffff1a;background:radial-gradient(ellipse at 0 0,#9351ff4d,#9351ff0a 80%,transparent),linear-gradient(160deg,#a39bf41a,#35335408)}#home-build .home-build-flow__figures{grid-area:1 / 1}#home-build .home-build-flow__ingredients{grid-area:2 / 1}#home-build .home-build-flow__caption{position:static;width:auto;height:auto;padding:0;background:none;color:#fff}#home-build .home-build-flow__caption button{position:absolute;inset:16px auto auto 16px;width:168px;height:56px;padding:0;border:0;border-radius:8px;background:linear-gradient(180deg,#a39bf44d,#a39bf400);color:var(--home-step-text, #fff);font:600 24px/1.2 var(--storefront-font, Montserrat, sans-serif);text-shadow:none;cursor:pointer}#home-build .home-build-flow__caption h3{position:absolute;top:clamp(108px,42%,122px);left:24px;max-width:40%;margin:0;color:#fff;font-size:20px;font-weight:700;line-height:1.3}#home-build .home-build-flow__caption p{position:absolute;top:calc(clamp(108px,42%,122px) + 34px);left:24px;width:34%;max-width:300px;margin:0;color:#eee;font-size:14px;font-weight:400;line-height:1.4}#home-build .home-build-flow__caption--parts h3{top:clamp(98px,42%,122px)}#home-build .home-build-flow__caption--parts p{top:calc(clamp(98px,42%,122px) + 34px);white-space:pre-line}#home-build .home-build-flow__people{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#home-build .home-build-flow__people img{position:absolute;top:8.5%;left:51.5%;width:15%;height:80%;max-height:none;object-fit:contain}#home-build .home-build-flow__people img:nth-child(2){left:74%;width:12%}#home-build .home-build-flow__people:has(img:nth-child(3)) img{width:12%}#home-build .home-build-flow__people:has(img:nth-child(3)) img:nth-child(2){left:67%}#home-build .home-build-flow__people img:nth-child(3){left:82%}#home-build .home-build-flow__parts{pointer-events:none;position:absolute;inset:16% 5% auto 35%;width:auto;height:66%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px}#home-build .home-build-flow__parts>div{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 32px;gap:16px;align-items:center;justify-items:center;padding:0}#home-build .home-build-flow__parts img{min-height:0;width:100%;height:100%;max-height:100%;margin:0;object-fit:contain}#home-build .home-build-flow__accessories img{width:70%;max-width:120px}#home-build .home-build-flow__pet img{width:62%}#home-build .home-build-flow__parts span{position:static;transform:none;width:120px;max-width:100%;padding:5px 4px;border:0;border-radius:8px;background:var(--home-part-label-background, #ffe001);color:var(--home-part-label-text, #101110);font-size:14px;font-weight:500;line-height:22px;text-align:center}#home-build .home-build-flow__parts b{align-self:center;color:#fff;font-size:24px}#home-build .home-build-flow__step:has(button[aria-pressed=true])>:last-child{filter:none}#home-build .home-build-flow__result{grid-area:1 / 2 / 3 / 3;align-self:stretch;overflow:hidden;aspect-ratio:15 / 14}#home-build .home-build-flow__result>img{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover}#home-build .home-build-flow__result-link{position:absolute;z-index:1;top:16px;left:16px;display:block;width:max-content;max-width:calc(100% - 32px);height:auto;padding:12px 24px;border-radius:var(--home-button-radius, 16px);background:var(--home-button-background, #ffe001);color:var(--home-button-text, #101110);font-size:24px;font-weight:600;line-height:32px;text-decoration:none;white-space:normal}@media(min-width:1600px){#home-build{padding-block:calc(var(--home-padding-top, 60px) * 2) calc(var(--home-padding-bottom, 70px) + 114px)}#home-build .home-build-flow{grid-template-columns:minmax(0,63fr) minmax(0,41fr);margin-top:78px}#home-build .home-build-flow__result{aspect-ratio:82 / 75}}@media(min-width:1200px)and (max-width:1399px){#home-build .home-build-flow__caption h3{font-size:18px}#home-build .home-build-flow__caption p{font-size:12px}#home-build .home-build-flow__parts{gap:6px}#home-build .home-build-flow__parts span{font-size:12px}#home-build .home-build-flow__result-link{font-size:20px;padding-inline:16px}}@media(max-width:1199px){#home-build{padding:var(--home-padding-top-mobile, 40px) 0 var(--home-padding-bottom-mobile, 20px)}#home-build>.home-container{width:calc(100% - 32px);max-width:768px}#home-build h2{font-size:clamp(var(--home-heading-size-mobile, 18px),4.8vw,32px);line-height:1.3333}#home-build .home-build__desktop-copy{display:none}#home-build .home-build__mobile-copy{display:block}#home-build .home-copy{margin-top:8px!important;font-size:var(--home-copy-size-mobile, 12px);line-height:18px}#home-build .home-build-flow{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:8px;margin-top:20px}#home-build :is(.home-build-flow__figures,.home-build-flow__ingredients){grid-area:auto;aspect-ratio:343 / 108;min-height:108px;border-radius:var(--home-card-radius-mobile, 8px)}#home-build .home-build-flow__caption button{inset:8px auto auto 12px;width:24.5%;height:30%;font-size:clamp(12px,3.5cqw,24px)}#home-build .home-build-flow__caption h3{top:49%;left:12px;max-width:48%;font-size:clamp(10px,2.916cqw,20px);line-height:1.4}#home-build .home-build-flow__caption p{top:65%;left:12px;width:48%;max-width:none;font-size:clamp(8px,2.33cqw,14px);line-height:1.5}#home-build .home-build-flow__caption--parts h3{top:44%}#home-build .home-build-flow__caption--parts p{top:60%;width:30%;white-space:normal}#home-build .home-build-flow__people img{left:52%;top:10.5%;width:15%;height:76%}#home-build .home-build-flow__people img:nth-child(2){left:76%;width:12%}#home-build .home-build-flow__parts{inset:18% 2% auto 41%;height:64%;gap:4px}#home-build .home-build-flow__parts>div{grid-template-rows:minmax(0,1fr) 16px;gap:8px}#home-build .home-build-flow__scene img{width:80%}#home-build .home-build-flow__accessories img{width:85%}#home-build .home-build-flow__parts span{width:48px;padding:0 2px;border-radius:4px;font-size:clamp(8px,2.33cqw,12px);line-height:16px}#home-build .home-build-flow__accessories span{width:56px}#home-build .home-build-flow__parts b{font-size:clamp(14px,4cqw,24px)}#home-build .home-build-flow__result{grid-area:auto;aspect-ratio:343 / 320;border-radius:8px}#home-build .home-build-flow__result-link{top:12px;left:12px;max-width:calc(100% - 24px);padding:4px 8px;border-radius:4px;font-size:12px;line-height:16px}}@media(max-width:359px){#home-build :is(.home-build-flow__figures,.home-build-flow__ingredients){display:grid;aspect-ratio:auto;padding:12px;gap:12px}#home-build .home-build-flow__figures{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:140px;gap:8px;align-items:center}#home-build .home-build-flow__caption{min-width:0}#home-build .home-build-flow__caption button{position:static;inset:auto;width:84px;max-width:100%;height:30px;font-size:12px}#home-build .home-build-flow__caption h3{position:static;width:auto;max-width:none;margin-top:10px;font-size:10px;line-height:14px}#home-build .home-build-flow__caption p{position:static;width:auto;margin-top:6px;font-size:8px;line-height:12px}#home-build .home-build-flow__people{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:100%;align-items:center}#home-build .home-build-flow__people img:nth-child(n),#home-build .home-build-flow__people:has(img:nth-child(3)) img{position:static;inset:auto;width:100%;height:100%;max-height:110px}#home-build .home-build-flow__people:has(img:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}#home-build .home-build-flow__ingredients{grid-template-rows:auto 88px}#home-build .home-build-flow__parts{position:static;inset:auto;width:100%;height:88px}#home-build .home-build-flow__scene img{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/home-build.css.map */