1import{a as at}from"./chunk-AJVIRZJ5.js";import{a as it}from"./chunk-UN75IBWZ.js";import{a as rt}from"./chunk-ZJBH3IAG.js";import{a as P,b as Y}from"./chunk-NEDDX5PW.js";import{a as G}from"./chunk-GJ72RTBA.js";import{a as W,b as J,c as tt}from"./chunk-BOEZUXVF.js";import{a as nt}from"./chunk-C32GQVD5.js";import{a as et}from"./chunk-JSNT6IJW.js";import{a as ot}from"./chunk-BGIIFRQ3.js";import"./chunk-ORB5WFAL.js";import{q as K}from"./chunk-VFWUKSZH.js";import"./chunk-IH2V4TRI.js";import{d as Q}from"./chunk-CNMDB5FZ.js";import"./chunk-JRCEQNAL.js";import{d as X,f as Z,g as $}from"./chunk-YB7TVJL3.js";import{b as V,c as R,g as q,h as H,i as N}from"./chunk-4WFPZIHV.js";import{A as S,Eb as w,Ec as D,Fb as v,Fc as B,Hb as s,Hc as j,La as z,Lc as b,Ma as y,Qa as a,Rb as p,Sb as x,Tb as M,Z as I,_a as h,a as O,b as k,ca as m,cc as E,da as u,db as L,ea as _,fa as C,hb as f,o as U,ob as A,tc as F,vb as c,wa as T,wb as i,xb as l,yb as g}from"./chunk-BLX4IORT.js";var ct=o=>["/learn/category",o];function st(o,t){o&1&&(i(0,"div",5),g(1,"div",6),i(2,"p"),p(3,"Loading article..."),l()())}function pt(o,t){if(o&1&&(i(0,"div",7)(1,"h2"),p(2,"Error Loading Article"),l(),i(3,"p"),p(4),l(),i(5,"a",8),p(6,"\u2190 Back to Learn"),l()()),o&2){let e=s();a(4),x(e.errorMessage)}}function dt(o,t){if(o&1&&(i(0,"a",58),p(1),l()),o&2){let e=s(3);c("routerLink",E(2,ct,e.postCategorySlug)),a(),M(" ",e.postCategory," ")}}function gt(o,t){if(o&1&&(i(0,"span",59),p(1),l()),o&2){let e=s(3);a(),x(e.postCategory)}}function mt(o,t){if(o&1&&(i(0,"li"),f(1,dt,2,4,"a",56)(2,gt,2,1,"span",57),l()),o&2){let e=s(2);a(),c("ngIf",e.postCategorySlug),a(),c("ngIf",!e.postCategorySlug)}}function ut(o,t){if(o&1&&g(0,"app-tldr-accordion",60),o&2){let e=s(2);c("content",e.tldrContent)}}function ft(o,t){if(o&1&&(i(0,"div",61),g(1,"app-blog-section-nav",62),l()),o&2){let e=s(2);a(),c("sections",e.blogSections)}}function ht(o,t){if(o&1&&g(0,"app-author-bio",63),o&2){let e=s(2);c("authorData",e.authorBio)}}function xt(o,t){if(o&1&&(i(0,"p",64),p(1),l()),o&2){let e=s(2);a(),x(e.formattedPublishDate)}}function vt(o,t){if(o&1&&g(0,"app-template-faq-accordion",65),o&2){let e=s(2);c("title","Frequently Asked Questions")("items",e.faqItems)}}function bt(o,t){if(o&1&&(i(0,"p",66),p(1),l()),o&2){let e=s(2);a(),M("Last updated: ",e.formattedLastUpdatedDate)}}function _t(o,t){if(o&1&&g(0,"app-cta",67),o&2){let e=s(2);c("title",e.ctaTitle)("subtext",e.ctaSubtext)("buttonText",e.ctaButtonText)("buttonLink",e.ctaButtonLink)("secondaryButtonText",e.ctaSecondaryButtonText)("secondaryButtonLink",e.ctaSecondaryButtonLink)}}function Ct(o,t){if(o&1&&(i(0,"a",78)(1,"figure",79),g(2,"img",80),l(),i(3,"div",81)(4,"p",82),p(5,"6 min read"),l(),i(6,"h3",83),p(7),l()()()),o&2){let e=t.$implicit;c("routerLink",e.url),a(2),c("src",e.image||"/cf-builder-proxy/api/v1/image/assets%2F199e88006d9347f1a6444c6834fba481%2Fea057f8b18c34854b9ccfdc40900607d?format=webp&width=800",y)("alt",e.title),a(5),x(e.title)}}function yt(o,t){if(o&1){let e=w();i(0,"div",68)(1,"div",69)(2,"h2",70),p(3,"More Articles"),l(),i(4,"div",71)(5,"button",72),v("click",function(){m(e);let r=s(2);return u(r.previousCarousel())}),g(6,"app-phosphor-icon",73),l(),i(7,"button",74),v("click",function(){m(e);let r=s(2);return u(r.nextCarousel())}),g(8,"app-phosphor-icon",75),l()()(),i(9,"div",76),v("touchstart",function(r){m(e);let d=s(2);return u(d.onCarouselTouchStart(r))})("touchmove",function(r){m(e);let d=s(2);return u(d.onCarouselTouchMove(r))})("touchend",function(){m(e);let r=s(2);return u(r.onCarouselTouchEnd())})("mousedown",function(r){m(e);let d=s(2);return u(d.onCarouselMouseDown(r))})("mousemove",function(r){m(e);let d=s(2);return u(d.onCarouselMouseMove(r))})("mouseup",function(){m(e);let r=s(2);return u(r.onCarouselMouseUp())})("mouseleave",function(){m(e);let r=s(2);return u(r.onCarouselMouseUp())}),f(10,Ct,8,4,"a",77),l()()}if(o&2){let e=s(2);a(5),c("disabled",!e.canPreviousCarousel),a(),c("size",16),a(),c("disabled",!e.canNextCarousel),a(),c("size",16),a(2),c("ngForOf",e.visibleRelatedPosts)}}function wt(o,t){if(o&1){let e=w();i(0,"div",9)(1,"div",10)(2,"div",11)(3,"a",12),p(4,"Skip to main article"),l(),i(5,"nav",13)(6,"ol")(7,"li")(8,"a",14),p(9,"Learn"),l()(),f(10,mt,3,2,"li",15),i(11,"li")(12,"span",16),p(13),l()()()(),i(14,"div",17)(15,"div",18)(16,"h1",19),p(17),l(),i(18,"p",20),p(19),l(),f(20,ut,1,1,"app-tldr-accordion",21),l(),i(21,"figure",22),g(22,"img",23),i(23,"div",24)(24,"span"),p(25),l()()()()(),i(26,"div",25)(27,"div",26)(28,"aside",27)(29,"div",28)(30,"span",29),p(31,"Share"),l(),i(32,"div",30)(33,"button",31),v("click",function(){m(e);let r=s();return u(r.shareOnLinkedIn())}),_(),i(34,"svg",32),g(35,"path",33)(36,"path",34)(37,"path",35)(38,"path",36)(39,"path",37),l()(),C(),i(40,"button",38),v("click",function(){m(e);let r=s();return u(r.shareOnInstagram())}),_(),i(41,"svg",32),g(42,"path",39)(43,"path",40)(44,"path",41),l()(),C(),i(45,"button",42),v("click",function(){m(e);let r=s();return u(r.shareOnTwitter())}),_(),i(46,"svg",32),g(47,"path",43)(48,"path",44)(49,"path",45),l()()()(),f(50,ft,2,1,"div",46),l(),C(),i(51,"div",47),f(52,ht,1,1,"app-author-bio",48),i(53,"article",49),f(54,xt,2,1,"p",50),g(55,"div",51),f(56,vt,1,2,"app-template-faq-accordion",52)(57,bt,2,1,"p",53),l(),f(58,_t,1,6,"app-cta",54)(59,yt,11,5,"div",55),l()()()()()}if(o&2){let e=s();a(10),c("ngIf",e.postCategory),a(3),x(e.postTitle),a(4),x(e.postTitle),a(2),x(e.postSubtitle),a(),c("ngIf",e.tldrContent),a(2),c("src",e.featuredCardImageUrl,y
1)("alt",e.postTitle),A("srcset",e.featuredCardImageSrcset||null)("sizes",e.featuredCardImageSrcset?e.heroImageSizes:null),a(3),x(e.readTimeText),a(25),c("ngIf",e.blogSections.length>0),a(2),c("ngIf",e.authorBio.name),a(2),c("ngIf",e.formattedPublishDate),a(),c("innerHTML",e.articleContent,z),a(),c("ngIf",e.faqItems.length>0),a(),c("ngIf",e.formattedLastUpdatedDate),a(),c("ngIf",e.ctaTitle),a(),c("ngIf",e.relatedPosts.length>0)}}var lt=class o{constructor(t,e,n,r,d,Mt,Pt,Ot,kt){this.platformId=t;this.meta=e;this.title=n;this.route=r;this.router=d;this.http=Mt;this.sanitizer=Pt;this.seoService=Ot;this.imageService=kt}responseInit=I(F,{optional:!0});isLoading=!0;hasError=!1;errorMessage="";jsonLdScriptElement=null;placeholderImage="/cf-builder-proxy/api/v1/image/assets%2F199e88006d9347f1a6444c6834fba481%2F8db4936b19ea4d44a93cae8a6cdcc0a3?format=webp&width=1200";currentArticleId=null;postTitle="";postSubtitle="";metaTitle="";metaDescription="";authorName="";authorRole="";authorAvatar="";publishDate="";lastUpdatedDate="";readTime=10;postCategory="";postCategorySlug="";featuredCardImageUrl="";featuredCardImageSrcset="";heroImageUrl="";heroImageSrcset="";articleContent="";authorBio={name:"",title:"",avatar:"",bio:"",specializations:"",companyInfo:"Develo is a leading Magento agency and eCommerce web development company based in Birmingham, in the UK, serving clients globally since 2010.",personalDetails:"",linkedinUrl:""};tldrContent="";blogSections=[];faqItems=[];recommendedProduct={id:"hyva-dashboard",title:"Hyv\xE4 Dashboard Pro",subtitle:"Advanced Analytics & Monitoring",price:"$99/month",image:"https://res.cloudinary.com/develodesign/image/fetch/q_auto:eco/w_1114/f_auto/https://media.develodesign.co.uk/storage/image/articles/featured-image/6321ef9d30665_dsg-login.jpg",description:"Real-time performance monitoring dashboard for Magento 2 stores. Track Core Web Vitals, cache performance, and conversion metrics.",url:"/pdp"};newsletterForm={email:"",country:"uk",marketingConsent:!1};relatedPosts=[];carouselIndex=0;carouselItemsPerView=3;carouselMaxItems=6;touchStartX=0;touchEndX=0;isDragging=!1;dragThreshold=50;mouseDownX=0;mouseUpX=0;ctaTitle="";ctaSubtext="";ctaButtonText="";ctaButtonLink="";ctaSecondaryButtonText="All Services";ctaSecondaryButtonLink="/services";submitNewsletterForm(){this.newsletterForm.email&&this.newsletterForm.country?(console.log("Newsletter Form Submitted:",this.newsletterForm),alert(`You've been subscribed with ${this.newsletterForm.email}`),this.newsletterForm={email:"",country:"uk",marketingConsent:!1}):alert("Please fill in all required fields")}ngOnInit(){this.route.params.subscribe(t=>{let e=t.slug;e?this.loadArticle(e):this.markArticleUnavailable(!0)})}markArticleUnavailable(t){this.responseInit&&(this.responseInit.status=t?404:503),this.meta.updateTag({name:"robots",content:"noindex, follow"}),this.hasError=!0,this.errorMessage=t?"This article could not be found.":"Failed to load article. Please try again later.",this.isLoading=!1}ngOnDestroy(){this.jsonLdScriptElement&&(this.seoService.removeJsonLdSchema(this.jsonLdScriptElement),this.jsonLdScriptElement=null)}loadArticle(t){this.isLoading=!0,this.hasError=!1;let e=`https://media.develodesign.co.uk/api/articles/${t}`;this.http.get(e).pipe(S(n=>{let r=n instanceof V?n.status:0,d=r===404||r===410;return d||console.error("Error loading article:",n),this.markArticleUnavailable(d),U(null)})).subscribe(n=>{if(n){if(Y(P(n))){this.markArticleUnavailable(!0);return}if(this.redirectToCanonicalRoute(n))return;this.populateArticleData(n),this.setupSeoMetadata(),this.setupJsonLdSchema(),this.calculateReadingTime(),this.isLoading=!1}else this.hasError||this.markArticleUnavailable(!1)})}redirectToCanonicalRoute(t){if(P(t)!==6){let e=["/blog",t.slug];if(b(this.platformId))this.router.navigate(e,{replaceUrl:!0});else if(this.responseInit){this.responseInit.status=301;let n=`/blog/${t.slug}`;this.responseInit.headers instanceof Headers?this.responseInit.headers.set("Location",n):this.responseInit.headers=k(O({},this.responseInit.headers),{Location:n})}return this.isLoading=!1,!0}return!1}get heroImageSizes(){return this.imageService.heroSizes}rewriteImageUrl(t,e="hero"){return this.imageService.optimizeImage(t,{size:e})}populateArticleData(t){this.currentArticleId=t.id,this.postTitle=t.title||"",this.postSubtitle=t.strapline||"",this.metaTitle=t.meta_title||"",this.metaDescription=t.meta_description||"",this.publishDate=t.created_at||"",this.lastUpdatedDate=t.updated_at||"",this.featuredCardImageUrl=this.rewriteImageUrl(t.featured_image_url,"hero"),this.featuredCardImageSrcset=this.imageService.heroSrcset(t.featured_image_url),this.heroImageUrl=this.rewriteImageUrl(t.hero_image_url,"hero"),this.heroImageSrcset=this.imageService.heroSrcset(t.hero_image_url),t.reading_time&&(this.readTime=t.reading_time),this.articleContent=this.sanitizer.bypassSecurityTrustHtml(this.imageService.optimizeContentHtml(t.content)),t.user&&(this.authorName=t.user.fullname||t.user.name||"",this.authorRole=t.user.job_title||"",this.authorAvatar=t.user.avatar_image_url?this.rewriteImageUrl(t.user.avatar_image_url,"avatar"):"",this.authorBio={name:this.authorName,title:this.authorRole,avatar:this.authorAvatar,bio:this.stripHtmlTags(t.user.description||""),specializations:"",companyInfo:"Develo is a leading Magento agency and eCommerce web development company based in Birmingham, in the UK, serving clients globally since 2010.",personalDetails:"",linkedinUrl:""}),t.categories&&t.categories.length>0&&(this.postCategory=t.categories[0].name,this.postCategorySlug=t.categories[0].slug),this.ctaTitle=t.cta_text||"Contact us for a demo or free consultancy session",this.ctaSubtext="",this.ctaButtonText=t.cta_button_text||"Get in touch",this.ctaButtonLink=at(t.cta_button_url||"/contact"),this.extractSectionsFromContent()}stripHtmlTags(t){if(!b(this.platformId))return t.replace(/<[^>]*>/g,"").replace(/ /g," ").trim();let e=document.createElement("DIV");return e.innerHTML=t,e.textContent||e.innerText||""}extractSectionsFromContent(){b(this.platformId)&&setTimeout(()=>{let t=document.querySelector(".article");
1if(!t)return;let e=t.querySelectorAll("h2, h3");this.blogSections=Array.from(e).map(n=>{let r=n.id||this.createIdFromText(n.textContent||"");return n.id=r,{id:r,title:n.textContent||""}})},500)}createIdFromText(t){return t.toLowerCase().replace(/[^\w\s-]/g,"").replace(/\s+/g,"-").replace(/--+/g,"-").trim()}setupSeoMetadata(){this.title.setTitle(this.metaTitle),this.meta.updateTag({name:"description",content:this.metaDescription}),this.meta.updateTag({name:"author",content:this.authorName}),this.meta.updateTag({property:"og:title",content:this.postTitle}),this.meta.updateTag({property:"og:description",content:this.postSubtitle}),this.meta.updateTag({property:"og:image",content:this.featuredCardImageUrl}),this.meta.updateTag({property:"og:type",content:"article"}),this.meta.updateTag({property:"og:url",content:this.seoService.getAbsoluteUrl(this.getCanonicalUrl())}),this.meta.updateTag({name:"twitter:card",content:"summary_large_image"}),this.meta.updateTag({name:"twitter:title",content:this.postTitle}),this.meta.updateTag({name:"twitter:description",content:this.postSubtitle}),this.meta.updateTag({name:"twitter:image",content:this.featuredCardImageUrl}),this.seoService.setCanonicalUrl(this.getCanonicalUrl()),this.publishDate&&this.meta.updateTag({property:"article:published_time",content:new Date(this.publishDate).toISOString()}),this.lastUpdatedDate&&this.meta.updateTag({property:"article:modified_time",content:new Date(this.lastUpdatedDate).toISOString()}),this.meta.updateTag({property:"article:author",content:this.authorName})}setupJsonLdSchema(){let t=[];this.featuredCardImageUrl&&this.featuredCardImageUrl!==this.placeholderImage&&t.push(this.featuredCardImageUrl),this.heroImageUrl&&this.heroImageUrl!==this.placeholderImage&&t.push(this.heroImageUrl),this.authorAvatar&&t.push(this.authorAvatar);let r=[{"@context":"https://schema.org","@type":"NewsArticle",mainEntityOfPage:{"@type":"WebPage","@id":this.seoService.getAbsoluteUrl(this.getCanonicalUrl())},headline:this.postTitle,description:this.postSubtitle,image:t.length>0?t:[this.placeholderImage],datePublished:this.publishDate?new Date(this.publishDate).toISOString():"",dateModified:this.lastUpdatedDate?new Date(this.lastUpdatedDate).toISOString():"",author:{"@type":"Person",name:this.authorName,url:"https://media.develodesign.co.uk/"},publisher:{"@type":"Organization",name:"Develo",logo:{"@type":"ImageObject",url:"https://media.develodesign.co.uk/images/header/Logo.svg"}}}],d=Q(this.getBreadcrumbs(),this.getCanonicalUrl());d&&r.push(d),this.jsonLdScriptElement=this.seoService.setJsonLdSchemas(r)}getCanonicalUrl(){let t=this.route.snapshot.params.slug;return t?`/learn/${t}`:"/learn"}getBreadcrumbs(){let t=[{label:"Learn",url:"/learn"}];return this.postCategory&&this.postCategorySlug&&t.push({label:this.postCategory,url:`/learn/category/${this.postCategorySlug}`}),t.push({label:this.postTitle}),t}calculateReadingTime(){if(this.readTime&&this.readTime>0||!b(this.platformId))return;let t=200;setTimeout(()=>{let e=document.querySelector(".article");if(e){let r=(e.textContent||"").trim().split(/\s+/).length;this.readTime=Math.ceil(r/t)}},100)}get readTimeText(){return`${this.readTime} min${this.readTime!==1?"s":""}`}get formattedPublishDate(){return this.publishDate?new Date(this.publishDate).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}):""}
1get formattedLastUpdatedDate(){return this.lastUpdatedDate?new Date(this.lastUpdatedDate).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}):""}get visibleRelatedPosts(){let t=this.relatedPosts.filter(n=>n.category===this.postCategory),e=Math.min(t.length,this.carouselMaxItems);return t.slice(this.carouselIndex,this.carouselIndex+this.carouselItemsPerView)}get canPreviousCarousel(){return this.carouselIndex>0}get canNextCarousel(){let t=this.relatedPosts.filter(n=>n.category===this.postCategory),e=Math.min(t.length,this.carouselMaxItems);return this.carouselIndex+this.carouselItemsPerView<e}previousCarousel(){this.canPreviousCarousel&&(this.carouselIndex--,this.scrollCarouselIntoView())}nextCarousel(){this.canNextCarousel&&(this.carouselIndex++,this.scrollCarouselIntoView())}scrollCarouselIntoView(){b(this.platformId)&&setTimeout(()=>{let t=document.querySelector(".related-grid");if(t){let n=t.querySelectorAll(".related-card")[0];n&&n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})}},0)}onCarouselTouchStart(t){this.touchStartX=t.touches[0].clientX,this.isDragging=!0}onCarouselTouchMove(t){this.isDragging&&(this.touchEndX=t.touches[0].clientX)}onCarouselTouchEnd(){if(!this.isDragging)return;this.isDragging=!1;let t=this.touchStartX-this.touchEndX;Math.abs(t)>this.dragThreshold&&(t>0?this.nextCarousel():this.previousCarousel()),this.touchStartX=0,this.touchEndX=0}onCarouselMouseDown(t){this.mouseDownX=t.clientX,this.isDragging=!0}onCarouselMouseMove(t){this.isDragging&&(this.mouseUpX=t.clientX)}onCarouselMouseUp(){if(!this.isDragging)return;this.isDragging=!1;let t=this.mouseDownX-this.mouseUpX;Math.abs(t)>this.dragThreshold&&(t>0?this.nextCarousel():this.previousCarousel()),this.mouseDownX=0,this.mouseUpX=0}copyCodeToClipboard(t){let e=t.target,n=e.closest(".code-block-wrapper")?.querySelector("code");if(n){let r=n.textContent||"";navigator.clipboard.writeText(r).then(()=>{let d=e.textContent;e.textContent="Copied!",setTimeout(()=>{e.textContent=d},2e3)})}}shareOnLinkedIn(){let t=typeof window<"u"?window.location.href:"",e=`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(t)}`;window.open(e,"linkedin-share","width=500,height=500")}shareOnTwitter(){let t=typeof window<"u"?window.location.href:"",e=`Check out this article: "${this.postTitle}"`,n=`https://x.com/intent/tweet?url=${encodeURIComponent(t)}&text=${encodeURIComponent(e)}`;window.open(n,"twitter-share","width=500,height=500")}shareOnInstagram(){let t=typeof window<"u"?window.location.href:"";alert(`Share this article on Instagram: 2 3${this.postTitle} 4${t}`)}static \u0275fac=function(e){return new(e||o)(h(T),h(q),h(H),h(X),h(Z),h(R),h(N),h(G),h(rt))};static \u0275cmp=L({type:o,selectors:[["app-learn-post"]],decls:5,vars:6,consts:[[1,"blog-section"],["class","loading-container",4,"ngIf"],["class","error-container",4,"ngIf"],["class","blog-container",4,"ngIf"],["smallTitle","Learn with us","heading","Latest learning resources","subHeading","Practical ideas, helpful platform tips, and smart strategies to help your eCommerce store thrive.",3,"fetchFromApi","fetchLearnPosts","excludeId"],[1,"loading-container"],[1,"loading-spinner"],[1,"error-container"],["href","/learn",1,"btn-back-to-blog"],[1,"blog-container"],[1,"blog-content"],[1,"hero-section"],["href","#main-article",1,"skip-to-content"],["aria-label","Breadcrumb navigation",1,"breadcrumbs"],["routerLink","/learn",1,"breadcrumb-link"],[4,"ngIf"],["aria-current","page",1,"breadcrumb-current"],[1,"hero-content"],[1,"hero-text"],[1,"hero-title"],[1,"hero-subtitle"],["title","Give me the TL;DR",3,"content",4,"ngIf"],[1,"hero-image"],["fetchpriority","high",3,"src","alt"],[1,"reading-time-badge"],[1,"content-section"],[1,"content-container"],[1,"share-sidebar"],[1,"sharing-section"],[1,"share-label"],[1,"share-icons"],["type","button","aria-label","Share on LinkedIn","title","Share on LinkedIn",1,"share-icon",3,"click"],["width","32","height","32","viewBox","0 0 32 32","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M27 4H5C4.44772 4 4 4.44772 4 5V27C4 27.5523 4.44772 28 5 28H27C27.5523 28 28 27.5523 28 27V5C28 4.44772 27.5523 4 27 4Z","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M15 14V22","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M11 14V22","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M15 17.5C15 16.5717 15.3687 15.6815 16.0251 15.0251C16.6815 14.3687 17.5717 14 18.5 14C19.4283 14 20.3185 14.3687 20.9749 15.0251C21.6313 15.6815 22 16.5717 22 17.5V22","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M11 11.5C11.5523 11.5 12 11.0523 12 10.5C12 9.94772 11.5523 9.5 11 9.5C10.4477 9.5 10 9.94772 10 10.5C10 11.0523 10.4477 11.5 11 11.5Z","fill","#020303"],["type","button","aria-label","Share on Instagram","title","Share on Instagram",1,"share-icon",3,"click"],["d","M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21Z","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M22 4H10C6.68629 4 4 6.68629 4 10V22C4 25.3137 6.68629 28 10 28H22C25.3137 28 28 25.3137 28 22V10C28 6.68629 25.3137 4 22 4Z","
4stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M22.5 10.5C23.0523 10.5 23.5 10.0523 23.5 9.5C23.5 8.94772 23.0523 8.5 22.5 8.5C21.9477 8.5 21.5 8.94772 21.5 9.5C21.5 10.0523 21.9477 10.5 22.5 10.5Z","fill","#020303"],["type","button","aria-label","Share on X","title","Share on X",1,"share-icon",3,"click"],["d","M6 5H12L26 27H20L6 5Z","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M14.235 17.9375L6 26.9963","stroke","#020303","stroke-linecap","round","stroke-linejoin","round"],["d","M26.0006 5L17.7656 14.0588","stroke","#343330","stroke-linecap","round","stroke-linejoin","round"],["class","section-navigation",4,"ngIf"],[1,"content-wrapper"],[3,"authorData",4,"ngIf"],["id","main-article",1,"article"],["class","article-published-date",4,"ngIf"],[3,"innerHTML"],[3,"title","items",4,"ngIf"],["class","last-updated-date",4,"ngIf"],[3,"title","subtext","buttonText","buttonLink","secondaryButtonText","secondaryButtonLink",4,"ngIf"],["class","related-articles",4,"ngIf"],["class","breadcrumb-link",3,"routerLink",4,"ngIf"],["class","breadcrumb-link",4,"ngIf"],[1,"breadcrumb-link",3,"routerLink"],[1,"breadcrumb-link"],["title","Give me the TL;DR",3,"content"],[1,"section-navigation"],[3,"sections"],[3,"authorData"],[1,"article-published-date"],[3,"title","items"],[1,"last-updated-date"],[3,"title","subtext","buttonText","buttonLink","secondaryButtonText","secondaryButtonLink"],[1,"related-articles"],[1,"related-header"],[1,"related-title"],["role","group","aria-label","Article carousel navigation",1,"related-nav"],["type","button","aria-label","Previous articles","title","View previous articles",1,"carousel-btn",3,"click","disabled"],["icon","arrow-left","color","currentColor","aria-hidden","true",3,"size"],["type","button","aria-label","Next articles","title","View next articles",1,"carousel-btn",3,"click","disabled"],["icon","arrow-right","color","currentColor","aria-hidden","true",3,"size"],[1,"related-grid",3,"touchstart","touchmove","touchend","mousedown","mousemove","mouseup","mouseleave"],["class","related-card",3,"routerLink",4,"ngFor","ngForOf"],[1,"related-card",3,"routerLink"],[1,"related-image-wrapper"],[1,"related-image",3,"src","alt"],[1,"related-content"],[1,"related-read-time"],[1,"related-post-title"]],template:function(e,n){e&1&&(i(0,"section",0),f(1,st,4,0,"div",1)(2,pt,7,1,"div",2)(3,wt,60,18,"div",3),g(4,"app-template-blog",4),l()),e&2&&(a(),c("ngIf",n.isLoading),a(),c("ngIf",n.hasError&&!n.isLoading),a(),c("ngIf",!n.isLoading&&!n.hasError),a(),c("fetchFromApi",!0)("fetchLearnPosts",!0)("excludeId",n.currentArticleId))},dependencies:[j,D,B,K,W,J,tt,et,nt,ot,$,it],styles:['@charset "UTF-8";@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_P-bnBeA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_G-bnBeA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_B-bnBeA.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_N-bnBeA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_M-bnBeA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1D
4BF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIS7w4qzmVxsWxjBZRjr0FKM_04uQ6gTY_9CQ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIS7w4qzmVxsWxjBZRjr0FKM_04uQ6tTY_9CQ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIS7w4qzmVxsWxjBZRjr0FKM_04uQ6jTY8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[_nghost-%COMP%]{display:block}.loading-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.loading-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin-top:20px;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-grey-600)}.loading-spinner[_ngcontent-%COMP%]{width:48px;height:48px;border:4px solid var(--color-neutral-grey-200);border-top-color:var(--color-brand-primary-blue);border-radius:50%;animation:_ngcontent-%COMP%_spin .8s linear infinite}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}.error-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.error-container[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-family:var(--font-heading-h2-family);font-size:var(--font-heading-h2-size);font-weight:var(--font-heading-h2-weight);line-height:var(--font-heading-h2-line-height);color:var(--color-neutral-black);margin-bottom:16px}.error-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-grey-600);margin-bottom:32px}.error-container[_ngcontent-%COMP%] .btn-back-to-blog[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--color-brand-primary-blue);color:#fff;text-decoration:none;border-radius:4px;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);font-weight:500;transition:background-color .2s ease}.error-container[_ngcontent-%COMP%] .btn-back-to-blog[_ngcontent-%COMP%]:hover{background-color:var(--color-brand-blue-800)}.skip-to-content[_ngcontent-%COMP%]{position:absolute;top:-40px;left:0;background:var(--color-brand-primary-blue);color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:1000;font-size:14px;font-weight:500}.skip-to-content[_ngcontent-%COMP%]:focus{top:0;outline:3px solid var(--color-brand-primary-blue);outline-offset:2px}.blog-section[_ngcontent-%COMP%]{background:transparent}.blog-container[_ngcontent-%COMP%]{overflow:visible;margin-top:0;max-width:1536px;margin-left:auto;margin-right:auto;width:100%}.blog-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--gap-gap-40)}.hero-section[_ngcontent-%COMP%]{margin-top:var(--navbar-offset-mobile);background:transparent;padding:60px 24px 24px}@media (min-width: 768px){.hero-section[_ngcontent-%COMP%]{margin-top:var(--navbar-offset-desktop)}}.trust-bar-hidden[_nghost-%COMP%] .hero-section[_ngcontent-%COMP%], .trust-bar-hidden [_nghost-%COMP%] .hero-section[_ngcontent-%COMP%]{margin-top:var(--navbar-offset-no-trust-mobile)}@media (min-width: 768px){.trust-bar-hidden[_nghost-%COMP%] .hero-section[_ngcontent-%COMP%], .trust-bar-hidden [_nghost-%COMP%] .hero-section[_ngcontent-%COMP%]{margin-top:var(--navbar-offset-no-trust-desktop)}}@media (min-width: 768px){.hero-section[_ngcontent-%COMP%]{padding:80px 40px 24px}}@media (min-width: 1280px){.hero-section[_ngcontent-%COMP%]{padding:100px 100px 24px}}.breadcrumbs[_ngcontent-%COMP%]{margin-bottom:32px}.breadcrumbs[_ngcontent-%COMP%] ol[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:0;margin:0;list-style:none;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);font-weight:var(--font-paragraph-default-weight-regular);line-height:var(--font-paragraph-default-line-height)}.breadcrumbs[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.breadcrumbs[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:not(:last-child):after{content:"/";color:var(--color-neutral-grey-400);margin-left:8px}.breadcrumb-link[_ngcontent-%COMP%]{color:var(--color-neutral-grey-700);text-decoration:none;transition:text-decoration .2s ease}.breadcrumb-link[_ngcontent-%COMP%]:hover{text-decoration:underline;text-decoration-color:var(--color-neutral-grey-700);text-decoration-thickness:1px;text-underline-offset:3px}.breadcrumb-link[_ngcontent-%COMP%]:focus{outline:2px solid var(--color-brand-primary-blue);outline-offset:2px;border-radius:2px}.breadcrumb-current[_ngcontent-%COMP%]{color:var(--color-neutral-grey-700)}.published-date[_ngcontent-%COMP%]{color:var(--color-neutral-grey-600);font-family:var(--font-paragraph-small-family);font-size:12px;font-weight:400;line-height:18px;margin:0 0 12px;text-transform:capitalize}.article-published-date[_ngcontent-%COMP%]{color:var(--color-neutral-grey-600);font-family:var(--font-paragraph-small-family);font-size:12px;font-weight:400;line-height:18px;margin:0 0 16px;text-transform:capitalize}.last-updated-date[_ngcontent-%COMP%]{color:var(--color-neutral-grey-600);font-family:var(--font-paragraph-small-family);font-size:12px;font-weight:400;line-height:18px;margin:24px 0 0;padding-top:24px;border-top:1px solid var(--color-neutral-grey-200)}.reading-time-badge[_ngcontent-%COMP%]{position:absolute;top:12px;right:12px;display:inline-flex;padding:6px 16px;justify-content:flex-start;align-items:center;gap:6px;border-radius:100px;background:#fff;width:auto;z-index:10}.reading-time-badge[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#020303;font-family:var(--font-paragraph-small-family);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.hero-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:32px}@media (min-width: 980px){.hero-content[_ngcontent-%COMP%]{flex-direction:row;align-items:flex-start;gap:48px}}.hero-text[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;gap:16px}.hero-text[_ngcontent-%COMP%] app-tldr-accordion[_ngcontent-%COMP%]{margin-top:8px;margin-bottom:8px}.hero-title[_ngcontent-%COMP%]{font-family:var(--font-h1-family);font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);letter-spacing:var(--font-h1-letter-spacing);color:var(--color-neutral-black);margin:0}@media (max-width: 767px){.hero-title[_ngcontent-%COMP%]{font-size:var(--font-h2-size);line-height:var(--font-h2-line-height)}}.hero-subtitle[_ngcontent-%COMP%]{font-family:var(--font-paragraph-large-family);font-size:var(--font-paragraph-large-size);font-weight:var(--font-paragraph-large-weight-regular);line-height:var(--font-paragraph-large-line-height);color:var(--color-neutral-black);margin:0}@media (max-width: 767px){.hero-subtitle[_ngcontent-%COMP%]{font-size:var(--font-paragraph-default-size);line-height:var(--font-paragraph-default-line-height)}}.hero-image[_ngcontent-%COMP%]{position:relative;margin:0;width:100%;height:auto;aspect-ratio:16/9;flex-shrink:0}@media (min-width: 980px){.hero-image[_ngcontent-%COMP%]{flex:1}}.hero-image[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;display:block;border-radius:var(--radius-20);object-fit:cover;object-position:center}.content-section[_ngcontent-%COMP%]{position:relative}.content-section[_ngcontent-%COMP%]:before{content:"";position:absolute;inset:0 50%;margin-left:-50vw;margin-right:-50vw;background:#fff;z-index:-1}.content-container[_ngcontent-%COMP%]{width:100%;margin:0;padding:24px 24px 100px;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.content-container[_ngcontent-%COMP%]{padding:24px 40px 100px}}@media (min-width: 1024px){.content-container[_ngcontent-%COMP%]{grid-template-columns:340px 1fr}}@media (min-width: 1280px){.content-container[_ngcontent-%COMP%]{padding:24px 100px 100px}}.share-sidebar[_ngcontent-%COMP%]{position:sticky;top:120px}@media (max-width: 1023px){.share-sidebar[_ngcontent-%COMP%]{display:none}}.sharing-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px}.section-navigation[_ngcontent-%COMP%]{margin-top:40px}.share-label[_ngcontent-%COMP%]{font-family:var(--font-h4-family);font-size:var(--font-h4-size);font-weight:var(--font-h4-weight);line-height:var(--font-h4-line-height);color:var(--color-neutral-black);text-transform:none;letter-spacing:0}.share-icons[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;gap:12px}.share-icon[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:100%;aspect-ratio:1/1;background:transparent;border:1px solid var(--color-neutral-black);color:var(--color-neutral-black);transition:all .2s ease;text-decoration:none;cursor:pointer;font-size:0}.share-icon[_ngcontent-%COMP%]:hover:not(:disabled){border-color:var(--color-neutral-grey-400);background:#0203030f}.share-icon[_ngcontent-%COMP%]:active:not(:disabled){transform:scale(.95)}.share-icon[_ngcontent-%COMP%]:focus:not(:disabled){border-color:var(--color-neutral-black);background:transparent;outline:3px solid var(--color-brand-primary-blue-100);outline-offset:2px}.share-icon[_ngcontent-%COMP%]:disabled{border-color:#0203034d;background:transparent;color:#0203034d;cursor:not-allowed}.share-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:16px;height:16px;display:block;stroke:currentColor}.content-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:28px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible}.content-wrapper[_ngcontent-%COMP%] app-author-bio[_ngcontent-%COMP%]{margin-bottom:8px}.article[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;overflow-x:hidden}.article[_ngcontent-%COMP%] app-tldr-accordion[_ngcontent-%COMP%]{margin-bottom:16px;width:100%;max-width:100%}.article[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-family:var(--font-h2-family);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);color:var(--color-neutral-black);margin:0 0 16px}.article[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-family:var(--font-h3-family);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);line-height:var(--font-h3-line-height);color:var(--color-neutral-black);margin:0 0 12px}
4.article[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-family:var(--font-h4-family);font-size:var(--font-h4-size);font-weight:var(--font-h4-weight);color:var(--color-neutral-black);margin:0 0 8px}.article[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);font-weight:var(--font-paragraph-default-weight-regular);line-height:var(--font-paragraph-default-line-height);color:var(--color-neutral-black);margin:0}.article[_ngcontent-%COMP%] mark[_ngcontent-%COMP%]{background-color:var(--color-brand-primary-blue-50);color:var(--color-neutral-black);padding:2px 6px;border-radius:4px;font-weight:var(--font-paragraph-default-weight-medium)}.article[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{font-weight:600;color:var(--color-neutral-black)}.article[_ngcontent-%COMP%] em[_ngcontent-%COMP%]{font-style:italic;color:var(--color-neutral-black)}.article[_ngcontent-%COMP%] u[_ngcontent-%COMP%]{text-decoration:underline;text-decoration-color:var(--color-neutral-black);text-decoration-thickness:1px;text-underline-offset:3px}.article[_ngcontent-%COMP%] a{color:inherit!important;text-decoration:underline!important;text-decoration-color:var(--color-brand-primary-blue)!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}.article[_ngcontent-%COMP%] a:hover{text-decoration:none!important}.article[_ngcontent-%COMP%] abbr[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-brand-primary-blue);text-decoration-thickness:1px;text-underline-offset:3px;cursor:help;border:none}.article[_ngcontent-%COMP%] small[_ngcontent-%COMP%]{font-family:var(--font-paragraph-small-family);font-size:var(--font-paragraph-small-size);color:var(--color-neutral-grey-600);line-height:var(--font-paragraph-small-line-height)}.article[_ngcontent-%COMP%] .recommended-product-section[_ngcontent-%COMP%]{margin:48px 0 32px;padding:32px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #E5E7EB}.article[_ngcontent-%COMP%] .recommended-product-section[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0 0 8px;font-family:var(--font-h3-family);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);color:var(--color-neutral-black)}.article[_ngcontent-%COMP%] .product-intro[_ngcontent-%COMP%]{margin:0 0 24px;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-grey-700);line-height:var(--font-paragraph-default-line-height)}.article[_ngcontent-%COMP%] app-product-card[_ngcontent-%COMP%]{display:block;max-width:500px}.article[_ngcontent-%COMP%] .code-block-wrapper[_ngcontent-%COMP%]{margin:24px 0;border:1px solid #374151;border-radius:8px;background:#1f2937;overflow:hidden}.article[_ngcontent-%COMP%] .code-block-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111827;border-bottom:1px solid #374151;gap:12px}.article[_ngcontent-%COMP%] .code-language[_ngcontent-%COMP%]{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:12px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.article[_ngcontent-%COMP%] .code-copy-btn[_ngcontent-%COMP%]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:#d1d5db;border:1px solid #4B5563;border-radius:6px;font-family:Manrope,-apple-system,Roboto,Helvetica,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease}.article[_ngcontent-%COMP%] .code-copy-btn[_ngcontent-%COMP%]:hover:not(:disabled){color:#f3f4f6;border-color:#6b7280;background:#ffffff0d}.article[_ngcontent-%COMP%] .code-copy-btn[_ngcontent-%COMP%]:active:not(:disabled){background:#ffffff14}.article[_ngcontent-%COMP%] .code-copy-btn[_ngcontent-%COMP%] app-phosphor-icon[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center}.article[_ngcontent-%COMP%] .code-block[_ngcontent-%COMP%]{padding:16px;background:#1f2937;overflow-x:auto}.article[_ngcontent-%COMP%] .code-block[_ngcontent-%COMP%] code[_ngcontent-%COMP%]{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.6;color:#e5e7eb;display:block;white-space:pre}.article[_ngcontent-%COMP%] .code-block[_ngcontent-%COMP%] pre[_ngcontent-%COMP%]{margin:0;padding:0}.article[_ngcontent-%COMP%] .embedded-product[_ngcontent-%COMP%]{margin:40px 0}.article[_ngcontent-%COMP%] .product-preview[_ngcontent-%COMP%]{display:flex;gap:24px;padding:24px;border:1px solid #E5E7EB;border-radius:12px;background:#fff}@media (max-width: 768px){.article[_ngcontent-%COMP%] .product-preview[_ngcontent-%COMP%]{flex-direction:column;gap:16px}}.article[_ngcontent-%COMP%] .product-preview-image[_ngcontent-%COMP%]{width:250px;height:180px;object-fit:cover;border-radius:8px;flex-shrink:0}@media (max-width: 768px){.article[_ngcontent-%COMP%] .product-preview-image[_ngcontent-%COMP%]{width:100%;height:200px}}.article[_ngcontent-%COMP%] .product-preview-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px;flex:1}.article[_ngcontent-%COMP%] .product-preview-title[_ngcontent-%COMP%]{margin:0;font-family:var(--font-h3-family);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);color:var(--color-neutral-black)}.article[_ngcontent-%COMP%] .product-preview-subtitle[_ngcontent-%COMP%]{margin:0;font-family:var(--font-paragraph-default-family);font-size:14px;font-weight:500;color:var(--color-brand-primary-blue);text-transform:uppercase;letter-spacing:.5px}.article[_ngcontent-%COMP%] .product-preview-description[_ngcontent-%COMP%]{margin:0;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-grey-700);line-height:var(--font-paragraph-default-line-height);flex:1}.article[_ngcontent-%COMP%] .product-preview-link[_ngcontent-%COMP%]{display:flex;align-self:flex-start;text-decoration:none;margin-top:8px}.article[_ngcontent-%COMP%] .product-preview-link[_ngcontent-%COMP%] app-button[_ngcontent-%COMP%]{display:flex}.content-list[_ngcontent-%COMP%]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.content-list[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{display:flex;gap:12px;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-black)}.content-list[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:before{content:"\\2022";flex-shrink:0;color:var(--color-brand-primary-blue);font-weight:700}ol[_ngcontent-%COMP%] .content-list[_ngcontent-%COMP%]{counter-reset:item}ol[_ngcontent-%COMP%] .content-list[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{counter-increment:item}ol[_ngcontent-%COMP%] .content-list[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:before{content:counter(item) ".";color:var(--color-brand-primary-blue);font-weight:700}.content-quote[_ngcontent-%COMP%]{padding:0 24px;background:var(--color-brand-primary-blue-50);margin:0;align-self:stretch}
4.content-quote[_ngcontent-%COMP%] .quote-container[_ngcontent-%COMP%]{padding:40px 0;opacity:.8;display:flex;flex-direction:column;gap:8px}.content-quote[_ngcontent-%COMP%] .quote-icon[_ngcontent-%COMP%]{width:24px;height:24px;flex-shrink:0}.content-quote[_ngcontent-%COMP%] .quote-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:24px;height:24px;display:block}.content-quote[_ngcontent-%COMP%] .quote-text[_ngcontent-%COMP%]{font-family:var(--font-h4-family);font-size:var(--font-h4-size);font-weight:var(--font-h4-weight);line-height:var(--font-h4-line-height);letter-spacing:-.21px;color:var(--color-neutral-black);margin:0}.content-quote[_ngcontent-%COMP%] .quote-attribution[_ngcontent-%COMP%]{font-family:var(--font-paragraph-small-family);font-size:var(--font-paragraph-small-size);font-weight:var(--font-paragraph-small-weight-regular);line-height:var(--font-paragraph-small-line-height);color:var(--color-neutral-black);font-style:normal;margin:0}.info-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.info-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}}.info-card[_ngcontent-%COMP%]{padding:24px;background:var(--color-neutral-grey-50);border-radius:var(--radius-12);display:flex;flex-direction:column;gap:12px}.info-card[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{font-family:var(--font-h5-family);font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);color:var(--color-neutral-black);margin:0}.info-card[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-black);margin:0}.related-articles[_ngcontent-%COMP%]{padding:60px 0;border-top:1px solid var(--color-neutral-grey-200);border-bottom:1px solid var(--color-neutral-grey-200);width:100%}.related-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media (max-width: 767px){.related-header[_ngcontent-%COMP%]{align-items:flex-start;gap:16px}}.related-title[_ngcontent-%COMP%]{font-family:var(--font-h2-family);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);color:var(--color-neutral-black);margin:0}@media (max-width: 767px){.related-title[_ngcontent-%COMP%]{font-size:var(--font-h3-size);line-height:var(--font-h3-line-height)}}.related-nav[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px}.carousel-btn[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:100px;background:#fff;border:1.5px solid var(--color-neutral-black);color:var(--color-neutral-black);transition:all .2s ease;text-decoration:none;cursor:pointer;flex-shrink:0;font-size:0}.carousel-btn[_ngcontent-%COMP%]:hover:not(:disabled){border-color:var(--color-brand-primary-blue);background:var(--color-brand-primary-blue);color:#fff;transform:scale(1.08)}.carousel-btn[_ngcontent-%COMP%]:active:not(:disabled){transform:scale(.95)}.carousel-btn[_ngcontent-%COMP%]:focus:not(:disabled){outline:2px solid var(--color-brand-primary-blue);outline-offset:2px}.carousel-btn[_ngcontent-%COMP%]:disabled{border-color:#0203034d;background:transparent;color:#0203034d;cursor:not-allowed}.carousel-btn[_ngcontent-%COMP%] app-phosphor-icon[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center}.related-grid[_ngcontent-%COMP%]{display:flex;flex-direction:row;gap:24px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-behavior:smooth;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;scrollbar-color:var(--color-neutral-grey-300) transparent;scrollbar-width:thin}.related-grid[_ngcontent-%COMP%]::-webkit-scrollbar{height:6px}.related-grid[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent}.related-grid[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--color-neutral-grey-300);border-radius:3px}.related-grid[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-grey-400)}.related-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px;flex-shrink:0;width:100%;min-width:280px;text-decoration:none;color:inherit;transition:all .2s ease}@media (min-width: 640px){.related-card[_ngcontent-%COMP%]{min-width:320px;width:320px}}@media (min-width: 1024px){.related-card[_ngcontent-%COMP%]{min-width:360px;width:360px}}@media (min-width: 1280px){.related-card[_ngcontent-%COMP%]{min-width:400px;width:400px}}.related-card[_ngcontent-%COMP%]:focus{outline:3px solid #C6BFF8;outline-offset:4px;border-radius:6px}.related-image-wrapper[_ngcontent-%COMP%]{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-12);width:100%;height:auto;aspect-ratio:16/9;flex-shrink:0;cursor:pointer}.related-image[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s cubic-bezier(.23,1,.32,1)}.related-image-wrapper[_ngcontent-%COMP%]:hover .related-image[_ngcontent-%COMP%]{transform:scale(1.08)}.related-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px}
4.related-read-time[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:14px;font-weight:400;line-height:21px;color:var(--color-neutral-black);margin:0}.related-post-title[_ngcontent-%COMP%]{font-family:Syne;font-size:21px;font-weight:400;line-height:27px;letter-spacing:-.21px;color:var(--color-neutral-black);margin:0}.related-meta[_ngcontent-%COMP%]{display:flex;gap:16px;font-family:var(--font-paragraph-small-family);font-size:var(--font-paragraph-small-size);color:var(--color-neutral-grey-600)}.related-link[_ngcontent-%COMP%]{color:var(--color-brand-primary-blue);text-decoration:none;font-weight:500;transition:color .2s ease}.related-link[_ngcontent-%COMP%]:hover{color:var(--color-brand-blue-400)}app-cta[_ngcontent-%COMP%] .cta-wrapper{padding-left:0!important;padding-right:0!important}.audit-section[_ngcontent-%COMP%]{padding:0;background:transparent;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:48px 0}.audit-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px;background:var(--color-neutral-grey-50);border-radius:20px;position:relative;max-width:674px;width:100%}@media (min-width: 675px){.audit-container[_ngcontent-%COMP%]{flex-direction:row;gap:24px;align-items:flex-start;justify-content:center;padding:40px;max-width:none}}.audit-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:6px;width:100%;max-width:500px}@media (min-width: 675px){.audit-content[_ngcontent-%COMP%]{flex:1;max-width:400px}}.audit-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.audit-icon[_ngcontent-%COMP%]{font-size:21px;line-height:27px;letter-spacing:-.21px}.audit-label[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:14px;line-height:21px;font-weight:400;color:var(--color-neutral-black);flex:1}.audit-title[_ngcontent-%COMP%]{font-family:var(--font-h2-family);font-size:24px;font-weight:400;line-height:30px;color:var(--color-neutral-black);margin:0}.audit-description[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:14px;font-weight:400;line-height:21px;color:var(--color-neutral-black);margin:0}.audit-link[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:14px;font-weight:400;line-height:21px;color:var(--color-neutral-black);text-decoration:underline;text-decoration-color:var(--color-brand-primary-blue);width:fit-content;transition:color .2s ease,text-decoration-color .2s ease}.audit-link[_ngcontent-%COMP%]:hover{color:var(--color-brand-primary-blue)}.audit-link[_ngcontent-%COMP%]:focus{outline:2px solid var(--color-brand-primary-blue);outline-offset:2px}.audit-form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px}@media (min-width: 675px){.audit-form[_ngcontent-%COMP%]{flex:1;max-width:400px}}.form-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px}.form-label[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:14px;line-height:21px;font-weight:400;color:var(--color-neutral-black)}.form-input[_ngcontent-%COMP%]{height:48px;padding:2px 16px;border:1px solid var(--color-neutral-grey-500);border-radius:6px;font-family:var(--font-paragraph-default-family);font-size:16px;line-height:25px;color:var(--color-neutral-black);background:#fff;transition:border-color .2s ease}.form-input[_ngcontent-%COMP%]::placeholder{color:var(--color-neutral-grey-400)}.form-input[_ngcontent-%COMP%]:focus{outline:none;border-color:var(--color-brand-primary-blue);box-shadow:0 0 0 3px var(--color-brand-primary-blue-50)}.form-input[_ngcontent-%COMP%]:invalid{border-color:#dc2626}.form-input.error[_ngcontent-%COMP%]{border-color:#dc2626}.form-input.error[_ngcontent-%COMP%]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-error[_ngcontent-%COMP%]{display:block;margin-top:4px;font-family:var(--font-paragraph-small-family);font-size:12px;color:#dc2626;font-weight:500}.audit-submit-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;margin-top:18px;background:var(--color-brand-primary-blue);color:#fff;border:none;border-radius:100px;font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);font-weight:400;line-height:16px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;width:100%}@media (min-width: 675px){.audit-submit-button[_ngcontent-%COMP%]{width:auto}}.audit-submit-button[_ngcontent-%COMP%]:hover{background:var(--color-brand-blue-400)}.audit-submit-button[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 3px var(--color-brand-primary-blue-50)}.audit-submit-button[_ngcontent-%COMP%] app-phosphor-icon[_ngcontent-%COMP%]{flex-shrink:0}.newsletter-section[_ngcontent-%COMP%]{padding:60px 40px;background:var(--color-neutral-white);border-radius:var(--radius-16);text-align:center}.newsletter-title[_ngcontent-%COMP%]{font-family:var(--font-h2-family);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);color:var(--color-neutral-black);margin:0 0 12px}.newsletter-description[_ngcontent-%COMP%]{font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);color:var(--color-neutral-grey-600);margin:0 0 32px}.newsletter-form[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.newsletter-submit[_ngcontent-%COMP%]{padding:12px 24px;background:var(--color-brand-primary-blue);color:#fff;border:none;border-radius:var(--radius-8);font-family:var(--font-paragraph-default-family);font-size:var(--font-paragraph-default-size);font-weight:500;cursor:pointer;transition:background-color .2s ease}.newsletter-submit[_ngcontent-%COMP%]:hover{background:var(--color-brand-blue-400)} #main-article img{max-width:100%!important;height:auto} #main-article a{color:inherit!important;text-decoration:underline!important;text-decoration-color:var(--color-brand-primary-blue)!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;text-decoration-skip-ink:auto!important} #main-article a:hover{text-decoration:none!important}']})};export{lt as LearnPostComponent};
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.