*{line-height:1}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{font-weight:300}a{color:inherit;text-decoration:inherit}.left{text-align:left}.right{text-align:right}.center{margin-left:auto;margin-right:auto;text-align:center}.justify{text-align:justify}.container{margin-left:auto!important;margin-right:auto!important;max-width:1140px;padding-left:15px;padding-right:15px;width:100%!important}@media (min-width:576px) and (max-width:768px){.container{max-width:540px}}@media (min-width:768px) and (max-width:992px){.container{max-width:720px}}@media (min-width:992px) and (max-width:1200px){.container{max-width:960px}}body,html{height:100%;left:0;line-height:1;margin:0;padding:0;top:0;width:100%}body{font-family:Nunito Sans;font-size:0}html{font-size:100%}input,select,textarea{border:0;font-size:16px;min-height:20px}.headerFive,.headerFour,.headerOne,.headerSix,.headerThree,.headerTwo,.paragraph{font-size:inherit;font-weight:inherit;line-height:inherit;margin:.1rem 0;width:100%}.lg-text-center-vertical{display:flex;flex-direction:column;height:inherit;justify-content:center}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{align-items:inherit;-moz-column-gap:inherit;column-gap:inherit;display:inherit;flex-direction:inherit;flex-wrap:inherit;height:inherit;justify-content:inherit;row-gap:inherit;text-decoration:none;width:auto}a,a:active,a:focus,a:hover,a:link,a:visited{color:inherit;cursor:pointer;text-decoration:none}img{border-radius:inherit;height:100%;-o-object-fit:inherit;object-fit:inherit;width:100%}span{display:block}.headerFive span,.headerFour span,.headerOne span,.headerSix span,.headerThree span,.headerTwo span,.paragraph span,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,p span{display:inline}.headerFive a,.headerFour a,.headerOne a,.headerSix a,.headerThree a,.headerTwo a,.paragraph a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{color:inherit;display:inline}.headerFive strong,.headerFour strong,.headerOne strong,.headerSix strong,.headerThree strong,.headerTwo strong,.paragraph strong,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,p strong{font-weight:700}.cd-slider-v1--slidesWrapper{display:block!important;height:100%!important;position:relative!important;white-space:nowrap!important}.cd-slider-v1--slidesWrapper>*{white-space:normal}.cd-slider-v1--slide{display:inline-flex!important;vertical-align:top!important}.cd-slider-v1--slide.cd-empty-div,.cd-slider-v1--slidesWrapper.cd-empty-div{padding:0 0 100px!important}.cd-slider-v1--arrowBar{z-index:900}.cd-slider-v1--arrowBar>*{cursor:pointer}.cd-slider-v1--slideTransitionLinear .cd-slider-v1--slide{transition:transform .7s linear 0s!important}.cd-slider-v1--slideTransitionEaseIn .cd-slider-v1--slide{transition:transform .7s ease-in 0s!important}.cd-slider-v1--slideTransitionEaseOut .cd-slider-v1--slide{transition:transform .7s ease-out 0s!important}.cd-slider-v1--slideTransitionEaseInOut .cd-slider-v1--slide,.cd-slider-v1--slideTransitionEaseOutIn .cd-slider-v1--slide{transition:transform .7s ease-in-out 0s!important}.cd-slider-v1--slideTransitionQuadEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.25,.46,.45,.94) 0s!important}.cd-slider-v1--slideTransitionCubicEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.32,.64,.45,.93) 0s!important}.cd-slider-v1--slideTransitionQuartEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.5,.9,.5,.9) 0s!important}.cd-slider-v1--slideTransitionQuintEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.23,1,.32,1) 0s!important}.cd-slider-v1--slideTransitionSineEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.39,.575,.565,1) 0s!important}.cd-slider-v1--slideTransitionExpoEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.7,0,.84,0) 0s!important}.cd-slider-v1--slideTransitionBounceEasing .cd-slider-v1--slide,.cd-slider-v1--slideTransitionElasticEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.68,-.55,.27,1.55) 0s!important}.cd-slider-v1--slideTransitionBackEasing .cd-slider-v1--slide{transition:transform .7s cubic-bezier(.175,.885,.32,1.275) 0s!important}.codedesign-tutorial-e-417:hover{color:#fff}.codedesign-tutorial-e-422:hover{background-attachment:scroll;background-clip:border-box;background-color:var(--vId-aa3cbb53-f90f-4798-a155-f7b0339c9435);background-image:linear-gradient(270deg,hsla(0,0%,9%,.05) 0,rgba(0,0,0,.08) 75.5%,rgba(22,22,22,.04)100%);background-origin:padding-box;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.codedesign-tutorial-e-436:hover{background-attachment:scroll,scroll;background-clip:border-box,border-box;background-color:#00000019;background-image:linear-gradient(270deg,hsla(0,0%,9%,.2) 0,rgba(0,0,0,.2) 100%),linear-gradient(325deg,#5c33ff 0,#b599ff 100%);background-origin:padding-box,padding-box;background-position:50% 50%,50% 50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}.codedesign-tutorial-e-101:hover,.codedesign-tutorial-e-108:hover,.codedesign-tutorial-e-115:hover,.codedesign-tutorial-e-122:hover,.codedesign-tutorial-e-129:hover,.codedesign-tutorial-e-136:hover,.codedesign-tutorial-e-13:hover,.codedesign-tutorial-e-143:hover,.codedesign-tutorial-e-150:hover,.codedesign-tutorial-e-157:hover,.codedesign-tutorial-e-164:hover,.codedesign-tutorial-e-171:hover,.codedesign-tutorial-e-178:hover,.codedesign-tutorial-e-21:hover,.codedesign-tutorial-e-28:hover,.codedesign-tutorial-e-35:hover,.codedesign-tutorial-e-42:hover,.codedesign-tutorial-e-49:hover,.codedesign-tutorial-e-56:hover,.codedesign-tutorial-e-63:hover,.codedesign-tutorial-e-73:hover,.codedesign-tutorial-e-80:hover,.codedesign-tutorial-e-87:hover,.codedesign-tutorial-e-94:hover{box-shadow:0 0 4px 0 #0000000f;transform:rotate(0deg) scale(1.03) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-356:hover{background-attachment:scroll;background-clip:border-box;background-color:#fbfbfb;background-image:linear-gradient(270deg,hsla(0,0%,9%,.1) 0,hsla(0,0%,9%,.02) 94.5%,rgba(0,0,0,.1)100%);background-origin:padding-box;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.codedesign-tutorial-e-286:hover,.codedesign-tutorial-e-287:hover,.codedesign-tutorial-e-288:hover,.codedesign-tutorial-e-289:hover,.codedesign-tutorial-e-290:hover,.codedesign-tutorial-e-291:hover,.codedesign-tutorial-e-292:hover,.codedesign-tutorial-e-293:hover,.codedesign-tutorial-e-294:hover,.codedesign-tutorial-e-297:hover,.codedesign-tutorial-e-298:hover,.codedesign-tutorial-e-299:hover,.codedesign-tutorial-e-300:hover,.codedesign-tutorial-e-301:hover,.codedesign-tutorial-e-302:hover,.codedesign-tutorial-e-305:hover,.codedesign-tutorial-e-306:hover,.codedesign-tutorial-e-307:hover,.codedesign-tutorial-e-308:hover,.codedesign-tutorial-e-309:hover,.codedesign-tutorial-e-310:hover,.codedesign-tutorial-e-313:hover,.codedesign-tutorial-e-316:hover,.codedesign-tutorial-e-317:hover,.codedesign-tutorial-e-318:hover,.codedesign-tutorial-e-319:hover,.codedesign-tutorial-e-320:hover,.codedesign-tutorial-e-321:hover,.codedesign-tutorial-e-322:hover,.codedesign-tutorial-e-323:hover,.codedesign-tutorial-e-324:hover,.codedesign-tutorial-e-325:hover,.codedesign-tutorial-e-328:hover,.codedesign-tutorial-e-329:hover,.codedesign-tutorial-e-330:hover,.codedesign-tutorial-e-331:hover,.codedesign-tutorial-e-332:hover,.codedesign-tutorial-e-339:hover,.codedesign-tutorial-e-343:hover,.codedesign-tutorial-e-344:hover,.codedesign-tutorial-e-345:hover,.codedesign-tutorial-e-346:hover,.codedesign-tutorial-e-347:hover,.codedesign-tutorial-e-348:hover,.codedesign-tutorial-e-349:hover,.codedesign-tutorial-e-350:hover,.codedesign-tutorial-e-351:hover,.codedesign-tutorial-e-352:hover,.codedesign-tutorial-e-381:hover,.codedesign-tutorial-e-384:hover,.codedesign-tutorial-e-385:hover,.codedesign-tutorial-e-386:hover,.codedesign-tutorial-e-387:hover,.codedesign-tutorial-e-388:hover,.codedesign-tutorial-e-389:hover,.codedesign-tutorial-e-390:hover,.codedesign-tutorial-e-391:hover,.codedesign-tutorial-e-392:hover,.codedesign-tutorial-e-393:hover,.codedesign-tutorial-e-395:hover,.codedesign-tutorial-e-396:hover,.codedesign-tutorial-e-397:hover,.codedesign-tutorial-e-398:hover,.codedesign-tutorial-e-399:hover,.codedesign-tutorial-e-400:hover,.codedesign-tutorial-e-401:hover,.codedesign-tutorial-e-402:hover,.codedesign-tutorial-e-403:hover,.codedesign-tutorial-e-404:hover,.codedesign-tutorial-e-405:hover,.codedesign-tutorial-e-406:hover,.codedesign-tutorial-e-407:hover{border-color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad) var(--vId-436bc501-0397-4848-a16d-a981df85c1ad) var(--vId-436bc501-0397-4848-a16d-a981df85c1ad) var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);border-radius:0 0 0 0;border-style:solid;border-width:0 0 1.5px;color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-1{background-color:var(--vId-bdd1de0e-344a-418f-a4c5-4fb66a7faf93);display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-right:NaNpx;padding:0;position:relative;row-gap:72px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-408{align-items:center;display:flex;flex-direction:row;height:80px;margin-right:px;padding:10px;position:relative;width:100%;z-index:10}.codedesign-tutorial-e-409{flex-direction:column;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;max-width:1300px;z-index:1}.codedesign-tutorial-e-409,.codedesign-tutorial-e-410{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.codedesign-tutorial-e-410{flex-direction:row;height:auto;margin-right:px}.codedesign-tutorial-e-411{align-items:center;border:0 solid #00000019;border-radius:10px 10px 10px 10px;display:flex;flex-direction:row;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-right:px;padding:0;position:sticky;width:100%}.codedesign-tutorial-e-412{height:-moz-fit-content;height:fit-content;-o-object-fit:contain;object-fit:contain;position:relative;width:171px}.codedesign-tutorial-e-413{align-items:stretch;display:flex;flex-direction:row;height:auto;margin-right:px}.codedesign-tutorial-e-413,.codedesign-tutorial-e-416{position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-416{border:0 transparent;border-right:0 solid #ffffff7f;color:#fafafae5;display:none;font-family:Kumbh Sans;font-size:16px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 18px;z-index:1}.codedesign-tutorial-e-415{color:#fafafab2;display:none;height:-moz-fit-content;height:fit-content;padding:0 18px}.codedesign-tutorial-e-415,.codedesign-tutorial-e-417{font-size:14px;line-height:24px;min-height:10px;min-width:16px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-417{align-items:center;border:0 transparent;border-right:0 solid #ffffff7f;color:#ffffffb2;display:flex;font-family:Inter;font-weight:400;height:auto;opacity:100%;padding:0 22px}.codedesign-tutorial-e-420{display:none}.codedesign-tutorial-e-419,.codedesign-tutorial-e-420{align-items:center;border:0 transparent;border-right:0 solid #ffffff7f;color:#111;font-family:Kumbh Sans;font-size:16px;font-weight:400;height:auto;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 22px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-419{display:flex}.codedesign-tutorial-e-421{color:#111}.codedesign-tutorial-e-418,.codedesign-tutorial-e-421{align-items:center;border:0 transparent;border-right:0 solid #ffffff7f;display:flex;font-family:Kumbh Sans;font-size:16px;font-weight:400;height:auto;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 22px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-418{color:#fafafae5}.codedesign-tutorial-e-414,.codedesign-tutorial-e-434{border:0 transparent;border-right:0 solid #ffffff7f;color:#fafafae5;font-family:Kumbh Sans;font-size:16px;font-weight:400;height:auto;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 22px;z-index:1}.codedesign-tutorial-e-414,.codedesign-tutorial-e-422,.codedesign-tutorial-e-434{align-items:center;display:flex;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-422{background-color:#fbfbfb;border:0 solid;border-color:#333 #333 #1a1a1a19;border-radius:100px 100px 100px 100px;box-shadow:inset 0 -2px 0 0 rgba(26,26,26,.2),inset 0 0 0 1px rgba(0,0,0,.1);-moz-column-gap:4px;column-gap:4px;height:-moz-fit-content;height:fit-content;min-height:20px;min-width:20px;padding:12px 32px;row-gap:4px}.codedesign-tutorial-e-423{height:-moz-fit-content;height:fit-content}.codedesign-tutorial-e-423,.codedesign-tutorial-e-424{position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-424{color:var(--vId-bdd1de0e-344a-418f-a4c5-4fb66a7faf93);display:block;font-family:Inter;font-size:16px;font-weight:600;height:auto;line-height:26px;min-height:10px;min-width:16px;z-index:1}.codedesign-tutorial-e-425{background-attachment:scroll;background-clip:border-box;background-color:#ffffff00;background-image:url(https://res.cloudinary.com/dbyioi2qq/q_auto/v1684760387/static/menu-iconsvg_1684760386_70302.svg);background-origin:padding-box;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border:0 solid #000;display:none;flex-direction:column;height:50px;padding:10px;position:relative;width:50px}.codedesign-tutorial-e-426{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#eeeeeee5;bottom:auto;-moz-column-gap:0;column-gap:0;display:none;flex-direction:column;height:-moz-fit-content;height:fit-content;left:0;min-height:100vh;padding:0;position:fixed;right:NaNpx;row-gap:0;top:0;width:100%;z-index:1500}.codedesign-tutorial-e-431{display:flex;flex-direction:row;height:-moz-fit-content;height:fit-content;justify-content:flex-end;min-height:auto;padding:16px 16px 0;position:relative;width:100%}.codedesign-tutorial-e-432{background-attachment:scroll;background-clip:border-box;background-color:#00000007;background-image:url(https://res.cloudinary.com/dbyioi2qq/q_auto/v1684997387/static/close-hum-bsvg_1684997387_54040.svg);background-origin:padding-box;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border:0 solid #000;border-radius:1000px 1000px 1000px 1000px;display:flex;flex-direction:column;height:50px;padding:10px;position:relative;width:50px}.codedesign-tutorial-e-427,.codedesign-tutorial-e-428,.codedesign-tutorial-e-429,.codedesign-tutorial-e-430,.codedesign-tutorial-e-433{padding:14px}.codedesign-tutorial-e-427,.codedesign-tutorial-e-428,.codedesign-tutorial-e-429,.codedesign-tutorial-e-430,.codedesign-tutorial-e-433,.codedesign-tutorial-e-435{border:0 transparent;border-right:0 solid #ffffff7f;color:#111;display:block;font-family:Inter;font-size:16px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:50px;min-width:16px;opacity:100%;position:relative;text-align:center;width:100%;z-index:1}.codedesign-tutorial-e-435{padding:14px 14px 32px}.codedesign-tutorial-e-436{align-items:center;background-color:#efefef;background:var(--Linear,linear-gradient(325deg,#5c33ff 19.35%,#b599ff 138.84%));border:0 solid;border-color:#333 #333 #1a1a1a19;border-radius:1000px 1000px 1000px 1000px;box-shadow:inset 0 -2px 0 0 rgba(26,26,26,.2),inset 0 0 0 1px rgba(0,0,0,.1);-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:center;min-height:20px;min-width:20px;padding:12px 32px;row-gap:8px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-436,.codedesign-tutorial-e-438{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-438{max-height:600px;max-width:600px;-o-object-fit:cover;object-fit:cover;width:16px}.codedesign-tutorial-e-437{color:#fff;display:block;font-family:Kumbh Sans;font-size:16px;font-weight:500;height:auto;line-height:24px;min-height:10px;min-width:16px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-3{margin-right:NaNpx;padding:0 10px 80px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-2,.codedesign-tutorial-e-3{display:flex;flex-direction:column;height:auto;position:relative;width:100%}.codedesign-tutorial-e-2{align-items:center;margin-left:auto;margin-right:auto;max-width:1280px;padding:0;row-gap:48px}.codedesign-tutorial-e-5{align-items:center;display:flex;flex-direction:column;height:auto;margin-right:NaNpx;max-width:906px;padding:0;position:relative;row-gap:16px;width:100%}.codedesign-tutorial-e-4{font-size:84px;font-weight:700;letter-spacing:-3px;line-height:89px}.codedesign-tutorial-e-4,.codedesign-tutorial-e-6{color:var(--vId-aa3cbb53-f90f-4798-a155-f7b0339c9435);display:block;font-family:Inter;height:-moz-fit-content;height:fit-content;min-height:10px;min-width:16px;opacity:100%;padding:0;position:relative;text-align:center;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-6{font-size:22px;font-weight:400;line-height:38px;max-width:688px}.codedesign-tutorial-e-7{height:auto;margin-right:px;padding:80px 10px;row-gap:40px}.codedesign-tutorial-e-7,.codedesign-tutorial-e-8{display:flex;flex-direction:column;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-8{align-items:center;-moz-column-gap:32px;column-gap:32px;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;max-width:1280px;padding:10px 0}.codedesign-tutorial-e-9{display:flex;flex-direction:column;height:auto;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-10{color:#000;font-size:34px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:44px;min-height:10px;min-width:16px;opacity:100%;padding:10px 0;z-index:1}.codedesign-tutorial-e-10,.codedesign-tutorial-e-11{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-11{color:#5f6980;font-size:18px;font-weight:400;height:auto;line-height:28px;padding:0 0 40px}.codedesign-tutorial-e-12{-moz-column-gap:32px;column-gap:32px;flex-direction:row;flex-wrap:wrap;margin-left:px;margin-right:px;margin-top:px;row-gap:32px;width:100%}.codedesign-tutorial-e-12,.codedesign-tutorial-e-13{display:flex;height:auto;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-13{border:1px solid #ddd;border-radius:24px 24px 24px 24px;flex-direction:column;overflow:hidden;width:296px}.codedesign-tutorial-e-14{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-15{display:flex;flex-direction:column;padding:16px}.codedesign-tutorial-e-15,.codedesign-tutorial-e-16{height:auto;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-16{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-16,.codedesign-tutorial-e-17{display:block;font-family:Inter;margin-top:px;min-height:10px;min-width:16px;opacity:100%;z-index:1}.codedesign-tutorial-e-17{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-17,.codedesign-tutorial-e-20{height:auto;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-20{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;justify-content:start;padding:0}.codedesign-tutorial-e-19{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-18,.codedesign-tutorial-e-19{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-18{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-18,.codedesign-tutorial-e-49{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-49{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-50{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-51{display:flex;flex-direction:column;height:100%;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-52{color:#000;font-size:18px;font-weight:600;line-height:28px;margin-top:px;padding:0 0 8px}.codedesign-tutorial-e-52,.codedesign-tutorial-e-53{display:block;font-family:Inter;height:auto;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-53{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;margin-top:NaNpx;padding:0 0 24px}.codedesign-tutorial-e-54{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-55{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-237,.codedesign-tutorial-e-55{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-237{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-237,.codedesign-tutorial-e-42{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-42{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-43{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-44{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-45{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-45,.codedesign-tutorial-e-46{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-46{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-47{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-48{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-238,.codedesign-tutorial-e-48{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-238{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-238,.codedesign-tutorial-e-35{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-35{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-36{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-37{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-38{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-38,.codedesign-tutorial-e-39{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-39{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-40{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-41{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-239,.codedesign-tutorial-e-41{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-239{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-239,.codedesign-tutorial-e-28{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-28{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-29{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-30{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-31{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-31,.codedesign-tutorial-e-32{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-32{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-33{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-34{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-240,.codedesign-tutorial-e-34{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-240{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-21,.codedesign-tutorial-e-240{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-21{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-22{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-23{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-24{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-24,.codedesign-tutorial-e-25{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-25{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-26{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-27{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-241,.codedesign-tutorial-e-27{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-241{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-241,.codedesign-tutorial-e-63{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-63{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-64{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-65{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;width:100%}.codedesign-tutorial-e-66{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-66,.codedesign-tutorial-e-67{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-67{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-68{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-69{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-242,.codedesign-tutorial-e-69{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-242{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-242,.codedesign-tutorial-e-56{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-56{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-57{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-58{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-59{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-59,.codedesign-tutorial-e-60{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-60{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-61{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-62{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-243,.codedesign-tutorial-e-62{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-243{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;height:auto;line-height:26px;min-width:16px;opacity:100%;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-70{align-items:center;-moz-column-gap:32px;column-gap:32px;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;max-width:1280px;padding:10px 0}.codedesign-tutorial-e-70,.codedesign-tutorial-e-71{display:flex;flex-direction:column;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-71{height:auto;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0}.codedesign-tutorial-e-185{color:#5f6980;display:block;font-family:Inter;font-size:18px;font-weight:400;line-height:28px;padding:0 0 40px;text-align:left;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-185,.codedesign-tutorial-e-72{height:auto;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-72{-moz-column-gap:32px;column-gap:32px;display:flex;flex-direction:row;flex-wrap:wrap;margin-left:px;margin-right:px;margin-top:px;padding:0;row-gap:32px;width:100%}.codedesign-tutorial-e-73{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;height:auto;overflow:hidden;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:296px}.codedesign-tutorial-e-74{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-75{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-76{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-76,.codedesign-tutorial-e-77{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-77{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-78{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-79{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-244,.codedesign-tutorial-e-79{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-244{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-244,.codedesign-tutorial-e-94{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-94{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-95{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-96{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-97{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-97,.codedesign-tutorial-e-98{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-98{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-99{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-100{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-100,.codedesign-tutorial-e-245{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-245{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-245,.codedesign-tutorial-e-87{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-87{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-88{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-89{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-90{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-90,.codedesign-tutorial-e-91{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-91{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-92{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-93{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-246,.codedesign-tutorial-e-93{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-246{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-246,.codedesign-tutorial-e-80{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-80{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-81{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-82{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-83{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-83,.codedesign-tutorial-e-84{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-84{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-85{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-86{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-247,.codedesign-tutorial-e-86{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-247{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-108,.codedesign-tutorial-e-247{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-108{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-109{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-110{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-111{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-111,.codedesign-tutorial-e-112{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-112{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-113{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-114{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-114,.codedesign-tutorial-e-248{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-248{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-101,.codedesign-tutorial-e-248{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-101{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-102{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-103{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-104{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-104,.codedesign-tutorial-e-105{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-105{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-106{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-107{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-107,.codedesign-tutorial-e-249{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-249{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-164,.codedesign-tutorial-e-249{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-164{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-165{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-166{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-167{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-167,.codedesign-tutorial-e-168{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-168{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-169{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-170{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-170,.codedesign-tutorial-e-250{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-250{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-157,.codedesign-tutorial-e-250{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-157{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-158{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-159{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-160{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-160,.codedesign-tutorial-e-161{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-161{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-162{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-163{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-163,.codedesign-tutorial-e-251{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-251{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-150,.codedesign-tutorial-e-251{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-150{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-151{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-152{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-153{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-153,.codedesign-tutorial-e-154{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-154{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-155{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-156{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-156,.codedesign-tutorial-e-252{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-252{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-143,.codedesign-tutorial-e-252{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-143{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-144{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-145{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-146{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-146,.codedesign-tutorial-e-147{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-147{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-148{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-149{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-149,.codedesign-tutorial-e-253{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-253{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-136,.codedesign-tutorial-e-253{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-136{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-137{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-138{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-139{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-139,.codedesign-tutorial-e-140{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-140{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-141{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-142{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-142,.codedesign-tutorial-e-254{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-254{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-129,.codedesign-tutorial-e-254{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-129{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-130{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-131{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-132{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-132,.codedesign-tutorial-e-133{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-133{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-134{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-135{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-135,.codedesign-tutorial-e-255{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-255{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-122,.codedesign-tutorial-e-255{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-122{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-123{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-124{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-125{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-125,.codedesign-tutorial-e-126{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-126{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-127{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-128{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-128,.codedesign-tutorial-e-256{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-256{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-115,.codedesign-tutorial-e-256{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-115{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-116{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-117{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-118{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-118,.codedesign-tutorial-e-119{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-119{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-120{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-121{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-121,.codedesign-tutorial-e-257{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-257{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-178,.codedesign-tutorial-e-257{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-178{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-179{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-180{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-181{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-181,.codedesign-tutorial-e-182{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-182{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-183{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-184{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-184,.codedesign-tutorial-e-258{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-258{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;line-height:26px;min-width:16px;opacity:100%;width:100%;z-index:1}.codedesign-tutorial-e-171,.codedesign-tutorial-e-258{height:auto;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-171{border:1px solid #ddd;border-radius:24px 24px 24px 24px;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;width:296px}.codedesign-tutorial-e-172{height:162px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.codedesign-tutorial-e-173{display:flex;flex-direction:column;height:auto;padding:16px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-174{color:#000;font-size:18px;font-weight:600;line-height:28px;padding:0 0 8px}.codedesign-tutorial-e-174,.codedesign-tutorial-e-175{display:block;font-family:Inter;height:auto;margin-top:px;min-height:10px;min-width:16px;opacity:100%;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-175{color:#5f6980;font-size:14px;font-weight:400;line-height:22px;padding:0 0 24px}.codedesign-tutorial-e-176{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-177{color:#333;font-size:12px;height:-moz-fit-content;height:fit-content;line-height:22px;min-width:10px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-177,.codedesign-tutorial-e-259{display:block;min-height:10px;padding:0;position:relative}.codedesign-tutorial-e-259{color:var(--vId-436bc501-0397-4848-a16d-a981df85c1ad);font-family:Inter;font-size:16px;font-weight:500;height:auto;line-height:26px;min-width:16px;opacity:100%;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%;z-index:1}.codedesign-tutorial-e-260{background-color:var(--vId-aa3cbb53-f90f-4798-a155-f7b0339c9435);height:auto;margin-right:NaNpx;padding:0}.codedesign-tutorial-e-260,.codedesign-tutorial-e-353{display:flex;flex-direction:column;position:relative;width:100%}.codedesign-tutorial-e-353{align-items:center;background-attachment:scroll,scroll;background-clip:border-box,border-box;background-color:#2563eb;background-image:url(https://assets-v2.codedesign.ai/storage/v1/object/public/67f23a09dc3eea81aa7c81b4_e6be866e/asset-47903de3),linear-gradient(330deg,#5c33ff 46.800000000000004%,#b599ff 100%);background-origin:padding-box,padding-box;background-position:50% 50%,50% 50%;background-repeat:no-repeat,no-repeat;background-size:contain,cover;border:0 transparent;border-radius:0 0 0 0;height:-moz-fit-content;height:fit-content;justify-content:start;max-width:none;min-height:100%;min-width:20px;padding:100px 60px 98px}.codedesign-tutorial-e-360{-moz-column-gap:40px;column-gap:40px;flex-wrap:wrap;height:auto;padding:10px;row-gap:40px}.codedesign-tutorial-e-360,.codedesign-tutorial-e-361{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-361{-moz-column-gap:12px;column-gap:12px;height:-moz-fit-content;height:fit-content;padding:0;row-gap:20px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-362{height:auto;margin-top:px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:40px}.codedesign-tutorial-e-364{align-items:center;flex-direction:column;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-364,.codedesign-tutorial-e-366{display:flex;height:auto;justify-content:start;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-366{align-items:start;-moz-column-gap:6px;column-gap:6px;flex-direction:row;margin-left:px;margin-right:px;margin-top:px;row-gap:20px;width:100%}.codedesign-tutorial-e-367{color:#fff;display:block;font-family:Open Sans;font-size:16px;font-weight:700;height:-moz-fit-content;height:fit-content;letter-spacing:-1px;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-368{color:#ffffff7f;font-size:14px;line-height:24px}.codedesign-tutorial-e-365,.codedesign-tutorial-e-368{display:block;font-family:Open Sans;font-weight:500;height:-moz-fit-content;height:fit-content;min-height:10px;min-width:16px;opacity:100%;padding:0;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-365{color:#ffffffb2;font-size:10px;line-height:12px;margin-top:px;text-align:center}.codedesign-tutorial-e-363{height:auto;margin-top:px;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;position:relative;width:40px}.codedesign-tutorial-e-369{-moz-column-gap:40px;column-gap:40px;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px;row-gap:40px}.codedesign-tutorial-e-369,.codedesign-tutorial-e-370{align-items:center;display:flex;height:auto;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-370{flex-direction:column}.codedesign-tutorial-e-370,.codedesign-tutorial-e-372{justify-content:start;padding:0;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-372{align-items:start;-moz-column-gap:12px;column-gap:12px;display:flex;flex-direction:row;height:auto;margin-left:px;margin-right:px;margin-top:px;position:relative;width:100%}.codedesign-tutorial-e-373{color:#fff;display:block;font-family:Open Sans;font-size:18px;font-weight:600;height:-moz-fit-content;height:fit-content;line-height:28px;min-height:10px;min-width:16px;opacity:100%;padding:0;z-index:1}.codedesign-tutorial-e-373,.codedesign-tutorial-e-374{position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-374{align-items:start;-moz-column-gap:2px;column-gap:2px;display:flex;flex-direction:row;height:auto;justify-content:start;padding:6px 0;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-375,.codedesign-tutorial-e-376,.codedesign-tutorial-e-377,.codedesign-tutorial-e-378,.codedesign-tutorial-e-379{color:#9de8a4;display:block;font-size:16px;height:auto;min-height:10px;min-width:10px;padding:0;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-371{color:#fff;font-size:14px;font-weight:600;line-height:20px}.codedesign-tutorial-e-371,.codedesign-tutorial-e-380{display:block;font-family:Open Sans;height:-moz-fit-content;height:fit-content;margin-top:px;min-height:10px;min-width:16px;opacity:100%;padding:0;position:relative;text-align:center;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-380{color:#ffffffb2;font-size:10px;font-weight:500;line-height:12px}.codedesign-tutorial-e-354{color:#f0eff9;font-family:Inter;font-size:45px;font-weight:500;letter-spacing:-1px;line-height:55px;padding:0 0 12px;width:auto}.codedesign-tutorial-e-354,.codedesign-tutorial-e-355{display:block;height:auto;max-width:700px;position:relative;text-align:center}.codedesign-tutorial-e-355{color:#ffffffcc;font-family:Kumbh Sans;font-size:20px;font-weight:400;line-height:30px;min-height:10px;min-width:16px;padding:0 0 32px;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-356{align-items:center;background-color:#fbfbfb;border:0 solid;border-color:#333 #333 #1a1a1a19;border-radius:100px 100px 100px 100px;box-shadow:inset 0 -2px 0 0 rgba(26,26,26,.2),inset 0 0 0 1px rgba(0,0,0,.1);-moz-column-gap:8px;column-gap:8px;display:flex;height:-moz-fit-content;height:fit-content;min-height:20px;min-width:20px;padding:12px 24px;row-gap:8px}.codedesign-tutorial-e-356,.codedesign-tutorial-e-357{position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-357{color:#1a1a1a;display:block;font-family:Inter;font-size:16px;font-weight:600;height:auto;letter-spacing:-.1px;line-height:24px;min-height:10px;min-width:16px;z-index:1}.codedesign-tutorial-e-358{align-items:center;background-color:#fff706e5;border-color:var(--vId-a3b22279-5064-48b0-bb45-6af5cbf81efd) var(--vId-a3b22279-5064-48b0-bb45-6af5cbf81efd) var(--vId-a3b22279-5064-48b0-bb45-6af5cbf81efd) var(--vId-a3b22279-5064-48b0-bb45-6af5cbf81efd);border-radius:1000px 1000px 1000px 1000px;border-style:groove;border-width:0;bottom:0;-moz-column-gap:20px;column-gap:20px;display:flex;flex-direction:column;height:100px;justify-content:center;left:auto;padding:10px;position:absolute;right:20%;row-gap:20px;top:132px;transform:rotate(22deg) scale(1.4) translateX(0) translateY(0) translateZ(0);width:100px}.codedesign-tutorial-e-359{color:#000;display:block;font-family:Inter;font-size:27px;font-weight:700;height:-moz-fit-content;height:fit-content;letter-spacing:-1px;line-height:28px;margin-top:px;min-height:10px;min-width:16px;opacity:100%;padding:0;position:relative;text-align:center;width:-moz-fit-content;width:fit-content;z-index:1}.codedesign-tutorial-e-265{align-items:center;-moz-column-gap:8px;column-gap:8px;flex-direction:column;height:auto;justify-content:center;padding:80px 0 20px;row-gap:12px}.codedesign-tutorial-e-265,.codedesign-tutorial-e-283{display:flex;margin-left:auto;margin-right:auto;max-width:1280px;position:relative;width:100%}.codedesign-tutorial-e-283{align-items:start;flex-direction:row;flex-wrap:wrap;height:-moz-fit-content;height:fit-content;justify-content:start;padding:80px 0 10px;row-gap:32px}.codedesign-tutorial-e-284{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-285{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-285,.codedesign-tutorial-e-286{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-286,.codedesign-tutorial-e-291{color:#5f6980;font-size:16px;font-weight:400;height:23px;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-291{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-336{color:#111111b2;font-family:Comfortaa;height:-moz-fit-content;height:fit-content;line-height:26px;max-width:460px;min-height:10px;min-width:16px;opacity:100%;row-gap:8px;text-align:center}.codedesign-tutorial-e-288,.codedesign-tutorial-e-336{display:block;font-size:16px;font-weight:400;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-288{color:#5f6980;font-family:Inter;height:23px;line-height:20px;padding:0;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-289{height:23px}.codedesign-tutorial-e-287,.codedesign-tutorial-e-289{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;line-height:20px;padding:0;position:relative;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-287{height:-moz-fit-content;height:fit-content}.codedesign-tutorial-e-335{color:#fdfdfdb2;font-family:Comfortaa;font-size:15px;height:-moz-fit-content;height:fit-content;line-height:25px;max-width:460px;min-height:10px;min-width:16px;opacity:100%;row-gap:8px;text-align:center}.codedesign-tutorial-e-290,.codedesign-tutorial-e-335{display:block;font-weight:400;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-290{color:#5f6980;font-family:Inter;font-size:16px;height:23px;line-height:20px;padding:0;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-293,.codedesign-tutorial-e-294,.codedesign-tutorial-e-323{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:23px;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-326{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-327{color:#000;font-size:20px;font-weight:700;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-327,.codedesign-tutorial-e-328{display:block;font-family:Inter;height:-moz-fit-content;height:fit-content;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-328{color:#5f6980;font-size:16px;font-weight:400;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-329,.codedesign-tutorial-e-330,.codedesign-tutorial-e-332{height:-moz-fit-content;height:fit-content}.codedesign-tutorial-e-329,.codedesign-tutorial-e-330,.codedesign-tutorial-e-331,.codedesign-tutorial-e-332{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-331{height:23px}.codedesign-tutorial-e-338{color:#111111b2;font-size:16px;line-height:26px;padding:0}.codedesign-tutorial-e-338,.codedesign-tutorial-e-340{display:block;font-family:Comfortaa;font-weight:400;height:-moz-fit-content;height:fit-content;max-width:460px;min-height:10px;min-width:16px;opacity:100%;position:relative;row-gap:8px;text-align:left;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-340{color:#fdfdfdb2;font-size:15px;line-height:25px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-303{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-304{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-304,.codedesign-tutorial-e-309{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-306,.codedesign-tutorial-e-309{color:#5f6980;font-size:16px;font-weight:400;height:23px;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-306{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-333{color:#fdfdfdb2;font-family:Comfortaa;font-size:15px;height:-moz-fit-content;height:fit-content;line-height:25px;max-width:460px;min-height:10px;min-width:16px;opacity:100%;row-gap:8px;text-align:center}.codedesign-tutorial-e-310,.codedesign-tutorial-e-333{display:block;font-weight:400;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-310{color:#5f6980;font-family:Inter;font-size:16px;height:23px;line-height:20px;padding:0;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-305,.codedesign-tutorial-e-307,.codedesign-tutorial-e-339,.codedesign-tutorial-e-407{height:23px}.codedesign-tutorial-e-305,.codedesign-tutorial-e-307,.codedesign-tutorial-e-308,.codedesign-tutorial-e-339,.codedesign-tutorial-e-407{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;line-height:20px;padding:0;position:relative;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-308{height:auto}.codedesign-tutorial-e-341{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-342{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-342,.codedesign-tutorial-e-343{display:block;font-family:Inter;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-343{color:#5f6980;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-344,.codedesign-tutorial-e-345,.codedesign-tutorial-e-346,.codedesign-tutorial-e-347,.codedesign-tutorial-e-348,.codedesign-tutorial-e-349,.codedesign-tutorial-e-350,.codedesign-tutorial-e-352{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-351,.codedesign-tutorial-e-404{height:-moz-fit-content;height:fit-content}.codedesign-tutorial-e-351,.codedesign-tutorial-e-381,.codedesign-tutorial-e-404{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-381{height:auto}.codedesign-tutorial-e-382{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-383{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-383,.codedesign-tutorial-e-384{display:block;font-family:Inter;position:relative;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-384{color:#5f6980;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-385,.codedesign-tutorial-e-386,.codedesign-tutorial-e-387,.codedesign-tutorial-e-388,.codedesign-tutorial-e-389,.codedesign-tutorial-e-390,.codedesign-tutorial-e-391,.codedesign-tutorial-e-392,.codedesign-tutorial-e-393,.codedesign-tutorial-e-400,.codedesign-tutorial-e-405{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-406{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-401,.codedesign-tutorial-e-402,.codedesign-tutorial-e-403{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-311{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-312{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-312,.codedesign-tutorial-e-313{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-313{color:#5f6980;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-292,.codedesign-tutorial-e-324,.codedesign-tutorial-e-325{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-314{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-315{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-315,.codedesign-tutorial-e-316{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-316{height:auto}.codedesign-tutorial-e-316,.codedesign-tutorial-e-318{color:#5f6980;font-size:16px;font-weight:400;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-318{display:block;font-family:Inter;height:23px;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-334,.codedesign-tutorial-e-337{color:#fdfdfdb2;display:block;font-family:Comfortaa;font-size:15px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:25px;max-width:460px;min-height:10px;min-width:16px;opacity:100%;position:relative;row-gap:8px;text-align:center;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-317,.codedesign-tutorial-e-320,.codedesign-tutorial-e-322{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-319,.codedesign-tutorial-e-321{text-transform:capitalize}.codedesign-tutorial-e-319,.codedesign-tutorial-e-321,.codedesign-tutorial-e-399{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-295{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-left:NaNpx;margin-right:NaNpx;margin-top:NaNpx;padding:0;position:relative;row-gap:14px;width:25%}.codedesign-tutorial-e-296{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-296,.codedesign-tutorial-e-300{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-300{color:#5f6980;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-297,.codedesign-tutorial-e-298,.codedesign-tutorial-e-299,.codedesign-tutorial-e-301,.codedesign-tutorial-e-302{color:#5f6980;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;text-transform:capitalize}.codedesign-tutorial-e-297,.codedesign-tutorial-e-298,.codedesign-tutorial-e-299,.codedesign-tutorial-e-301,.codedesign-tutorial-e-302,.codedesign-tutorial-e-394{display:block;font-family:Inter;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-394{color:#000;font-size:20px;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:26px;min-height:10px;min-width:16px;opacity:100%;padding:0 0 10px;z-index:1}.codedesign-tutorial-e-395{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;position:relative;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-396,.codedesign-tutorial-e-397{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-397{text-transform:capitalize}.codedesign-tutorial-e-398{color:#5f6980;display:block;font-family:Inter;font-size:16px;font-weight:400;height:auto;line-height:20px;padding:0;position:relative;text-transform:capitalize;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-263{align-items:flex-start;border:0 transparent;border-top:1px solid #1111114c;-moz-column-gap:12px;column-gap:12px;flex-direction:column;padding:22px 0 0}.codedesign-tutorial-e-263,.codedesign-tutorial-e-269{display:flex;height:auto;justify-content:space-between;position:relative;width:100%}.codedesign-tutorial-e-269{align-items:center;flex-direction:row;padding:0 0 20px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-264{color:#111111cc;-moz-column-gap:4px;column-gap:4px;display:block;font-family:Inter;font-size:15px;font-weight:300;line-height:25px;max-width:none}.codedesign-tutorial-e-264,.codedesign-tutorial-e-270{height:auto;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-270{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;flex-direction:row;padding:10px 10px 10px 0}.codedesign-tutorial-e-271,.codedesign-tutorial-e-275,.codedesign-tutorial-e-276{height:auto;padding:0;position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:auto}.codedesign-tutorial-e-272,.codedesign-tutorial-e-273,.codedesign-tutorial-e-274{height:auto;padding:0;position:relative;width:auto}.codedesign-tutorial-e-267{transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-267,.codedesign-tutorial-e-268{color:#11111199;display:block;font-family:Inter;font-size:14px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:24px;max-width:none;min-height:10px;min-width:16px;opacity:100%;padding:0 0 12px;position:relative;row-gap:8px;text-align:left;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-266{align-items:start;-moz-column-gap:18px;column-gap:18px;justify-content:start;padding:14px 0 0;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:100%}.codedesign-tutorial-e-262,.codedesign-tutorial-e-266{display:flex;flex-direction:row;height:auto;margin-right:px;position:relative}.codedesign-tutorial-e-262{align-items:center;-moz-column-gap:16px;column-gap:16px;padding:0;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-261,.codedesign-tutorial-e-282{color:#11111199;display:block;font-family:Inter;font-size:14px;font-weight:400;height:auto;line-height:24px;padding:0;position:relative;text-align:center;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:auto}.codedesign-tutorial-e-277{justify-content:space-between;padding:14px 0 0;width:100%}.codedesign-tutorial-e-277,.codedesign-tutorial-e-279{display:flex;flex-direction:row;height:auto;margin-right:px;position:relative}.codedesign-tutorial-e-279{align-items:center;-moz-column-gap:4px;column-gap:4px;padding:0;width:-moz-fit-content;width:fit-content}.codedesign-tutorial-e-281{height:26px;min-height:auto;min-width:auto;-o-object-fit:contain;object-fit:contain;padding:0;position:relative;width:22px}.codedesign-tutorial-e-280{height:auto;padding:0;width:auto}.codedesign-tutorial-e-278,.codedesign-tutorial-e-280{color:#11111199;display:block;font-family:Inter;font-size:14px;font-weight:400;line-height:24px;position:relative;text-align:center}.codedesign-tutorial-e-278{height:-moz-fit-content;height:fit-content;max-width:460px;min-height:10px;min-width:16px;opacity:100%;row-gap:8px;width:-moz-fit-content;width:fit-content}@media (max-width:1199px){.codedesign-tutorial-e-1{background-attachment:null;background-clip:null;background-image:null;background-origin:null;background-position:null;background-repeat:null;background-size:null}.codedesign-tutorial-e-408{padding:16px}.codedesign-tutorial-e-411{position:relative}.codedesign-tutorial-e-414,.codedesign-tutorial-e-417,.codedesign-tutorial-e-418,.codedesign-tutorial-e-419,.codedesign-tutorial-e-421,.codedesign-tutorial-e-422,.codedesign-tutorial-e-434{display:none}.codedesign-tutorial-e-425{display:flex}.codedesign-tutorial-e-426{position:relative}.codedesign-tutorial-e-4{font-size:42px;letter-spacing:-2px;line-height:46px}.codedesign-tutorial-e-8{max-width:none;row-gap:32px}.codedesign-tutorial-e-12{align-items:start;justify-content:center}.codedesign-tutorial-e-14,.codedesign-tutorial-e-22,.codedesign-tutorial-e-29,.codedesign-tutorial-e-36,.codedesign-tutorial-e-43,.codedesign-tutorial-e-50,.codedesign-tutorial-e-57,.codedesign-tutorial-e-64{height:auto}.codedesign-tutorial-e-70{max-width:none;row-gap:32px}.codedesign-tutorial-e-72{align-items:start;justify-content:center}.codedesign-tutorial-e-102,.codedesign-tutorial-e-109,.codedesign-tutorial-e-116,.codedesign-tutorial-e-123,.codedesign-tutorial-e-130,.codedesign-tutorial-e-137,.codedesign-tutorial-e-144,.codedesign-tutorial-e-151,.codedesign-tutorial-e-158,.codedesign-tutorial-e-165,.codedesign-tutorial-e-172,.codedesign-tutorial-e-179,.codedesign-tutorial-e-74,.codedesign-tutorial-e-81,.codedesign-tutorial-e-88,.codedesign-tutorial-e-95{height:auto}.codedesign-tutorial-e-353{padding:75px}.codedesign-tutorial-e-354{font-size:38px;line-height:48px}.codedesign-tutorial-e-358{display:none;position:relative}.codedesign-tutorial-e-265{padding:80px 16px 20px}.codedesign-tutorial-e-265,.codedesign-tutorial-e-283{transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-283{max-width:none;row-gap:20px}.codedesign-tutorial-e-284{width:50%}.codedesign-tutorial-e-295,.codedesign-tutorial-e-303,.codedesign-tutorial-e-311,.codedesign-tutorial-e-314,.codedesign-tutorial-e-326,.codedesign-tutorial-e-341,.codedesign-tutorial-e-382{transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0);width:50%}.codedesign-tutorial-e-263{flex-wrap:wrap}.codedesign-tutorial-e-269{flex-direction:column}.codedesign-tutorial-e-264{justify-content:center;text-align:center}.codedesign-tutorial-e-266{flex-direction:column;justify-content:space-between}.codedesign-tutorial-e-277{flex-direction:column;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-281{display:none}}@media (max-width:767px){.codedesign-tutorial-e-1{background-attachment:null;background-clip:null;background-image:null;background-origin:null;background-position:null;background-repeat:null;background-size:null;position:relative;row-gap:24px}.codedesign-tutorial-e-408{padding:16px;position:relative}.codedesign-tutorial-e-409,.codedesign-tutorial-e-410,.codedesign-tutorial-e-411,.codedesign-tutorial-e-412,.codedesign-tutorial-e-413{position:relative}.codedesign-tutorial-e-416{border:0 solid #000;font-size:14px;line-height:24px;padding:0;position:relative}.codedesign-tutorial-e-415{position:relative}.codedesign-tutorial-e-414,.codedesign-tutorial-e-417,.codedesign-tutorial-e-418,.codedesign-tutorial-e-419,.codedesign-tutorial-e-420,.codedesign-tutorial-e-421,.codedesign-tutorial-e-434{border:0 solid #000;font-size:14px;line-height:24px;padding:0;position:relative}.codedesign-tutorial-e-422{justify-content:center;position:relative;width:100%}.codedesign-tutorial-e-423,.codedesign-tutorial-e-424{position:relative}.codedesign-tutorial-e-425{background-attachment:scroll;background-clip:border-box;background-image:url(https://res.cloudinary.com/dbyioi2qq/q_auto/v1684760387/static/menu-iconsvg_1684760386_70302.svg);background-origin:padding-box;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;position:relative}.codedesign-tutorial-e-426{margin-left:auto;margin-right:auto;padding:20px;position:relative}.codedesign-tutorial-e-431{padding:0;position:relative}.codedesign-tutorial-e-432{margin-left:16px;margin-right:16px;margin-top:16px;position:relative}.codedesign-tutorial-e-427,.codedesign-tutorial-e-428,.codedesign-tutorial-e-429,.codedesign-tutorial-e-430,.codedesign-tutorial-e-433,.codedesign-tutorial-e-435{border:0 solid #000;font-size:14px;line-height:24px;padding:0;position:relative}.codedesign-tutorial-e-436{position:relative;width:100%}.codedesign-tutorial-e-2,.codedesign-tutorial-e-3,.codedesign-tutorial-e-437,.codedesign-tutorial-e-438,.codedesign-tutorial-e-5{position:relative}.codedesign-tutorial-e-4{font-size:42px;letter-spacing:-2px;line-height:46px;position:relative}.codedesign-tutorial-e-6{font-size:16px;line-height:26px;position:relative}.codedesign-tutorial-e-7{position:relative}.codedesign-tutorial-e-8{align-items:center;flex-direction:column;position:relative;row-gap:32px}.codedesign-tutorial-e-10,.codedesign-tutorial-e-11,.codedesign-tutorial-e-9{position:relative}.codedesign-tutorial-e-12{align-items:center;-moz-column-gap:32px;column-gap:32px;flex-direction:column;flex-wrap:wrap;justify-content:start;position:relative;row-gap:32px}.codedesign-tutorial-e-13{position:relative;width:100%}.codedesign-tutorial-e-14{height:260px;position:relative}.codedesign-tutorial-e-15,.codedesign-tutorial-e-16,.codedesign-tutorial-e-17,.codedesign-tutorial-e-18,.codedesign-tutorial-e-19,.codedesign-tutorial-e-20{position:relative}.codedesign-tutorial-e-49{position:relative;width:100%}.codedesign-tutorial-e-50{height:260px;position:relative}.codedesign-tutorial-e-237,.codedesign-tutorial-e-51,.codedesign-tutorial-e-52,.codedesign-tutorial-e-53,.codedesign-tutorial-e-54,.codedesign-tutorial-e-55{position:relative}.codedesign-tutorial-e-42{position:relative;width:100%}.codedesign-tutorial-e-43{height:260px;position:relative}.codedesign-tutorial-e-238,.codedesign-tutorial-e-44,.codedesign-tutorial-e-45,.codedesign-tutorial-e-46,.codedesign-tutorial-e-47,.codedesign-tutorial-e-48{position:relative}.codedesign-tutorial-e-35{position:relative;width:100%}.codedesign-tutorial-e-36{height:260px;position:relative}.codedesign-tutorial-e-239,.codedesign-tutorial-e-37,.codedesign-tutorial-e-38,.codedesign-tutorial-e-39,.codedesign-tutorial-e-40,.codedesign-tutorial-e-41{position:relative}.codedesign-tutorial-e-28{position:relative;width:100%}.codedesign-tutorial-e-29{height:260px;position:relative}.codedesign-tutorial-e-240,.codedesign-tutorial-e-30,.codedesign-tutorial-e-31,.codedesign-tutorial-e-32,.codedesign-tutorial-e-33,.codedesign-tutorial-e-34{position:relative}.codedesign-tutorial-e-21{position:relative;width:100%}.codedesign-tutorial-e-22{height:260px;position:relative}.codedesign-tutorial-e-23,.codedesign-tutorial-e-24,.codedesign-tutorial-e-241,.codedesign-tutorial-e-25,.codedesign-tutorial-e-26,.codedesign-tutorial-e-27{position:relative}.codedesign-tutorial-e-63{position:relative;width:100%}.codedesign-tutorial-e-64{height:260px;position:relative}.codedesign-tutorial-e-242,.codedesign-tutorial-e-65,.codedesign-tutorial-e-66,.codedesign-tutorial-e-67,.codedesign-tutorial-e-68,.codedesign-tutorial-e-69{position:relative}.codedesign-tutorial-e-56{position:relative;width:100%}.codedesign-tutorial-e-57{height:260px;position:relative}.codedesign-tutorial-e-243,.codedesign-tutorial-e-58,.codedesign-tutorial-e-59,.codedesign-tutorial-e-60,.codedesign-tutorial-e-61,.codedesign-tutorial-e-62{position:relative}.codedesign-tutorial-e-70{align-items:center;flex-direction:column;position:relative;row-gap:32px}.codedesign-tutorial-e-185,.codedesign-tutorial-e-71{position:relative}.codedesign-tutorial-e-72{align-items:center;-moz-column-gap:32px;column-gap:32px;flex-direction:column;flex-wrap:wrap;justify-content:start;position:relative;row-gap:32px}.codedesign-tutorial-e-73{position:relative;width:100%}.codedesign-tutorial-e-74{height:260px;position:relative}.codedesign-tutorial-e-244,.codedesign-tutorial-e-75,.codedesign-tutorial-e-76,.codedesign-tutorial-e-77,.codedesign-tutorial-e-78,.codedesign-tutorial-e-79{position:relative}.codedesign-tutorial-e-94{position:relative;width:100%}.codedesign-tutorial-e-95{height:260px;position:relative}.codedesign-tutorial-e-100,.codedesign-tutorial-e-245,.codedesign-tutorial-e-96,.codedesign-tutorial-e-97,.codedesign-tutorial-e-98,.codedesign-tutorial-e-99{position:relative}.codedesign-tutorial-e-87{position:relative;width:100%}.codedesign-tutorial-e-88{height:260px;position:relative}.codedesign-tutorial-e-246,.codedesign-tutorial-e-89,.codedesign-tutorial-e-90,.codedesign-tutorial-e-91,.codedesign-tutorial-e-92,.codedesign-tutorial-e-93{position:relative}.codedesign-tutorial-e-80{position:relative;width:100%}.codedesign-tutorial-e-81{height:260px;position:relative}.codedesign-tutorial-e-247,.codedesign-tutorial-e-82,.codedesign-tutorial-e-83,.codedesign-tutorial-e-84,.codedesign-tutorial-e-85,.codedesign-tutorial-e-86{position:relative}.codedesign-tutorial-e-108{position:relative;width:100%}.codedesign-tutorial-e-109{height:260px;position:relative}.codedesign-tutorial-e-110,.codedesign-tutorial-e-111,.codedesign-tutorial-e-112,.codedesign-tutorial-e-113,.codedesign-tutorial-e-114,.codedesign-tutorial-e-248{position:relative}.codedesign-tutorial-e-101{position:relative;width:100%}.codedesign-tutorial-e-102{height:260px;position:relative}.codedesign-tutorial-e-103,.codedesign-tutorial-e-104,.codedesign-tutorial-e-105,.codedesign-tutorial-e-106,.codedesign-tutorial-e-107,.codedesign-tutorial-e-249{position:relative}.codedesign-tutorial-e-164{position:relative;width:100%}.codedesign-tutorial-e-165{height:260px;position:relative}.codedesign-tutorial-e-166,.codedesign-tutorial-e-167,.codedesign-tutorial-e-168,.codedesign-tutorial-e-169,.codedesign-tutorial-e-170,.codedesign-tutorial-e-250{position:relative}.codedesign-tutorial-e-157{position:relative;width:100%}.codedesign-tutorial-e-158{height:260px;position:relative}.codedesign-tutorial-e-159,.codedesign-tutorial-e-160,.codedesign-tutorial-e-161,.codedesign-tutorial-e-162,.codedesign-tutorial-e-163,.codedesign-tutorial-e-251{position:relative}.codedesign-tutorial-e-150{position:relative;width:100%}.codedesign-tutorial-e-151{height:260px;position:relative}.codedesign-tutorial-e-152,.codedesign-tutorial-e-153,.codedesign-tutorial-e-154,.codedesign-tutorial-e-155,.codedesign-tutorial-e-156,.codedesign-tutorial-e-252{position:relative}.codedesign-tutorial-e-143{position:relative;width:100%}.codedesign-tutorial-e-144{height:260px;position:relative}.codedesign-tutorial-e-145,.codedesign-tutorial-e-146,.codedesign-tutorial-e-147,.codedesign-tutorial-e-148,.codedesign-tutorial-e-149,.codedesign-tutorial-e-253{position:relative}.codedesign-tutorial-e-136{position:relative;width:100%}.codedesign-tutorial-e-137{height:260px;position:relative}.codedesign-tutorial-e-138,.codedesign-tutorial-e-139,.codedesign-tutorial-e-140,.codedesign-tutorial-e-141,.codedesign-tutorial-e-142,.codedesign-tutorial-e-254{position:relative}.codedesign-tutorial-e-129{position:relative;width:100%}.codedesign-tutorial-e-130{height:260px;position:relative}.codedesign-tutorial-e-131,.codedesign-tutorial-e-132,.codedesign-tutorial-e-133,.codedesign-tutorial-e-134,.codedesign-tutorial-e-135,.codedesign-tutorial-e-255{position:relative}.codedesign-tutorial-e-122{position:relative;width:100%}.codedesign-tutorial-e-123{height:260px;position:relative}.codedesign-tutorial-e-124,.codedesign-tutorial-e-125,.codedesign-tutorial-e-126,.codedesign-tutorial-e-127,.codedesign-tutorial-e-128,.codedesign-tutorial-e-256{position:relative}.codedesign-tutorial-e-115{position:relative;width:100%}.codedesign-tutorial-e-116{height:260px;position:relative}.codedesign-tutorial-e-117,.codedesign-tutorial-e-118,.codedesign-tutorial-e-119,.codedesign-tutorial-e-120,.codedesign-tutorial-e-121,.codedesign-tutorial-e-257{position:relative}.codedesign-tutorial-e-178{position:relative;width:100%}.codedesign-tutorial-e-179{height:260px;position:relative}.codedesign-tutorial-e-180,.codedesign-tutorial-e-181,.codedesign-tutorial-e-182,.codedesign-tutorial-e-183,.codedesign-tutorial-e-184,.codedesign-tutorial-e-258{position:relative}.codedesign-tutorial-e-171{position:relative;width:100%}.codedesign-tutorial-e-172{height:260px;position:relative}.codedesign-tutorial-e-173,.codedesign-tutorial-e-174,.codedesign-tutorial-e-175,.codedesign-tutorial-e-176,.codedesign-tutorial-e-177,.codedesign-tutorial-e-259,.codedesign-tutorial-e-260{position:relative}.codedesign-tutorial-e-353{align-items:center;background-attachment:scroll,scroll;background-clip:border-box,border-box;background-image:url(https://assets-v2.codedesign.ai/storage/v1/object/public/67f23a09dc3eea81aa7c81b4_e6be866e/asset-47903de3),linear-gradient(330deg,#5c33ff 46.800000000000004%,#b599ff 100%);background-origin:padding-box,padding-box;background-position:50% 50%,50% 50%;background-repeat:no-repeat,no-repeat;background-size:contain,cover;padding:70px 20px;position:relative}.codedesign-tutorial-e-360,.codedesign-tutorial-e-361,.codedesign-tutorial-e-362,.codedesign-tutorial-e-363,.codedesign-tutorial-e-364,.codedesign-tutorial-e-365,.codedesign-tutorial-e-366,.codedesign-tutorial-e-367,.codedesign-tutorial-e-368{position:relative}.codedesign-tutorial-e-369{display:none;position:relative}.codedesign-tutorial-e-370{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-371,.codedesign-tutorial-e-372,.codedesign-tutorial-e-373,.codedesign-tutorial-e-374,.codedesign-tutorial-e-375,.codedesign-tutorial-e-376,.codedesign-tutorial-e-377,.codedesign-tutorial-e-378,.codedesign-tutorial-e-379,.codedesign-tutorial-e-380{position:relative}.codedesign-tutorial-e-354{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:42px;position:relative;text-align:center}.codedesign-tutorial-e-355{font-size:16px;line-height:26px;position:relative;text-align:center}.codedesign-tutorial-e-356{justify-content:center;position:relative;width:100%}.codedesign-tutorial-e-357{font-size:14px;line-height:24px;position:relative;text-align:center}.codedesign-tutorial-e-358,.codedesign-tutorial-e-359{position:relative}.codedesign-tutorial-e-265{padding:80px 16px 20px;position:relative}.codedesign-tutorial-e-283{align-items:start;flex-direction:row;flex-wrap:wrap;justify-content:start;position:relative;row-gap:20px;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-284,.codedesign-tutorial-e-285{position:relative}.codedesign-tutorial-e-286,.codedesign-tutorial-e-291{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-336{position:relative;text-align:left}.codedesign-tutorial-e-288{position:relative}.codedesign-tutorial-e-289{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-287{position:relative}.codedesign-tutorial-e-335{position:relative;text-align:left}.codedesign-tutorial-e-290,.codedesign-tutorial-e-293,.codedesign-tutorial-e-294,.codedesign-tutorial-e-323{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-326,.codedesign-tutorial-e-327,.codedesign-tutorial-e-328,.codedesign-tutorial-e-329,.codedesign-tutorial-e-330,.codedesign-tutorial-e-332{position:relative}.codedesign-tutorial-e-331{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-338{position:relative;text-align:left}.codedesign-tutorial-e-303,.codedesign-tutorial-e-304,.codedesign-tutorial-e-306,.codedesign-tutorial-e-307,.codedesign-tutorial-e-309,.codedesign-tutorial-e-310,.codedesign-tutorial-e-333,.codedesign-tutorial-e-340,.codedesign-tutorial-e-407{position:relative}.codedesign-tutorial-e-305,.codedesign-tutorial-e-308,.codedesign-tutorial-e-339{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-341,.codedesign-tutorial-e-342{position:relative}.codedesign-tutorial-e-343,.codedesign-tutorial-e-344,.codedesign-tutorial-e-345,.codedesign-tutorial-e-346,.codedesign-tutorial-e-347{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-352{position:relative}.codedesign-tutorial-e-348,.codedesign-tutorial-e-349,.codedesign-tutorial-e-350{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-351,.codedesign-tutorial-e-381,.codedesign-tutorial-e-382,.codedesign-tutorial-e-383,.codedesign-tutorial-e-404{position:relative}.codedesign-tutorial-e-384,.codedesign-tutorial-e-385,.codedesign-tutorial-e-386,.codedesign-tutorial-e-387,.codedesign-tutorial-e-388{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-393{position:relative}.codedesign-tutorial-e-389,.codedesign-tutorial-e-390,.codedesign-tutorial-e-391{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-311,.codedesign-tutorial-e-312,.codedesign-tutorial-e-392,.codedesign-tutorial-e-400,.codedesign-tutorial-e-401,.codedesign-tutorial-e-402,.codedesign-tutorial-e-403,.codedesign-tutorial-e-405,.codedesign-tutorial-e-406{position:relative}.codedesign-tutorial-e-292,.codedesign-tutorial-e-313,.codedesign-tutorial-e-324,.codedesign-tutorial-e-325{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-314{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-315,.codedesign-tutorial-e-316{position:relative}.codedesign-tutorial-e-318{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-334,.codedesign-tutorial-e-337{position:relative}.codedesign-tutorial-e-317{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-319,.codedesign-tutorial-e-320,.codedesign-tutorial-e-322{position:relative}.codedesign-tutorial-e-321,.codedesign-tutorial-e-399{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-295{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-296,.codedesign-tutorial-e-300{position:relative}.codedesign-tutorial-e-297,.codedesign-tutorial-e-298,.codedesign-tutorial-e-299,.codedesign-tutorial-e-301,.codedesign-tutorial-e-302{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-394,.codedesign-tutorial-e-395{position:relative}.codedesign-tutorial-e-396,.codedesign-tutorial-e-397{height:-moz-fit-content;height:fit-content;position:relative}.codedesign-tutorial-e-398{position:relative}.codedesign-tutorial-e-263{flex-wrap:wrap;justify-content:center;position:relative}.codedesign-tutorial-e-269{align-items:start;-moz-column-gap:20px;column-gap:20px;flex-direction:column;justify-content:start;row-gap:12px}.codedesign-tutorial-e-264,.codedesign-tutorial-e-269{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-264{text-align:left}.codedesign-tutorial-e-270{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-271,.codedesign-tutorial-e-272,.codedesign-tutorial-e-273,.codedesign-tutorial-e-274,.codedesign-tutorial-e-275,.codedesign-tutorial-e-276{position:relative}.codedesign-tutorial-e-267{position:relative;transform:rotate(0deg) scale(1) translateX(0) translateY(0) translateZ(0)}.codedesign-tutorial-e-268{position:relative}.codedesign-tutorial-e-262,.codedesign-tutorial-e-266{flex-direction:column;position:relative}.codedesign-tutorial-e-262{align-items:flex-start}.codedesign-tutorial-e-261,.codedesign-tutorial-e-282{position:relative;text-align:left}.codedesign-tutorial-e-277,.codedesign-tutorial-e-279{flex-direction:column;position:relative}.codedesign-tutorial-e-279{align-items:flex-start}.codedesign-tutorial-e-281{position:relative}.codedesign-tutorial-e-280{position:relative;text-align:left}.codedesign-tutorial-e-278{position:relative}@media{.gradientbutton{background-attachment:scroll;background-clip:border-box;background-image:linear-gradient(110deg,#9747ff 1.7999999999999998%,#7b61ff 100%);background-origin:padding-box;background-position:0 0;background-repeat:no-repeat;background-size:auto auto}.H1{font-size:34px;line-height:44px}}}.gradientbutton:hover{background-color:#00000000;background-position:100%;opacity:100%;transform:scale(1.04)}.gradientbutton{align-items:center;background:linear-gradient(325deg,#5c33ff 19.35%,#b599ff 138.84%));background-attachment:scroll;background-clip:border-box;background-image:linear-gradient(110deg,#5c33ff 1.7999999999999998%,#b599ff 100%);background-origin:padding-box;background-position:0 0;background-repeat:no-repeat;background-size:auto auto;border:0 solid #ffffff00;border-bottom:2px solid #00000028;border-radius:12px 12px 12px 12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);justify-content:center;opacity:100%;padding:12px 32px;transition:all .5s ease-out}.paragraph{font-size:18px;font-weight:400;line-height:28px}.comfortaa{font-family:Comfortaa}.light{background-color:#fafafa}.kumbh-sans{font-family:Kumbh Sans}.header-links:hover{color:#fafafa}.header-links{color:#fafafab2;font-size:14px;line-height:24px;padding:0 12px 0 13px}.pricing-card{background-color:#2222220a;border:1px solid #0000004c;border-radius:10px 10px 10px 10px;box-shadow:0 2px 8px 0 #ffffff0a;-moz-column-gap:12px;column-gap:12px;flex-direction:column;padding:24px;row-gap:12px}.pricing-card-focused{border:3px solid #9013fe}.text-par{color:#111111b2;font-size:16px;line-height:26px}.footer-link:hover{color:#111;transform:scale(1.03)}.footer-link{color:#5f6980;font-family:Inter;font-size:15px;line-height:25px}.Feature-card{max-width:320px!important}.feature-card-main{border-color:#333;box-shadow:0 10px 36px 0 #9747ff19,0 0 0 1px rgba(0,0,0,.06)}.header-link-black:hover{color:#111;transform:scale(1.03)}.header-link-black{color:#111111cc;font-family:Kumbh Sans;font-size:14px;line-height:24px;padding:0 14px}.H1{font-size:48px;font-weight:800;line-height:58px}.H1,.Paragraph{font-family:Kumbh Sans}.Paragraph{font-size:16px;font-weight:400;line-height:24px}.H2{font-family:Kumbh Sans;font-size:22px;font-weight:500;line-height:32px}.disabled-pricebutton:hover{background-color:#ffffff4c;border-color:#000;border-width:1px}.disabled-pricebutton{background-color:#ffffff4c;border-color:#000;cursor:not-allowed}.Primary-button{border-radius:10px 10px 10px 10px;padding:10px 32px}.gradient-border{-angle:0deg;animation:rotate 10s linear infinite;border:3px solid #000;-o-border-image:linear-gradient(var(--angle),#9747ff,#7b61ff,#9747ff,#7b61ff) 1;border-image:linear-gradient(var(--angle),#9747ff,#7b61ff,#9747ff,#7b61ff) 1;border-radius:8px 8px 8px 8px;width:calc(100% - 40px)}.primary-button:hover{transform:scale(1.04)}.website-card-image{border-radius:10px 10px 10px 10px}.card-link:hover{color:#000}.card-link{color:#00000099}.social-icon:hover{color:#111;transform:scale(1.03)}.social-icon{color:#1111117f}.H5{font-size:24px;font-weight:600;line-height:34px}.Title{font-size:53px;font-weight:700;line-height:63px}.star{color:#ff9529;font-size:18px;line-height:28px}.header-link-white:hover{color:var(--vId-aa3cbb53-f90f-4798-a155-f7b0339c9435)}.header-link-white{color:#ffffffb2;font-family:Inter;font-size:14px;font-weight:400;line-height:24px}.codedesign-tutorial-e-423 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-423 span{display:initial}.codedesign-tutorial-e-271 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-271 span{display:initial}.codedesign-tutorial-e-275 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-275 span{display:initial}.codedesign-tutorial-e-276 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-276 span{display:initial}.codedesign-tutorial-e-274 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-274 span{display:initial}.codedesign-tutorial-e-272 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-272 span{display:initial}.codedesign-tutorial-e-273 img{border-radius:initial;display:initial;height:auto;-o-object-fit:initial;object-fit:fill;width:auto}.codedesign-tutorial-e-273 span{display:initial}