1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9223],{10284:(n,e,r)=>{r.d(e,{A:()=>c});var o=r(91122),i=r(18153),t={name:"1khff00",styles:"margin:10px auto;background:rgba(0, 0, 0, 0.1);border-radius:10px;padding:10px 20px"},l={name:"uc8zsr",styles:"display:flex;align-items:center;color:#000"},a={name:"ig8p0j",styles:"display:inline-block;background:rgba(255, 255, 255, 1);border:1px solid rgba(0, 0, 0, 0.3);padding:8px;border-radius:6px;margin:0 14px"};let c=function(n){var e=n.__typename;return(0,i.Y)(o.mc,{children:(0,i.Y)("div",{css:t,children:(0,i.FD)("div",{css:l,children:["Component",(0,i.Y)("pre",{css:a,children:e}),"not found"]})})})}},35539:(n,e,r)=>{r.d(e,{A7:()=>f,DD:()=>A,Np:()=>k,ZS:()=>w,ay:()=>y,di:()=>v,uW:()=>b,vW:()=>x});var o,i,t,l,a,c,s,d,m=r(32228),u=r(38993),p=r(75317),g=r(94151),h=r(88482),b=(0,u.AH)(o||(o=(0,m.A)(["\n padding-bottom: 3rem;\n\n &:last-of-type {\n padding-bottom: 2rem;\n }\n"]))),f=(0,u.AH)(i||(i=(0,m.A)(["\n border-radius: 10px;\n position: relative;\n\n "," {\n background: ",";\n }\n"])),(0,p.mq)("md"),g.ONy),x=(0,u.AH)(t||(t=(0,m.A)(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n margin: 0 -10px;\n border-radius: 10px;\n\n "," {\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n flex-wrap: nowrap;\n margin: 0;\n width: 100%;\n }\n\n .hub-topic-summary-outer,\n .hub-topic-resources-outer {\n background-color: #F9F9F9;\n color: #808184;\n padding: 2.5rem 2rem;\n }\n\n .hub-topic-summary-outer {\n line-height: 2;\n\n .hub-topic-summary-inner {\n position: relative;\n\n .what-youll-learn {\n margin-bottom: 1.75rem;\n }\n }\n }\n\n .hub-topic-resources-outer {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n "," {\n z-index: 0;\n margin-left: -7px;\n border-bottom-left-radius: 0;\n border-top-right-radius: 6px;\n }\n "," {\n z-index: auto;\n margin-left: auto;\n }\n\n .hub-topic-resources-inner {\n "," {\n padding-left: 7px;\n }\n "," {\n padding-left: 0;\n }\n\n .resources {\n margin-bottom: 1.75rem;\n }\n }\n }\n }\n"])),(0,p.mq)("md"),(0,p.mq)("md"),(0,p.mq)("lg"),(0,p.mq)("md"),(0,p.mq)("lg")),v=(0,u.AH)(l||(l=(0,m.A)(["\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n\n li {\n color: ",";\n padding-bottom: 0.25rem;\n position: relative;\n\n i {\n top: 6.5px;\n margin-right: 3px;\n position: absolute;\n\n &.icon-triangle-right {\n color: ",";\n }\n }\n\n &.w-hub-resources-article-current {\n font-weight: ",";\n }\n\n a {\n color: ",";\n padding-left: 1.625rem;\n display: inline-block;\n }\n\n &:last-of-type {\n padding-bottom: 0;\n }\n }\n"])),g.T_l,g.MFY,g.$eQ,g.T_l),y=(0,u.AH)(a||(a=(0,m.A)(["\n margin-left: auto;\n border-radius: 10px;\n\n "," {\n z-index: 1;\n }\n "," {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n "," {\n z-index: auto;\n }\n\n .hub-topic-name {\n line-height: normal;\n margin-top: 0.5rem;\n }\n\n background-color: var(--topic-color);\n color: ",";\n cursor: pointer;\n /* margin-left: 1rem; */\n padding: 1.25rem 1.5rem;\n background-repeat: no-repeat;\n /* background-position: 50% 44%;\n background-size: 370px auto; */\n\n "," {\n background-position: center bottom;\n background-size: 370px auto;\n padding-left: 1.6rem;\n padding-right: 1.6rem;\n }\n\n background-position: 50% 82%;\n background-size: 210px auto;\n\n "," {\n background-position: 50% 79%;\n background-size: 67%;\n }\n\n "," {\n background-position: 50% 86%;\n background-size: 234px;\n }\n\n "," {\n background-position: 50% 79%;\n background-size: 289px;\n }\n"])),(0,p.mq)("md"),(0,p.G)("sm"),(0,p.mq)("lg"),g.ho0,(0,p.mq)("md"),(0,p.mq)("md"),(0,p.mq)("lg"),(0,p.mq)("xl")),k=(0,u.AH)(c||(c=(0,m.A)(["\n height: 100%;\n max-height: 100%;\n min-height: 16rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n\n "," {\n min-height: 23rem;\n }\n\n .hub-topic-name,\n .hub-topic-resources,\n .hub-topic-link,\n .hub-topic-link a {\n color: $hub-white;\n width: 100%;\n display: inline-block;\n }\n\n .hub-topic-name {\n /* font-size: pxtorem(26.88px) * 1rem; */\n font-weight: ",";\n }\n\n .hub-topic-resources {\n color: ",";\n margin-bottom: 1rem;\n }\n\n .hub-topic-link {\n /* font-size: pxtorem(18px) * 1rem; */\n text-align: right;\n\n a {\n text-decoration: none;\n\n &:hover {\n color: ",";\n }\n\n &:active {\n color: ",";\n }\n\n &:hover,\n &:active {\n text-decoration: none;\n }\n\n &.circle-link {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 50%;\n box-shadow: 0 9.78px 10.87px 0 rgba(",", 0.06);\n width: 3.125rem;\n height: 3.125rem;\n margin-left: auto;\n\n i {\n left: auto;\n top: auto;\n bottom: auto;\n right: auto;\n padding: 0;\n margin: 0;\n vertical-align: middle;\n line-height: normal;\n display: inline-block;\n width: 3.125rem;\n height: 3.125rem;\n text-align: center;\n\n &:before {\n vertical-align: -75%;\n }\n }\n\n "," {\n display: none !important;\n }\n }\n }\n\n i {\n top: 4px;\n position: relative;\n padding-left: 1rem;\n font-size: 1.25rem;\n }\n }\n\n .seo-hub-homepage & {\n border-radius: 10px;\n\n .hub-topic-tile-inner {\n min-height: 22rem;\n "," {\n min-height: 23rem;\n }\n }\n }\n"])),(0,p.mq)("md"),g.WYM,g.ho0,(0,h.lightenDarkenColor)(g.ho0,-2),(0,h.lightenDarkenColor)(g.ho0,-3),g.Nz7,(0,p.mq)("md"),(0,p.mq)("md")),A=(0,u.AH)(s||(s=(0,m.A)(["\n font-size: 0.84rem;\n color: var(--topic-color);\n font-weight: 700;\n font-style: normal;\n letter-spacing: 0.075rem;\n text-transform: uppercase;\n display: block;\n"]))),w=(0,u.AH)(d||(d=(0,m.A)(["\n background-color: var(--topic-color);\n color: ",";\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);\n display: inline-block;\n padding: 1rem;\n text-align: center;\n text-decoration: none;\n border-radius: 24px;\n transition: background-color 0.5s ease;\n\n &:hover,\n &:focus {\n text-decoration: none;\n }\n\n &:hover {\n background-color: darken($hub-white, 2%);\n }\n\n &:focus {\n background-color: darken($hub-white, 3%);\n }\n\n "," {\n display: none;\n }\n"])),g.ONy,(0,p.mq)("md"))},40056:(n,e,r)=>{r.d(e,{A:()=>h});var o,i,t=r(32228),l=r(38993),a=r(48230),c=r.n(a),s=r(53055),d=r(35539),m=r(45835),u=r(75317),p=r(18153),g=function(n){var e,r,i=n.item,a=(null==i?void 0:i.node)||(null==i||null==(e=i.resource)||null==(e=e.nodes)?void 0:e[0])||(null==i?void 0:i.resource),d=(0,m.A)();return null!=a&&a.uri?(0,p.FD)("li",{css:d(a.uri)&&{fontWeight:"500"},children:[(0,p.Y)(s.h,{css:(0,l.AH)(o||(o=(0,t.A)(["\n color: var(--topic-color);\n top: 8px;\n left: 0;\n position: absolute;\n height: 16px;\n fill: currentColor;\n "])))}),(0,p.Y)(c(),{href:a.uri,target:a.target||"_self",children:null==(r=a.title)?void 0:r.replace(/(<([^>]+)>)/gi,"")})]},a.id):null};let h=function(n){var e=n.resources,r=n.topic,o=n.resourcesTitle;return(0,p.FD)("div",{children:[(0,p.Y)("div",{children:(0,p.Y)("span",{css:[d.DD,"margin-bottom:20px;",""],children:(void 0===o?"":o)||"".concat(e.length," Resources")})}),(0,p.Y)("ul",{className:"hub-topic-resources-list resources-list",css:d.di,children:(null==e?void 0:e.length)&&e.map(function(n,e){return(0,p.Y)(g,{item:n},e)})}),(null==r?void 0:r.uri)&&(0,p.Y)(c(),{href:r.uri,css:[d.ZS,(0,l.AH)(i||(i=(0,t.A)(["\n text-transform: capitalize;\n border-radius: 6px;\n display: block;\n margin-top: 2rem;\n\n "," {\n margin-left: -1rem;\n margin-right: -1rem;\n }\n "])),(0,u.G)("md")),"",""],children:"Start now"})]})}},45835:(n,e,r)=>{r.d(e,{A:()=>t});var o=r(89099),i=r(78233);let t=function(){var n=(0,o.useRouter)().asPath;return function(e){return n===(0,i.A)(e)}}},53055:(n,e,r)=>{r.d(e,{h:()=>l});var o,i=r(14232);function t(){return(t=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)({}).hasOwnProperty.call(r,o)&&(n[o]=r[o])}return n}).apply(null,arguments)}var l=function(n){return i.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,viewBox:"0 0 20 20"}
1,n),o||(o=i.createElement("path",{d:"m15 10-9 5V5z"})))}},59420:(n,e,r)=>{r.d(e,{A:()=>x});var o,i,t,l,a=r(38993),c=r(32228),s=r(42969),d=r(48230),m=r.n(d),u=r(91122),p=r(35539),g=r(40056),h=r(75317),b=r(18153),f={name:"joseda",styles:"positon:relative"};let x=function(n){var e,r,d,x=n.topic,v=n.resources,y=n.resourcesTitle,k=n.topicsBackgrundColor,A=void 0===k?"#fff":k,w=n.topicColor,Y=n.topicId,z=n.topicImage,q=(null==x||null==(e=x.nodes)?void 0:e[0])||x,H=(null==z?void 0:z.node)||z,T=(null==v?void 0:v.nodes)||v||[];return null!=q&&q.uri?(0,b.Y)("section",{id:Y,css:[p.uW,{"--topic-color":w},"",""],children:(0,b.Y)(u.mc,{css:[p.A7,"#fff"===A&&(0,s.A)({},(0,h.mq)("md"),{boxShadow:"0 20px 50px rgba(0, 0, 0, 0.06)"}),"",""],children:(0,b.Y)(u.fI,{children:(0,b.FD)("div",{css:[p.vW,{backgroundColor:A},"",""],children:[(0,b.Y)(u.fv,{xs:"12",md:"6",lg:"4",style:{marginLeft:"auto",marginRight:"1rem"},children:(0,b.Y)("div",{css:p.ay,style:{backgroundImage:"url(".concat(null==H?void 0:H.mediaItemUrl,")"),height:"100%"},children:(0,b.Y)(m(),{href:q.uri,css:[p.Np,(0,a.AH)(o||(o=(0,c.A)(["\n color: white;\n "]))),"",""],children:(0,b.Y)("span",{css:(0,a.AH)(i||(i=(0,c.A)(["\n font-size: 1.68rem;\n font-weight: 300;\n line-height: normal;\n margin-top: 0.5rem;\n "]))),children:q.name})})})}),(0,b.Y)(u.fv,{xs:"12",md:"6",lg:"4",css:(0,a.AH)((0,s.A)({color:"#646568",padding:"2.5rem 2rem"},(0,h.G)("md"),{display:"none"}),"",""),children:(0,b.FD)("div",{css:f,children:[(0,b.Y)("span",{css:[p.DD,"margin-bottom:1.75rem;",""],children:"What you'll learn"}),(null==q||null==(r=q.hubTopicOptions)?void 0:r.hubTopicSummary)&&(0,b.Y)("div",{css:(0,a.AH)(t||(t=(0,c.A)(["\n line-height: 2;\n font-size: 1.125rem;\n "]))),dangerouslySetInnerHTML:{__html:q.hubTopicOptions.hubTopicSummary}}),(null==q||null==(d=q.templatesLibraryTopicOptions)?void 0:d.templatesLibraryTopicSummary)&&(0,b.Y)("div",{css:(0,a.AH)(l||(l=(0,c.A)(["\n line-height: 2;\n font-size: 1.125rem;\n "]))),dangerouslySetInnerHTML:{__html:q.templatesLibraryTopicOptions.templatesLibraryTopicSummary}})]})}),(0,b.Y)(u.fv,{xs:"12",md:"6",lg:"4",css:(0,a.AH)((0,s.A)({color:"#808184",padding:"2.5rem 1rem 0"},(0,h.mq)("md"),{padding:"2.5rem 2rem"}),"",""),children:(0,b.Y)(g.A,{resources:T,resourcesTitle:void 0===y?"":y,topic:q})})]})})})}):null}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.