.top-header_locofyLogoIcon__v7NzP{position:absolute;height:100%;width:120.15%;top:0;right:-.15%;bottom:0;left:0;max-width:100%;max-height:100%}.top-header_homeIcon__ybJvT,.top-header_locofyGuieLogoA__9EIAP{position:relative;flex-shrink:0}.top-header_locofyGuieLogoA__9EIAP{text-decoration:none;width:320.68px;height:47px}.top-header_homeIcon__ybJvT{width:14px;height:13.03px}.top-header_locofyHomeDiv__XhN_J{position:relative;letter-spacing:-.03em;font-weight:500;display:inline-block}.top-header_locofyHomeLink__lmxnl{text-decoration:none;border-radius:25px;background-color:#fff;border:1px solid #5c8eff;box-sizing:border-box;position:relative;height:46px;display:flex;flex-direction:row;padding:14px 19px;align-items:center;justify-content:flex-start;gap:6px;color:inherit;margin:auto}.top-header_locofyHomeLink__lmxnl:hover{background-color:rgba(92,142,255,.1);transition:.3s}.top-header_fREEBetaDiv__Rkfrp,.top-header_signUpDiv__aJV5S{position:relative;letter-spacing:-.03em;font-weight:600;display:inline-block}.top-header_fREEBetaDiv__Rkfrp{background:hsla(0,0%,100%,.11);border-radius:4px;padding:3px 4px}.top-header_frameDiv__ge5dk,.top-header_tryforFreeA__N4_vH{display:flex;align-items:center;justify-content:center}.top-header_frameDiv__ge5dk{flex-direction:row;gap:5px;pointer-events:none;padding:0}.top-header_tryforFreeA__N4_vH{text-decoration:none;border-radius:24px;background-color:#457eff;width:182px;height:46px;flex-shrink:0;flex-direction:column;padding:11px 20px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff}.top-header_tryforFreeA__N4_vH:hover{background-color:#2265ff;cursor:pointer;transition:.25s}.top-header_headerLinksDiv__eBCJg,.top-header_topHeader__RAYWP{display:flex;flex-direction:row}.top-header_headerLinksDiv__eBCJg{align-items:flex-start;justify-content:flex-start;gap:6px;font-family:Inter,sans-serif}.top-header_headerCTA__l1cD3{display:flex;align-items:center;justify-content:center;height:36px;font-size:16px;font-style:normal;font-weight:600;line-height:normal;color:#457eff;gap:8px;border-radius:999px}.top-header_headerCTA__home___wtuF{border-radius:25px;width:36px;border:1px solid #5c8eff}.top-header_headerCTA__home___wtuF span{display:none}.top-header_headerCTA__home___wtuF img{width:18px}.top-header_headerCTA__getStarted__J8n8D{background-color:#fff;background:rgba(69,126,255,.1);display:none}.top-header_headerCTA__bookDemo__ypM0B{background:#21c1cb;color:#fff;filter:none;padding:0 8px;font-size:14px}.top-header_headerCTA__bookDemo__ypM0B img{width:18px}@media screen and (min-width:481px) and (max-width:767px){.top-header_headerCTA__l1cD3{height:46px}.top-header_headerCTA__home___wtuF{width:46px}.top-header_headerCTA__bookDemo__ypM0B{padding:0 12px}}@media screen and (min-width:768px){.top-header_headerLinksDiv__eBCJg{gap:16px}.top-header_headerCTA__l1cD3{width:unset;height:56px;border:none;padding:0 16px}.top-header_headerCTA__home___wtuF{padding:0}.top-header_headerCTA__bookDemo__ypM0B span,.top-header_headerCTA__getStarted__J8n8D,.top-header_headerCTA__home___wtuF span{display:flex;text-align:center}.top-header_headerCTA__home___wtuF img{display:none}.top-header_headerCTA__bookDemo__ypM0B{font-size:16px}}.top-header_topHeader__RAYWP{background-color:hsla(0,0%,100%,.9);width:100%;padding:26px 48px 26px 36px;box-sizing:border-box;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;text-align:right;font-size:16px;color:#457eff;font-family:Source Code Pro}@media screen and (max-width:1200px){.top-header_topHeader__RAYWP{padding-top:18px;padding-bottom:18px;box-sizing:border-box}}@media screen and (max-width:1080px){.top-header_locofyGuieLogoA__9EIAP{width:240px}}@media screen and (max-width:960px){.top-header_locofyHomeLink__lmxnl{padding:11px;box-sizing:border-box;height:auto;width:auto}.top-header_fREEBetaDiv__Rkfrp,.top-header_signUpDiv__aJV5S{font-size:14px}.top-header_tryforFreeA__N4_vH{padding:9px 10px;box-sizing:border-box;height:auto}.top-header_topHeader__RAYWP{padding:18px 48px 18px 40px;box-sizing:border-box}}@media screen and (max-width:768px){.top-header_homeIcon__ybJvT{transform:scale(1.4);margin-right:0}.top-header_locofyHomeDiv__XhN_J{display:none}.top-header_locofyGuieLogoA__9EIAP{width:246px}.top-header_tryforFreeA__N4_vH{padding:11px 20px;box-sizing:border-box;height:auto}.top-header_locofyHomeLink__lmxnl{padding:15px;box-sizing:border-box}.top-header_topHeader__RAYWP{padding:6px 36px;box-sizing:border-box}}@media screen and (max-width:680px){.top-header_topHeader__RAYWP{padding-left:36px;padding-right:36px;box-sizing:border-box}}@media screen and (max-width:555px){.top-header_topHeader__RAYWP{padding:5px 36px;box-sizing:border-box}.top-header_locofyGuieLogoA__9EIAP{width:210px}}@media screen and (max-width:520px){.top-header_topHeader__RAYWP{padding:5px 14px;box-sizing:border-box}.top-header_locofyGuieLogoA__9EIAP{width:210px}}@media screen and (max-width:490px){.top-header_topHeader__RAYWP{padding:5px 20px;box-sizing:border-box}}@media screen and (max-width:485px){.top-header_locofyGuieLogoA__9EIAP{width:190px}.top-header_fREEBetaDiv__Rkfrp,.top-header_signUpDiv__aJV5S{font-size:10px}.top-header_topHeader__RAYWP{padding:6px 10px}.top-header_homeIcon__ybJvT{transform:scale(1.75)}.top-header_tryforFreeA__N4_vH{padding:8px 10px;box-sizing:border-box;width:auto;margin:auto}}@media screen and (max-width:428px){.top-header_locofyGuieLogoA__9EIAP{width:155px;margin-left:5px}.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.4)}.top-header_locofyHomeDiv__XhN_J{display:none}.top-header_locofyHomeLink__lmxnl{display:flex;padding:11px;box-sizing:border-box}.top-header_tryforFreeA__N4_vH{padding:8px 10px;box-sizing:border-box;width:auto;margin-right:4px}}@media screen and (max-width:350px){.top-header_locofyGuieLogoA__9EIAP{width:150px;margin-left:4px;margin-right:0}.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.4)}.top-header_locofyHomeDiv__XhN_J{display:none}.top-header_locofyHomeLink__lmxnl{display:flex;padding:11px;box-sizing:border-box}.top-header_tryforFreeA__N4_vH{padding:8px 7px;box-sizing:border-box;margin:0}}@media screen and (max-width:340px){.top-header_locofyGuieLogoA__9EIAP{width:135px;margin-left:0;margin-right:0}.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.5);padding:0}.top-header_locofyHomeDiv__XhN_J{display:none}.top-header_locofyHomeLink__lmxnl{display:flex;padding:10px;box-sizing:border-box}.top-header_tryforFreeA__N4_vH{padding:8px 7px;box-sizing:border-box;margin:0}}@media screen and (max-width:330px){.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.3);padding:0}.top-header_topHeader__RAYWP{padding:6px 14px}.top-header_locofyHomeLink__lmxnl{display:flex;padding:11px;box-sizing:border-box}.top-header_headerLinksDiv__eBCJg{align-items:flex-start;justify-content:flex-start;gap:5px}}@media screen and (max-width:326px){.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.3);padding:0}.top-header_topHeader__RAYWP{padding:6px 5px}.top-header_locofyHomeLink__lmxnl{display:flex;padding:8px;box-sizing:border-box}}@media screen and (max-width:305px){.top-header_locofyGuieLogoA__9EIAP{width:125px;margin-left:0;margin-right:0}.top-header_homeIcon__ybJvT{margin-right:0;transform:scale(1.3);padding:0}.top-header_locofyHomeLink__lmxnl{display:flex;padding:8px;box-sizing:border-box}}.table-of-contents_introductionA__9avk_,.table-of-contents_tableOfContents__BruvC,.table-of-contents_viewCodeDigestDynamicDat__JTEkw{position:relative;letter-spacing:.01em;display:inline-block;transition:.3s}.table-of-contents_tableOfContents__BruvC{font-weight:600}.table-of-contents_introductionA__9avk_:hover,.table-of-contents_tableOfContents__BruvC:hover,.table-of-contents_viewCodeDigestDynamicDat__JTEkw:hover{color:#457eff}.table-of-contents_introductionA__9avk_,.table-of-contents_viewCodeDigestDynamicDat__JTEkw{text-decoration:none;line-height:24px;color:inherit;cursor:pointer;margin-bottom:6px}.table-of-contents_viewCodeDigestDynamicDat__JTEkw{align-self:stretch;line-height:25px}.table-of-contents_frameDiv1__lgmwj,.table-of-contents_frameDiv__ZemIO{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.table-of-contents_frameDiv1__lgmwj{align-self:stretch;gap:10px;font-size:16px;color:#5e6a86}.table-of-contents_frameDiv__ZemIO{border-radius:8px;background-color:#fff;width:235px;flex-shrink:0;padding:15px;box-sizing:border-box;gap:16px;position:-webkit-sticky;position:sticky;top:165px;text-align:left;font-size:18px;color:#1a202e}@media screen and (max-width:960px){.table-of-contents_frameDiv__ZemIO{display:none}}.title-and-subtitle_designToCOde__mNwH9,.title-and-subtitle_minReadDiv__ZgyLF{position:relative;display:inline-block}.title-and-subtitle_designToCOde__mNwH9{text-transform:uppercase}.title-and-subtitle_minReadDiv__ZgyLF{letter-spacing:-.04em}.title-and-subtitle_frameDiv3__PIA9M,.title-and-subtitle_frameDiv4__7HO8c{display:flex;flex-direction:row;justify-content:flex-start}.title-and-subtitle_frameDiv4__7HO8c{border-radius:6px;background-color:#ebeef2;padding:4px 8px;box-sizing:border-box;align-items:flex-start;font-size:14px;color:#495367}.title-and-subtitle_frameDiv3__PIA9M{align-self:stretch;align-items:center;gap:13px;color:#457eff}.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{font-weight:700}.title-and-subtitle_goFromFigmaToCodeInMinim__QFscH,.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{align-self:stretch;position:relative;font-size:46px;letter-spacing:.02em;line-height:53px;display:inline-block;font-family:Inter,sans-serif}.title-and-subtitle_goFromFigmaToCodeInMinim__QFscH{font-size:20px;letter-spacing:.01em;line-height:34px;font-family:Roboto}.title-and-subtitle_frameDiv2__8uhvz{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px}.title-and-subtitle_avatarIcon__gqJLr{position:relative;width:40px;height:40px;flex-shrink:0;border-radius:50%;object-fit:cover}.title-and-subtitle_annaRosDiv__YXM_y,.title-and-subtitle_postedJustNow__GSCXM{position:relative;display:inline-block;font-family:Roboto}.title-and-subtitle_annaRosDiv__YXM_y{letter-spacing:-.04em;font-weight:600}.title-and-subtitle_postedJustNow__GSCXM{font-size:14px;color:#96a2be}.title-and-subtitle_articleAuthorDiv__DzEbt,.title-and-subtitle_authorTextDiv__v5d_6{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.title-and-subtitle_articleAuthorDiv__DzEbt{border-radius:8px;flex-direction:row;align-items:center;gap:10px}.title-and-subtitle_frameDiv1__ALrL4,.title-and-subtitle_frameDiv5__Wf6U3,.title-and-subtitle_frameDiv__jaD8L{align-self:stretch;display:flex;align-items:flex-start;justify-content:flex-start}.title-and-subtitle_frameDiv5__Wf6U3{flex-direction:row;font-size:17px;color:#495367}.title-and-subtitle_frameDiv1__ALrL4,.title-and-subtitle_frameDiv__jaD8L{flex-direction:column}.title-and-subtitle_frameDiv1__ALrL4{gap:24px}.title-and-subtitle_frameDiv__jaD8L{padding:0 40px;box-sizing:border-box;text-align:left;font-size:18px;color:#1a202e;font-family:Source Code Pro}@media screen and (max-width:428px){.title-and-subtitle_frameDiv3__PIA9M{flex-direction:column;align-items:flex-start;gap:10px}.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{font-size:36px;line-height:46px}.title-and-subtitle_frameDiv__jaD8L{width:100%}}@media screen and (max-width:960px){.title-and-subtitle_frameDiv__jaD8L{padding-left:0;padding-right:0;box-sizing:border-box}}@media screen and (max-width:680px){.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{font-size:48px;line-height:46px}}@media screen and (max-width:540px){.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{font-size:36px}}@media screen and (max-width:425px){.title-and-subtitle_locofyaiTurnFigmaToCode__e7KLa{font-size:36px}}.uid_iconBack__2Ym5_{position:relative;width:20px;height:20px;flex-shrink:0}.uid_blogsA__ztz2P{text-decoration:none;position:relative;font-size:16px;letter-spacing:.01em;line-height:28px;color:#5e6a86;text-align:left;display:inline-block}.uid_frameButton__UdmLS{cursor:pointer;border:0;padding:0;background-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;position:-webkit-sticky;position:sticky;top:120px;font-size:20px}.uid_image33Icon__F1Otx{align-self:stretch;position:relative;border-radius:10px;max-width:100%;height:476.57px;flex-shrink:0;object-fit:cover;width:100%}.uid_frameDiv2__Zkaz3{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.uid_introductionB__zOJ_A,.uid_lineDiv__srYwb{align-self:stretch;position:relative}.uid_lineDiv__srYwb{border-top:.7px solid #dee3eb;box-sizing:border-box;height:.7px;flex-shrink:0}.uid_introductionB__zOJ_A{letter-spacing:.01em;display:inline-block}.uid_figmaHasBecome__NBRlD{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.uid_validatingAnIdea__v6RMk{margin:0}.uid_figmaHasBecomeAHouseholdN__KgyMH{align-self:stretch;position:relative;font-size:16px;letter-spacing:.01em;line-height:28px;display:inline-block}.uid_rectangleDiv__p81rz{align-self:stretch;border-radius:10.82px;background-color:#f3f7fd;height:290.09px;flex-shrink:0}.uid_frameDiv5__Keyzj,.uid_rectangleDiv__p81rz{position:relative}.uid_frameDiv5__Keyzj,.uid_frameDiv6__Li4Bt{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.uid_anchorDirectDeployExport__b_I2a{position:absolute;left:0;top:-110px}.uid_figmaIsAnExceptionallyPowe__KkJrm{align-self:stretch;position:relative;font-size:16px;letter-spacing:.01em;line-height:28px;white-space:pre-wrap;display:inline-block}.uid_frameDiv4__SJfjt{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:40px}.uid_ellipseIcon__slSOA,.uid_vectorIcon__YXiqO{position:absolute;top:0;left:0;width:40px;height:40px}.uid_vectorIcon__YXiqO{height:41.16%;width:41.16%;top:27.53%;right:28.84%;bottom:31.32%;left:30%;max-width:100%;max-height:100%}.uid_groupButton__sqprl{cursor:pointer;border:0;padding:0;background-color:transparent;position:relative;width:40px;height:40px;flex-shrink:0}.uid_groupIcon____dJo,.uid_vectorIcon1__Pq3Qk,.uid_vectorIcon2__bhQXd{position:absolute;height:34.28%;width:42.17%;top:33.82%;right:28.92%;bottom:31.91%;left:28.92%;max-width:100%;max-height:100%}.uid_groupIcon____dJo,.uid_vectorIcon2__bhQXd{height:38.75%;width:23.67%;top:28.55%;right:36.08%;bottom:32.7%;left:40.25%}.uid_groupIcon____dJo{height:39.79%;width:39.72%;top:32.14%;right:30.12%;bottom:28.08%;left:30.16%}.uid_frameDiv12__1OSjL{margin:0!important;position:-webkit-sticky;position:sticky;top:120px;right:0;flex-direction:column;align-items:flex-start;gap:17px}.uid_frameDiv12__1OSjL,.uid_frameDiv1__LcHvn,.uid_frameDiv3__DnRrL{display:flex;justify-content:flex-start}.uid_frameDiv3__DnRrL{align-self:stretch;flex-direction:row;box-sizing:border-box;align-items:flex-start;gap:10px}.uid_frameDiv1__LcHvn{flex:1 1;flex-direction:column;align-items:center;gap:32px;width:100%}.uid_blogArticleBodyDiv__Q_UYb,.uid_frameDiv13__3FpxJ,.uid_frameDiv__Z_6Mq{display:flex;align-items:flex-start;justify-content:flex-start}.uid_frameDiv__Z_6Mq{align-self:stretch;flex-direction:row;gap:36px}.uid_blogArticleBodyDiv__Q_UYb,.uid_frameDiv13__3FpxJ{width:100%;flex-direction:column;gap:23px;max-width:1113px}.uid_frameDiv13__3FpxJ{gap:28px}.uid_locofyPteLtdAllRightsRes__wvE_I{align-self:stretch;position:relative;font-size:16px;letter-spacing:.01em;line-height:24px;color:#96a2be;text-align:center;display:inline-block;margin-bottom:80px}.uid_madeWithLocofyImageIcon__TJb5M{position:fixed;width:160px;height:32px;flex-shrink:0;object-fit:cover;bottom:24px;right:24px}.uid_blogArticleDiv__A_f7J{position:relative;background:linear-gradient(180deg,#f1f3f6,rgba(244,247,252,0)),#fff;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:45px;text-align:left;font-size:24px;color:#1a202e;font-family:Roboto}#uid_divLine__gR8CI{border-width:1px;width:80%}@media screen and (max-width:1200px){.uid_blogArticleBodyDiv__Q_UYb,.uid_frameDiv13__3FpxJ{padding-left:24px;padding-right:24px;box-sizing:border-box}}@media screen and (max-width:678px){.uid_image33Icon__F1Otx{width:100%;height:auto}.uid_frameDiv2__Zkaz3{width:100%}.uid_frameDiv4__SJfjt{width:100%;flex:unset;align-self:stretch}.uid_frameDiv12__1OSjL{flex-direction:row;position:relative;top:auto}.uid_frameDiv3__DnRrL{flex-direction:column;width:100%}.uid_locofyPteLtdAllRightsRes__wvE_I{margin-bottom:80px}}@media screen and (max-width:960px){.uid_frameButton__UdmLS{position:relative;top:auto}.uid_image33Icon__F1Otx{width:100%;height:auto}.uid_frameDiv3__DnRrL{padding-left:0;padding-right:10px;box-sizing:border-box}}@media screen and (max-width:680px){.uid_locofyPteLtdAllRightsRes__wvE_I{margin-bottom:70px}}