PageSourceSearch

https://backlinko.com/_next/static/chunks/1219-74f7831129cebefe.js

js backlinko.com collected 2026-09-24 07:56:03 UTC 107,611 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1219],{15284:(n,e,t)=>{t.d(e,{h:()=>a});var i,r=t(14232);function o(){return(o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var a=function(n){return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:188,height:25,viewBox:"0 0 188 25"},n),i||(i=r.createElement("g",{fill:"currentColor",fillRule:"evenodd",color:"#00bc98"},r.createElement("path",{d:"M10.17 24.34H0V1.11h9a13 13 0 0 1 4.07.57 5.76 5.76 0 0 1 2.58 1.53 6 6 0 0 1 1.56 4.05 4.78 4.78 0 0 1-1.76 4.06 6 6 0 0 1-.84.58c-.15.08-.43.2-.82.38a6.12 6.12 0 0 1 3.43 1.94 5.4 5.4 0 0 1 1.28 3.68 6.23 6.23 0 0 1-1.66 4.28q-1.84 2.16-6.67 2.16m-5-13.82h2.47a8.3 8.3 0 0 0 3.21-.47A2 2 0 0 0 11.9 8a2.06 2.06 0 0 0-1-2 7.6 7.6 0 0 0-3.25-.5H5.19zm0 9.44h3.57a8 8 0 0 0 3.34-.55 2.18 2.18 0 0 0 1.11-2.16A2.07 2.07 0 0 0 12 15.12a10.2 10.2 0 0 0-3.77-.51h-3zm33.65 4.38-2.16-5h-9.73l-2.17 5h-5.51l10-23.23h5l10 23.23zM31.81 8l-2.92 6.74h5.81zM55.91 19.76a7.65 7.65 0 0 0 6.25-3l3.32 3.43a12.54 12.54 0 0 1-18.16 1.06 11.47 11.47 0 0 1-3.47-8.56A11.55 11.55 0 0 1 47.39 4 11.9 11.9 0 0 1 56.05.58a12.25 12.25 0 0 1 9.57 4.36l-3.23 3.65a7.54 7.54 0 0 0-6.11-3.06 7.13 7.13 0 0 0-5 1.91 6.67 6.67 0 0 0-2.08 5.16 7 7 0 0 0 2 5.2 6.5 6.5 0 0 0 4.71 1.96M68.86 1.11H74v9.54l8.77-9.54h6.42L80 11.38q1.2 1.66 4.42 6.2c2.15 3 3.75 5.28 4.82 6.76h-6l-6.81-9.17L74 17.76v6.58h-5.14zM92.09 24.34V1.11h5.19v18.61h9.9v4.62zM110.5 1.11h5.18v23.23h-5.18zM135.62 1.11h5.18v23.23h-5.18L124.55 9.79v14.55h-5.18V1.11h4.85l11.4 15zM144.38 1.11h5.18v9.54l8.77-9.54h6.42l-9.24 10.27q1.2 1.66 4.42 6.2c3.22 4.54 3.753 5.28 4.82 6.76h-6.05l-6.81-9.17-2.33 2.59v6.58h-5.18zm39.69 10.94h3.54A12.48 12.48 0 0 0 184.27 4l-2.5 2.51a8.9 8.9 0 0 1 2.3 5.54m-8.51 9.41V25a12.46 12.46 0 0 0 8.07-3.34l-2.5-2.5a8.94 8.94 0 0 1-5.57 2.3m-.9-17.92V0a12.48 12.48 0 0 0-8.07 3.34l2.51 2.5a9 9 0 0 1 5.56-2.3m-5.56 15.62-2.51 2.5a12.48 12.48 0 0 0 8.07 3.34v-3.54a8.94 8.94 0 0 1-5.56-2.3"}),r.createElement("path",{d:"M168.46 6.49 166 4a12.46 12.46 0 0 0-3.34 8.07h3.54a8.92 8.92 0 0 1 2.26-5.58M166.15 13h-3.54a12.46 12.46 0 0 0 3.39 8l2.51-2.5a9 9 0 0 1-2.36-5.5m17.92 0a8.94 8.94 0 0 1-2.3 5.57l2.5 2.5a12.46 12.46 0 0 0 3.34-8.07zm-2.94-7.16 2.5-2.5A12.46 12.46 0 0 0 175.56 0v3.54a9 9 0 0 1 5.57 2.3"}))))}},26315:(n,e,t)=>{t.d(e,{A:()=>l,h:()=>a});var i,r=t(14232);function o(){return(o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var a=function(n){return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 512 512"},n),i||(i=r.createElement("path",{d:"M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9z"})))};let l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIFBybyA2LjUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZSAoQ29tbWVyY2lhbCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMjM5IDQwMWM5LjQgOS40IDI0LjYgOS40IDMzLjkgMEw0NjUgMjA5YzkuNC05LjQgOS40LTI0LjYgMC0zMy45cy0yNC42LTkuNC0zMy45IDBsLTE3NSAxNzVMODEgMTc1Yy05LjQtOS40LTI0LjYtOS40LTMzLjkgMHMtOS40IDI0LjYgMCAzMy45TDIzOSA0MDF6Ii8+PC9zdmc+"},26519:(n,e,t)=>{t.d(e,{_:()=>g});var i=t(42969),r=t(59860),o=t(77328),a=t.n(o),l=t(54587),c=t.n(l),s=t(18153),d=["sourceUrl","src","webpSourceUrl","srcSet","webpSrcSet","sizes","title","withPreload","mediaDetails","altText","alt","fill","priority","width","height"];function p(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function u(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};
1e%2?p(Object(t),!0).forEach(function(e){(0,i.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var h={name:"1hyxgad",styles:"max-width:100%;height:auto"},g=function(n){var e=n.sourceUrl,t=n.src,i=n.webpSourceUrl,o=n.srcSet,l=n.webpSrcSet,p=n.sizes,g=n.title,m=n.withPreload,f=n.mediaDetails,b=n.altText,v=n.alt,x=n.fill,y=n.priority,w=n.width,A=n.height,k=(0,r.A)(n,d),O=e||t,Y=g||b||v||"",S=(null==f?void 0:f.width)||w,M=(null==f?void 0:f.height)||A;return O?x?(0,s.FD)(s.FK,{children:[(0,s.Y)(c(),u({src:O,alt:Y,fill:!0,sizes:p||"100vw",priority:y,style:u({objectFit:"cover"},k.style)},k)),m&&(0,s.Y)(a(),{children:(0,s.Y)("link",{rel:"preload",as:"image",href:i||O,imageSrcSet:l||o,imageSizes:p})})]}):S&&M?(0,s.FD)(s.FK,{children:[(0,s.Y)(c(),u({src:O,alt:Y,width:S,height:M,sizes:p||"100vw",priority:y,style:u({maxWidth:"100%",height:"auto"},k.style)},k)),m&&(0,s.Y)(a(),{children:(0,s.Y)("link",{rel:"preload",as:"image",href:i||O,imageSrcSet:l||o,imageSizes:p})})]}):(0,s.FD)(s.FK,{children:[m&&(0,s.Y)(a(),{children:(0,s.Y)("link",{rel:"preload",as:"image",href:i||O,imageSrcSet:l||o,imageSizes:p})}),(0,s.FD)("picture",{children:[l&&(0,s.Y)("source",{srcSet:l,sizes:p,type:"image/webp"}),(0,s.Y)("img",u({src:O,srcSet:o,sizes:p,alt:Y,loading:y?"eager":"lazy",width:S,height:M,css:h},k))]})]}):null}},31219:(n,e,t)=>{t.d(e,{A:()=>iy});var i,r,o,a,l,c,s,d,p,u,h,g,m,f,b,v,x,y,w,A,k,O,Y,S,M,j,L,z,P,C,D,N,H,F,I,E,B,T,_,q,G,R,K,U,V,Q,W,Z,J,X,$,nn,ne,nt,ni,nr,no,na,nl,nc,ns,nd,np,nu,nh,ng,nm,nf,nb,nv,nx,ny,nw,nA,nk,nO,nY,nS,nM,nj,nL,nz,nP,nC,nD=t(42969),nN=t(32228),nH=t(38993),nF=t(48230),nI=t.n(nF),nE=t(59860),nB=t(36060),nT=t(14232),n_=t(94151),nq=t(75317),nG=t(88482),nR=(0,nH.AH)(i||(i=(0,nN.A)(["\n  position: relative;\n  background-color: ",";\n  z-index: ",";\n"])),n_.AS,n_.$Cu),nK=(0,nH.AH)(r||(r=(0,nN.A)(["\n  position: relative;\n  z-index: ",";\n  height: ","px;\n\n  "," {\n    height: ","px;\n  }\n\n  .headroom {\n    position: fixed;\n    top: var(--backlinko-bar-height, 0px);\n    left: 0;\n    right: 0;\n    transition: all 200ms ease-in-out;\n  }\n\n  &.has-shadow .headroom,\n  .headroom--pinned.headroom--scrolled {\n    box-shadow: 3px 3px 30px 0 rgba(25, 27, 35, 0.15);\n  }\n\n  .headroom--unpinned {\n    box-shadow: none !important;\n    top: calc((","px - var(--backlinko-bar-height, 0px)) / -1);\n\n    "," {\n      top: calc((","px - var(--backlinko-bar-height, 0px)) / -1);\n    }\n\n    .header-popup {\n      opacity: 0 !important;\n      visibility: hidden !important;\n    }\n  }\n"])),n_.$Cu,n_.$Ae,(0,nq.mq)("lg"),n_.KZA,n_.$Ae,(0,nq.mq)("lg"),n_.KZA),nU=(0,nH.AH)(o||(o=(0,nN.A)(["\n  background-color: ",";\n  transition: all 0.15s ease-in-out;\n  position: relative;\n  z-index: 2;\n  margin-top: -1px;\n  height: calc(","px + 1px);\n\n  "," {\n    height: calc(","px + 1px);\n  }\n"])),n_.AS,n_.$Ae,(0,nq.mq)("lg"),n_.KZA),nV=(0,nH.AH)(a||(a=(0,nN.A)(["\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n\n  "," {\n    position: static;\n    height: ","px;\n    padding-left: ","px;\n    padding-right: ","px;\n  }\n\n  "," {\n    max-width: 1320px;\n    padding-left: ","px;\n    padding-right: ","px;\n  }\n"])),n_.$Ae,n_.U8e,n_.U8e,(0,nq.mq)("lg"),n_.KZA,n_.U8e/2,n_.U8e/2,(0,nq.mq)("xl"),1.5*n_.U8e,1.5*n_.U8e),nQ=(0,nH.AH)(l||(l=(0,nN.A)(["\n  justify-content: center;
1\n"]))),nW=(0,nH.AH)(c||(c=(0,nN.A)(["\n  display: inline-flex;\n\n  img,\n  svg {\n    width: 188px;\n    height: auto;\n  }\n\n  svg {\n    g {\n      fill: currentColor;\n    }\n  }\n"]))),nZ=(0,nH.AH)(s||(s=(0,nN.A)(["\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  column-gap: 40px;\n\n  "," {\n    column-gap: 48px;\n  }\n"])),(0,nq.mq)("xl")),nJ=(0,nH.AH)(d||(d=(0,nN.A)(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: ","px;\n\n  "," {\n    display: none;\n  }\n\n  "," {\n    height: ","px;\n  }\n\n  > a,\n  > button {\n    padding: 9px 24px;\n    ",";\n    border-radius: 4px;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.4;\n    border: 0;\n    transition: all 0.2s ease-in-out;\n    font-family: inherit;\n    cursor: pointer;\n  }\n"])),n_.$Ae,(0,nq.G)("md"),(0,nq.mq)("lg"),n_.KZA,(0,nG.buttonVariant)(n_.wLJ,n_.wLJ)),nX=(0,nH.AH)(p||(p=(0,nN.A)(["\n  "," {\n    display: none;\n  }\n  \n  > ul {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    padding-left: 0;\n    list-style: none;\n    margin: 0 ","px;\n\n    > li {\n      > a,\n      > button {\n        position: relative;\n        line-height: inherit;\n        font-family: inherit;\n        background: none;\n        border: 0;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-size: ","rem;\n        padding: 0 ","px;\n        margin: 0 9px;\n        color: ",";\n        transition: opacity "," ",";\n        \n        "," {\n          margin: 0 15px;\n          padding: 0 ","px;\n        }\n\n        &::after {\n          content: '';\n          position: absolute;\n          bottom: 2px;\n          left: ","px;\n          height: 1px;\n          width: 0;\n          background-color: ",";\n          transition: ",";\n        }\n\n        &.active {\n          &::after {\n            width: calc(100% - ","px);\n          }\n        }\n\n        &:hover {\n          opacity: 0.8;\n        }\n      }\n\n      > a.button {\n        line-height: 1.4;\n        border-radius: 6px;\n        font-family: inherit;\n        font-weight: 600;\n        font-size: 14px;\n        padding: 8px 24px;\n        background-color: ",";\n        color: ",";\n        opacity: 1;\n\n        &::after {\n          display: none;\n        }\n\n        &:hover {\n          background-color: #00c074;\n          border-color: #00bb71;\n        }\n\n        &:active {\n          background-color: #00bb71;\n          border-color: #00b66e;\n        }\n      }\n\n      &:first-of-type {\n        > * {\n          margin-left: 0;\n        }\n      }\n\n      &:last-of-type {\n        > * {\n          margin-right: 0;\n\n          &.button {\n            margin-right: 10px;\n          }\n        }\n      }\n\n      &.mega {\n        > div {\n          background-color: ",";\n          position: fixed;\n          z-index: -1;\n          padding-top: calc(",'px + var(--backlinko-bar-height, 0px));\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          transition: opacity 0.2s ease-out, visibility 0.2s ease-out;\n          opacity: 0;\n          visibility: hidden;\n          backface-visibility: hidden;\n          will-change: opacity;\n          contain: layout style;\n\n          &.active {\n            opacity: 1;\n            visibility: visible;\n          }\n\n          &::before {\n            content: "";\n            background-color: ',";\n            width: 100%;\n            height: 1px;\n            position: absolute;\n            z-index: 3;\n            top: calc(","px + var(--backlinko-bar-height, 0px));\n          }\n\n          > div {\n            height: 100%;\n            width: 100%;\n            overflow-x: hidden;\n            overflow-y: auto;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            \n            > div {\n              position: relative;\n              z-index: 3;\n              display: flex;\n              flex-wrap: wrap;\n              height: 100%;\n\n              "," {\n                max-width: 1320px;\n                padding-left: ","px;\n                padding-right: ","px;\n              }\n\n              > div {\n                &:first-of-type {\n                  width: 25%;\n                  padding: 24px 16px 24px 0;\n                  border-right: 1px solid ",";\n\n                  > span {\n                    display: block;\n                    font-size: 34px;\n                    font-weight: 600;\n                    line-height: 1.1;\n                    margin-bottom: 24px;\n                  }\n\n                  ul {\n                    margin: 0 0 0 -16px;\n                    padding: 0;\n                    list-style: none;\n\n                    li {\n                      + li {\n                        margin-top: 8px;\n                      }\n\n                      a,\n                      button {\n                        cursor: pointer;\n                        border-radius: 6px;\n                        text-align: left;\n                        width: 100%;\n                        padding: 20px 16px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;\n                        font-size: 16px;\n                        font-weight: 500;\n                        line-height: 1.1;\n                        color: ",";\n                        border: 1px solid transparent;\n                        background-color: transparent;\n                        transition: all 0.1s linear;\n                        font-family: inherit;\n\n                        svg {\n                          height: 14px;\n                          width: auto;\n                          margin-left: 16px;\n                        }\n\n                        &:hover {\n                          color: ",";\n                        }\n\n                        &.active {\n                          color: ",";\n                          border-color: ",";\n                          background-color: ",";\n                        }\n                      }\n                    }\n                  }\n                }\n\n                &:last-of-type {\n                  position: relative;\n                  width: 75%;\n                  padding: 40px 0 44px 16px;\n                  display: flex;\n                  flex-direction: column;\n                  justify-content: space-between;\n\n                  "," {\n                    padding-left: 32px;\n                    padding-right: 56px;\n                  }\n\n                  > button {\n                    position: absolute;\n                    width: 24px;\n                    height: 24px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    right: 0;\n                    top: 24px;\n                    color: ",";\n                    transition: all 0.1s linear;\n                    border: 0;\n                    background: transparent;\n                    cursor: pointer;\n                    padding: 0;\n\n                    svg {\n                      height: 15px;\n                      width: auto;\n\n                      path {\n                        fill: currentColor;\n                      }\n                    }\n\n                    &:hover {\n                      color: ",";\n                    }\n                  }\n\n                  > ul {\n                    padding: 0;\n                    margin: 0;\n                    list-style: none;\n                    grid-template-columns: repeat(3, minmax(0, 1fr));\n                    display: none;\n\n                    &.active {\n                      display: grid;\n                    }\n\n                    > li {\n                      width: 100%;\n                      line-height: 1.4;\n                      cursor: pointer;\n\n                      > a {\n                        display: block;\n                        color: ",";\n                        font-size: 14px;\n                        font-weight: 700;\n                        padding: 16px 16px 10px;\n\n                        span {\n                          display: block;\n                          transition: color 0.1s linear;\n                        }\n\n                        + span {\n                          font-size: 12px;\n                          font-weight: 400;\n                          padding: 0 16px 16px;\n                          display: block;\n                        }\n                      }\n\n                      &:hover {\n                        > a {\n                          span {\n                            color: ",";\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  > div {\n                    margin-top: 40px;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}"])),(0,nq.G)("md"),-(n_.U8e/2),n_.iIY,n_.U8e/3.75,n_.RmZ,n_.vQd,n_.Bi7,(0,nq.mq)("xl"),n_.U8e/2,n_.U8e/2,n_.Ql9,n_.f0r,n_.U8e,n_.wLJ,n_.ONy,n_.AS,n_.KZA,n_.dmK,n_.KZA,(0,nq.mq)("xl"),1.5*n_.U8e,1.5*n_.U8e,n_.dmK,n_.Fpd,n_.Ql9,n_.Fpd,n_.Tah,n_.Nvp,(0,nq.mq)("xl"),n_.Fpd,n_.Ql9,n_.Ql9,n_.wLJ),n$=(0,nH.AH)(u||(u=(0,nN.A)(["\n  &.notice-info {\n    --intergalactic-bg-secondary-info: #f2f2ff;\n    --intergalactic-border-info: #d0bcff;\n    --intergalactic-control-primary-info: ",";\n    --intergalactic-control-primary-info-hover: ",";\n  }\n\n  --intergalactic-form-control-m: 36px;\n\n  > div > div {\n    justify-content: space-between;\n  }\n"])),n_.kZQ,(0,nG.lightenDarkenColor)(n_.kZQ,-7.5)),n0=n_.NMs+n_.KaG,n1=(0,nH.AH)(h||(h=(0,nN.A)(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  background: none;\n  border: none;\n  outline: none;\n  height: ","px;\n  padding: 0;\n\n  "," {\n    display: none;\n  }\n\n  i {\n    display: block;\n    position: relative;\n    width: ","px;\n    height: ","px;\n    background-color: ",";\n    transition: ",';\n\n    &::before,\n    &::after {\n      content: "";\n      width: ',"px;\n      height: ","px;\n      display: block;\n      position: absolute;\n      backface-visibility: hidden;\n      background-color: ",";\n      transition: ",";\n    }\n\n    &::before {\n      transform: ",";\n    }\n\n    &::after {\n      transform: ",";\n    }\n  }\n"])),n_.$Ae,(0,nq.mq)("lg"),n_.wYC,n_.NMs,n_.tMr,n_.wtW,n_.wYC,n_.NMs,n_.tMr,n_.wtW,"translateY(calc(".concat(n0,"px / -1))"),"translateY(".concat(n0,"px)")),n2=(0,nH.AH)(g||(g=(0,nN.A)(["\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  visibility: hidden;\n  background-color: ",";\n  transition:\n    opacity 0.2s ease-out,\n    visibility 0.2s ease-out;\n  will-change: opacity;\n  contain: layout style paint;\n\n  "," {\n    display: none;\n  }\n\n  div.main {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n"])),n_.ONy,(0,nq.mq)("lg")),n4=(0,nH.AH)(m||(m=(0,nN.A)(["\n  opacity: 1;\n  visibility: visible;\n"]))),n3=(0,nH.AH)(f||(f=(0,nN.A)(["\n  padding: 0 0 ","px 0;\n  margin-top: calc(","px + var(--backlinko-bar-height, 0px));\n  border-top: 1px solid ",";\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 20px 20px -20px rgba(0, 0, 0, 0.07);\n"])),n_.t26,n_.$Ae,n_.gF9),n5=(0,nH.AH)(b||(b=(0,nN.A)(["\n  display: flex;\n  flex-direction: column;\n  align-content: stretch;\n  height: calc(100% - var(--backlinko-bar-height, 0px));\n  width: 100%;\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n"]))),n6=(0,nH.AH)(v||(v=(0,nN.A)(['\n  overflow: hidden;\n\n  &[data-state="open"] {\n    animation: slideDown 300ms ease-out;\n  }
1\n\n  &[data-state="closed"] {\n    animation: slideUp 300ms ease-out;\n  }\n\n  @keyframes slideDown {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--radix-collapsible-content-height);\n    }\n  }\n\n  @keyframes slideUp {\n    from {\n      height: var(--radix-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n']))),n8=(0,nH.AH)(x||(x=(0,nN.A)(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: auto;\n  row-gap: 16px;\n  padding-bottom: calc(","px + var(--backlinko-bar-height, 0px));\n\n  > a,\n  > button {\n    border: 0;\n    display: block;\n    width: 100%;\n    font-size: 16px;\n    font-weight: 700;\n    border-radius: 4px;\n    line-height: 1.4;\n    padding: 16px 24px;\n    text-align: center;\n    transition: all 0.2s ease-in-out;\n    font-family: inherit;\n    cursor: pointer;\n    ",";\n\n    &.purple {\n      ",";\n    }\n  }\n\n  > p {\n    text-align: center;\n    font-size: 12px;\n    margin: 0 auto;\n    line-height: 1.4;\n    color: ",";\n  }\n"])),n_.$Ae,(0,nG.buttonVariant)(n_.wLJ,n_.wLJ),(0,nG.buttonVariant)(n_.kZQ,n_.kZQ),n_.Fpd),n7=(0,nH.AH)(y||(y=(0,nN.A)(["\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  > ul {\n    padding: 24px 0 40px;\n    line-height: 1.4;\n\n    > li {\n      + li {\n        margin-top: 8px;\n      }\n\n      > button,\n      > a {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        line-height: 1.4;\n        padding: 12px 0;\n        background: transparent;\n        border: 0;\n        font-size: 20px;\n        color: ",";\n\n        svg {\n          margin-left: 8px;\n          height: 13px;\n          width: auto;\n        }\n      }\n    }\n  }\n\n  div.sub {\n    position: fixed;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: ",";\n    transition: transform 0.3s ease-out;\n    transform: translateX(100%);\n    will-change: transform;\n    contain: layout style paint;\n\n    &.active {\n      transform: translateX(0);\n    }\n  }\n\n  div.sub-scroll {\n    > div {\n      padding-bottom: 44px;\n\n      > div {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 32px 0 24px;\n\n        span {\n          line-height: 1.1;\n          font-size: 34px;\n          font-weight: 600;\n        }\n\n        button {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          line-height: 1.1;\n          padding: 12px 0;\n          background: transparent;\n          border: 0;\n          font-size: 20px;\n          color: ",";\n\n          svg {\n            margin-right: 8px;\n            height: 13px;\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n"])),n_.Fpd,n_.ONy,n_.Fpd),n9=(0,nH.AH)(w||(w=(0,nN.A)(["\n  .collapse-css-transition {\n    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  > a,\n  button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: 1px solid transparent;\n    background-color: transparent;\n    padding: 24px 16px;\n    width: calc(100% + 24px);\n    margin: 0 -12px;\n    line-height: 1.1;\n    font-size: 20px;\n    color: ",";\n    border-radius: 6px;\n    transition: all 0.15s linear;\n\n    "," {\n      margin: 0 -16px;\n      width: calc(100% + 32px);\n    }\n\n    svg {\n      margin-left: 16px;\n      height: 13px;\n      width: auto;\n      transition: all 0.3s linear;\n    }\n\n    &.active {\n      border-color: ",";\n      background-color: ",";\n\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  ul {\n    padding: 16px 0;\n\n    li {\n      width: 100%;\n      line-height: 1.4;\n      cursor: pointer;\n\n      a {\n        display: block;\n        color: ",";\n        font-size: 14px;\n        font-weight: 700;\n        padding: 16px 0 10px;\n\n        span {\n          display: block;\n          transition: color 0.1s linear;\n        }\n\n        + span {\n          display: block;\n          padding-bottom: 16px;\n          font-size: 12px;\n          font-weight: 400;\n        }\n      }\n    }\n  }\n"])),n_.Fpd,(0,nq.mq)("sm"),n_.Tah,n_.Nvp,n_.Ql9),en=(0,nH.AH)(A||(A=(0,nN.A)(["\n  background-color: transparent !important;\n\n  &::before {\n    transform: translateY(0) rotate(-45deg) !important;\n  }\n\n  &::after {\n    width: ",";\n    transform: translateY(0) rotate(45deg) !important;\n  }\n"])),n_.wYC),ee=(0,nH.AH)(k||(k=(0,nN.A)(["\n  position: relative;\n\n  > button {\n    padding: 10px;\n    border: 0;\n    background: none;\n    cursor: pointer;\n    position: relative;\n    margin: 0 -35px 0 -15px;\n    z-index: 10;\n\n    "," {\n      margin: 0 -30px 0 -10px;\n    }\n\n    svg {\n      transition: all 0.2s ease-in-out;\n      width: auto;
1\n      height: 26px;\n      transform: scaleX(-1);\n\n      circle {\n        stroke: ",";\n      }\n\n      rect {\n        fill: ",";\n      }\n    }\n  }\n\n  > div {\n    position: absolute;\n    display: inline-flex;\n    top: ","px;\n    background-color: ",";\n    border: 1px solid #ccd3e8;\n    padding: 10px 70px 10px 24px;\n    border-radius: 6px;\n    margin-top: 8px;\n    box-shadow: 0 1px 12px 0 rgba(25, 27, 35, 0.15);\n    transition:\n      opacity 0.2s ease-in-out,\n      visibility 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    right: -75px;\n    width: calc(100vw - 35px);\n\n    "," {\n      right: -60px;\n      width: 400px;\n    }\n\n    "," {\n      width: auto;\n      right: -65px;\n    }\n\n    "," {\n      margin-top: -7px;\n      top: ",'px;\n    }\n\n    &:after,\n    &:before {\n      content: "";\n      display: block;\n      position: absolute;\n      top: -10px;\n      right: 58px;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 0 10px 10px 10px;\n      border-color: transparent transparent #ccd3e8 transparent;\n      transition: right 0.1s linear;\n\n      '," {\n        right: 11%;\n      }\n    }\n\n    &::after {\n      top: -8.8px;\n      border-color: transparent transparent "," transparent;\n    }\n\n    &.open {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    > div {\n      width: 100%;\n    }\n\n    > button {\n      background: none;\n      padding: 10px;\n      margin: -10px;\n      border: 0;\n      position: absolute;\n      right: 24px;\n      cursor: pointer;\n      top: 13px;\n      transition: all 0.1s linear;\n      color: ",";\n\n      svg {\n        height: 15px;\n        width: auto;\n\n        path {\n          fill: currentColor;\n        }\n      }\n\n      &:hover {\n        color: ",";\n      }\n    }\n  }\n"])),(0,nq.mq)("xl"),n_.Ql9,n_.Ql9,n_.$Ae,n_.ONy,(0,nq.mq)("sm"),(0,nq.mq)("md"),(0,nq.mq)("lg"),n_.KZA,(0,nq.mq)("sm"),n_.ONy,n_.Fpd,n_.Ql9),et=t(91122),ei=t(18153);let er=function(n){var e=n.color,t=void 0===e?n_.zBe:e;return(0,ei.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"188",height:"25",viewBox:"0 0 188 25",children:(0,ei.FD)("g",{color:t,fill:"currentColor",fillRule:"evenodd",children:[(0,ei.Y)("path",{d:"M10.17 24.34H0V1.11h9a12.94 12.94 0 014.07.57 5.76 5.76 0 012.58 1.53 6 6 0 011.56 4.05 4.78 4.78 0 01-1.76 4.06 6.2 6.2 0 01-.84.58c-.15.08-.43.2-.82.38a6.12 6.12 0 013.43 1.94 5.39 5.39 0 011.28 3.68 6.23 6.23 0 01-1.66 4.28c-1.227 1.44-3.45 2.16-6.67 2.16zm-5-13.82h2.47a8.34 8.34 0 003.21-.47A2 2 0 0011.9 8a2.06 2.06 0 00-1-2 7.62 7.62 0 00-3.25-.5H5.19l-.02 5.02zm0 9.44h3.57a8 8 0 003.34-.55 2.18 2.18 0 001.11-2.16A2.07 2.07 0 0012 15.12a10.16 10.16 0 00-3.77-.51h-3l-.06 5.35zM38.82 24.34l-2.16-5h-9.73l-2.17 5h-5.51l10-23.23h5l10 23.23h-5.43zM31.81 8l-2.92 6.74h5.81L31.81 8z"}),(0,ei.Y)("path",{d:"M55.91 19.76a7.65 7.65 0 006.25-3l3.32 3.43a12.54 12.54 0 01-18.16 1.06 11.47 11.47 0 01-3.47-8.56A11.55 11.55 0 0147.39 4 11.9 11.9 0 0156.05.58a12.25 12.25 0 019.57 4.36l-3.23 3.65a7.54 7.54 0 00-6.11-3.06 7.13 7.13 0 00-5 1.91 6.67 6.67 0 00-2.08 5.16 7 7 0 002 5.2 6.5 6.5 0 004.71 1.96zM68.86 1.11H74v9.54l8.77-9.54h6.42L80 11.38c.8 1.107 2.273 3.173 4.42 6.2 2.15 3 3.75 5.28 4.82 6.76h-6l-6.81-9.17L74 17.76v6.58h-5.14V1.11z"}),(0,ei.Y)("path",{d:"M92.09 24.34L92.09 1.11 97.28 1.11 97.28 19.72 107.18 19.72 107.18 24.34z"}),(0,ei.Y)("path",{d:"M110.5 1.11L115.68 1.11 115.68 24.34 110.5 24.34z"}),(0,ei.Y)("path",{d:"M135.62 1.11L140.8 1.11 140.8 24.34 135.62 24.34 124.55 9.79 124.55 24.34 119.37 24.34 119.37 1.11 124.22 1.11 135.62 16.11z"}),(0,ei.Y)("path",{d:"M144.38 1.11h5.18v9.54l8.77-9.54h6.42l-9.24 10.27c.8 1.107 2.273 3.173 4.42 6.2s3.753 5.28 4.82 6.76h-6.05l-6.81-9.17-2.33 2.59v6.58h-5.18V1.11zM184.07 12.05h3.54A12.48 12.48 0 00184.27 4l-2.5 2.51a8.91 8.91 0 012.3 5.54zM175.56 21.46V25a12.46 12.46 0 008.07-3.34l-2.5-2.5a8.94 8.94 0 01-5.57 2.3zM174.66 3.54V0a12.48 12.48 0 00-8.07 3.34l2.51 2.5a9 9 0 015.56-2.3zM169.1 19.16l-2.51 2.5a12.48 12.48 0 008.07 3.34v-3.54a8.94 8.94 0 01-5.56-2.3z"}),(0,ei.Y)("path",{d:"M168.46 6.49L166 4a12.46 12.46 0 00-3.34 8.07h3.54a8.92 8.92 0 012.26-5.58zM166.15 13h-3.54a12.46 12.46 0 003.39 8l2.51-2.5a9 9 0 01-2.36-5.5zM184.07 13a8.94 8.94 0 01-2.3 5.57l2.5 2.5a12.46 12.46 0 003.34-8.07h-3.54zM181.13 5.84l2.5-2.5A12.46 12.46 0 00175.56 0v3.54a9 9 0 015.57 2.3z"})]})})},eo=function(n){var e=n.clearBodyLocks;return(0,nT.useEffect)(function(){e()}),(0,ei.Y)(ei.FK,{children:(0,ei.Y)("header",{className:"header-new",css:nR,children:(0,ei.Y)(et.mc,{css:[nV,nQ,"",""],children:(0,ei.Y)(nI(),{href:"/",title:"Backlinko",css:nW,children:(0,ei.Y)(er,{})})})})})};var ea=t(27925),el=t(13591),ec=t(89099),es=new Map;function ed(n){return es.has(n)||es.set(n,window.matchMedia(n)),es.get(n)}function ep(){return!1}var eu=t(78233),eh=t(18847),eg=t.n(eh),em=function(n,e){return n==="".concat("https://api.backlinko.com","/").concat(e)};let ef=JSON.parse('["/tools/agentic-browsing-readiness","/tools/ai-agent-readiness","/tools/brand-visibility-checker","/tools/google-search-profile-finder","/tools/keyword-density-checker","/tools/llms-txt-generator","/tools/okf-bundle-generator","/tools/robots-txt-ai-crawler-checker","/tools/schema-markup-generator","/tools/schema-markup-validator","/tools/seo-checker","/tools/serp-simulator","/tools/sitemap-generator"]');var eb=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if("string"!=typeof n)return"";try{n.startsWith("http")&&(n=new URL(n).pathname)}catch(n){}return(n=n.split(/[?#]/)[0]).length>1?n.replace(/\/$/,""):n},ev=t(21772);function ex(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function ey(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};
1e%2?ex(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ex(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let ew=function(n){var e=n.node,t=n.description,i=n.icon,r=void 0===i?"":i,o=n.currentClick,a=(0,ec.useRouter)(),l={},c=(0,eu.A)(e.url),s=new Set(ef.map(eb)).has(eb(c));return(null!=e&&e.cssClasses&&e.cssClasses.length&&(l.class=e.cssClasses),a.asPath===c&&(l.onClick=void 0===o?function(){}:o),em(e.url,""))?(0,ei.FD)(nI(),ey(ey({href:"/"},l),{},{children:[e.label,r&&(0,ei.Y)(ev.g,{icon:r})]})):em(e.url,"blog")?(0,ei.FD)(nI(),ey(ey({href:"/blog"},l),{},{children:[e.label,r&&(0,ei.Y)(ev.g,{icon:r})]})):(0,ei.Y)(ei.FK,{children:(null==e?void 0:e.description)&&void 0!==t&&t&&(0,ei.Y)(ei.FK,{children:s?(0,ei.FD)(ei.FK,{children:[(0,ei.Y)("a",ey(ey({href:c},l),{},{children:(0,ei.Y)("span",{children:e.label})})),(0,ei.Y)("span",{tabIndex:0,onClick:function(n){l.onClick&&l.onClick(n),window.location.assign(c)},children:e.description})]}):(0,ei.FD)(ei.FK,{children:[(0,ei.Y)(nI(),ey(ey({href:c},l),{},{children:(0,ei.Y)("span",{children:e.label})})),(0,ei.Y)("span",{tabIndex:0,onClick:function(n){l.onClick&&l.onClick(n),a.push(c)},children:e.description})]})})||(0,ei.Y)(ei.FK,{children:s?(0,ei.FD)("a",ey(ey({href:c},l),{},{children:[e.label,r&&(0,ei.Y)(ev.g,{icon:r})]})):(0,ei.FD)(nI(),ey(ey({href:c},l),{},{children:[e.label,r&&(0,ei.Y)(ev.g,{icon:r})]}))})})};var eA=t(11041),ek=t(94696),eO=eg()(function(){return Promise.all([t.e(7543),t.e(1344),t.e(6356)]).then(t.bind(t,6356))},{ssr:!1,loadableGenerated:{webpack:function(){return[6356]}}});let eY=function(n){var e=n.node,t=n.activeMega,i=n.setActiveMega,r=n.notice,o=n.megaNoticeButton,a=(0,nT.useState)(""),l=a[0],c=a[1],s=t===e.id;return(0,nT.useEffect)(function(){var n=e.children.filter(function(n){return n.children.length});n.length&&c(n[0].id)},[]),(0,ei.FD)(ei.FK,{children:[(0,ei.Y)("button",{id:"".concat(e.id,"-button"),onClick:function(){t===e.id?i(""):i(e.id)},className:"".concat(s?"active":""),"aria-controls":e.id,"aria-expanded":"".concat(s),children:e.label}),(0,ei.Y)("div",{id:e.id,className:"".concat(s?"active":""),"aria-labelledby":"".concat(e.id,"-button"),children:(0,ei.Y)("div",{children:(0,ei.FD)(et.mc,{children:[(0,ei.FD)("div",{children:[(0,ei.Y)("span",{children:e.label}),(0,ei.Y)("ul",{children:e.children.map(function(n){return(0,ei.Y)("li",{children:e.children.length&&(0,ei.FD)("button",{className:"".concat(l===n.id?"active":""),onClick:function(){return c(n.id)},children:[n.label,(0,ei.Y)(ev.g,{icon:eA.XkK})]})||(0,ei.Y)(ew,{node:n,icon:eA.XkK,currentClick:function(){return i("")}})},n.id)})})]}),(0,ei.FD)("div",{children:[(0,ei.Y)("button",{onClick:function(){return i("")},children:(0,ei.Y)(ek.h,{})}),e.children.map(function(n){return(0,ei.Y)(nT.Fragment,{children:n.children.length&&(0,ei.Y)("ul",{className:"".concat(l===n.id?"active":""),children:n.children.map(function(n){return(0,ei.Y)("li",{children:(0,ei.Y)(ew,{node:n,description:!0,currentClick:function(){return i("")}})},n.id)})})||""},n.id)}),(0,ei.Y)(eO,{text:r,button:o,style:[n$]})]})]})})})]})},eS=function(n){var e=n.nodes,t=n.megaNoticeButton,i=n.megaNotice,r=n.activeMega,o=n.setActiveMega,a=n.button,l=(0,ec.useRouter)();return(0,ei.Y)("ul",{children:e.map(function(n){return(0,eu.A)(n.url)===(0,eu.A)(null==a?void 0:a.url)?null:(0,ei.Y)("li",{className:"".concat(l.asPath===(0,eu.A)(n.url)?"active":""," ").concat(0!==n.children.length?"mega":""),children:0===n.children.length&&(0,ei.Y)(ew,{node:n,currentClick:function(){return o("")}})||(0,ei.Y)(eY,{node:n,activeMega:r,setActiveMega:o,notice:i,megaNoticeButton:t})},n.id)})})};var eM=t(5610),ej=function(n){var e=n.node,t=n.closeMobileNav,i=(0,nT.useState)(!1),r=i[0],o=i[1];return(0,ei.FD)(eM.bL,{open:r,onOpenChange:o,children:[(0,ei.Y)(eM.l9,{asChild:!0,children:(0,ei.FD)("button",{onClick:function(){return o(function(n){return!n})},className:"".concat(r?"active":""),type:"button",children:[e.label,(0,ei.Y)(ev.g,{icon:eA.Jt$})]})}),(0,ei.Y)(eM.UC,{css:n6,children:(0,ei.Y)("ul",{children:e.children.map(function(n){return(0,ei.Y)("li",{children:(0,ei.Y)(ew,{node:n,description:!0,currentClick:t})},n.id)})})})]})};let eL=function(n){var e=n.nodes,t=n.activeMobileSub,i=n.setActiveMobileSub,r=n.closeMobileNav,o=n.button,a=n.mobileMenuButton,l=n.buttonMobile;return(0,ei.Y)("ul",{children:e.map(function(n){return(0,eu.A)(n.url)===(0,eu.A)(null==o?void 0:o.url)||(0,eu.A)(n.url)===(0,eu.A)(null==a?void 0:a.url)||(0,eu.A)(n.url)===(0,eu.A)(null==l?void 0:l.url)?null:(0,ei.Y)("li",{className:"".concat(n.children.length?"has-children":""),children:n.children.length&&(0,ei.FD)(ei.FK,{children:[(0,ei.FD)("button",{onClick:function(){return i(n.id)},children:[n.label,(0,ei.Y)(ev.g,{icon:eA.XkK}
1)]}),(0,ei.Y)("div",{className:"sub ".concat(t===n.id?"active":""),children:(0,ei.Y)("div",{css:n3,children:(0,ei.Y)("div",{className:"sub-scroll",css:n5,children:(0,ei.FD)(et.mc,{children:[(0,ei.FD)("div",{children:[(0,ei.Y)("span",{children:n.label}),(0,ei.FD)("button",{onClick:function(){return i("")},children:[(0,ei.Y)(ev.g,{icon:eA.Wzs}),"Back"]})]}),(0,ei.Y)("ul",{children:n.children.map(function(n){return(0,ei.Y)("li",{css:n9,children:n.children.length&&(0,ei.Y)(ej,{node:n,closeMobileNav:r})||(0,ei.Y)(ew,{node:n,icon:eA.XkK,description:!0,currentClick:r})},n.id)})})]})})})})]})||(0,ei.Y)(ew,{node:n,currentClick:r,icon:eA.XkK})},n.id)})})};var ez=(0,nH.AH)(O||(O=(0,nN.A)(["\n  @keyframes hPopupCircle {\n    0% {\n      transform: rotate(60deg);\n    }\n\n    100% {\n      transform: rotate(0deg);\n    }\n  }\n\n  @keyframes hPopupText {\n    0% {\n      clip-path: inset(0px 100% 0px 0px);\n      opacity: 0;\n    }\n\n    100% {\n      clip-path: inset(0px);\n      opacity: 1;\n    }\n  }\n\n  @keyframes hPopupCheck {\n    0% {\n      opacity: 0;\n      transform: translateX(-50px);\n    }\n\n    100% {\n      opacity: 1;\n      transform: translateX(0px);\n    }\n  }\n"]))),eP=(0,nH.AH)(Y||(Y=(0,nN.A)(["\n  transition:\n    opacity 0.2s ease-in-out,\n    visibility 0.2s ease-in-out;\n  opacity: 1;\n  visibility: 1;\n"]))),eC=(0,nH.AH)(S||(S=(0,nN.A)(["\n  position: absolute;\n  z-index: 100;\n  background-color: ",";\n  min-height: 100px;\n  width: 357px;\n  border-radius: 6px;\n  border: 1px solid #ccd3e8;\n  font-size: 12px;\n  font-weight: 500;\n  color: ",";\n  line-height: 1.5;\n  transition:\n    opacity 1s ease-in-out,\n    right 0.1s linear;\n  opacity: 0;\n  visibility: hidden;\n  box-shadow: 0 1px 12px 0 rgba(25, 27, 35, 0.15);\n  margin-top: 10px;\n  top: ","px;\n  right: -10px;\n\n  ",' {\n    right: -80px;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &:after,\n  &:before {\n    content: "";\n    display: block;\n    position: absolute;\n    top: -10px;\n    right: 80px;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 10px 10px 10px;\n    border-color: transparent transparent #ccd3e8 transparent;\n    transition: right 0.1s linear;\n\n    '," {\n      right: 140px;\n    }\n  }\n\n  &::after {\n    top: -8.8px;\n    border-color: transparent transparent "," transparent;\n  }\n\n  > div {\n    position: relative;\n    padding: 18px 24px;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n\n    > svg {\n      position: absolute;\n      right: -55px;\n      top: 45px;\n      transform: rotate(60deg);\n      animation: 1.5s ease-in-out 2s 1 normal forwards running hPopupCircle;\n    }\n  }\n\n  header {\n    position: relative;\n\n    button {\n      position: absolute;\n      top: -5px;\n      right: -5px;\n      padding: 5px;\n      border: 0;\n      outline: none;\n      background: transparent;\n      cursor: pointer;\n\n      svg {\n        height: 13px;\n        width: auto;\n      }\n    }\n  }\n\n  h3 {\n    color: ",";\n    font-size: 14px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    margin: 0 0 10px;\n    animation: 1s ease 2.8s 1 normal forwards running hPopupText;\n    clip-path: inset(0px 100% 0px 0px);\n\n    svg {\n      height: 14px;\n      width: auto;\n      margin-right: 6px;\n    }\n  }\n\n  p {\n    margin: 0;\n\n    a {\n      color: ",";\n      text-decoration: underline;\n      text-underline-offset: 2px;\n    }\n  }\n\n  ul {\n    margin: 15px 0 20px;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: 14px;\n    row-gap: 8px;\n\n    li {\n      width: 100%;\n      display: flex;\n      align-items: center;\n\n      svg {\n        height: auto;\n        width: 10px;\n        fill: ",";\n        margin-right: 6px;\n        opacity: 0;\n        transform: translateX(-50px);\n        animation-duration: 0.5s;\n        animation-name: hPopupCheck;\n        animation-timing-function: ease-in-out;\n        animation-delay: 3.3s;\n        animation-fill-mode: forwards;\n      }\n\n      &:nth-of-type(2) svg {\n        animation-delay: 3.5s;\n      }\n\n      &:nth-of-type(3) svg {\n        animation-delay: 3.7s;\n      }\n\n      &:nth-of-type(4) svg {\n        animation-delay: 3.9s;\n      }\n\n      &:nth-of-type(5) svg {\n        animation-delay: 4.1s;\n      }\n\n      span {\n        animation: 1s ease 3s 1 normal forwards running hPopupText;\n        clip-path: inset(0px 100% 0px 0px);\n      }\n    }\n  }\n\n  footer {\n    p {\n      animation: 1s ease 3s 1 normal forwards running hPopupText;\n      clip-path: inset(0px 100% 0px 0px);\n    }\n  }\n"])),n_.ONy,n_.Fpd,n_.KZA,(0,nq.mq)("xxl"),(0,nq.mq)("xxl"),n_.ONy,n_.Ql9,n_.Fpd,n_.wLJ),eD=t(59838);function eN(){return(eN=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var eH=function(n){return nT.createElement("svg",eN({xmlns:"http://www.w3.org/2000/svg",id:"semrush_svg__Layer_2","data-name":"Layer 2",viewBox:"0 0 150.01 18.43"},n),M||(M=nT.createElement("defs",null,nT.createElement("style",null,".semrush_svg__cls-2{fill:#181e15}"))),nT.createElement("g",{id:"semrush_svg__Layer_1-2","data-name":"Layer 1"},j||(j=nT.createElement("path",{d:"M20.57 0c5.03 0 9.14 4.2 9.14 9.22 0 4.97-3.93 9.05-8.9 9.21H7.72l7.9-4.25H0l14.2-7.64H6.37l9.54-5.12C1
17.62.52 19.16 0 20.57 0M43 1.2c3.62 0 6.7 2 7.14 5.43h-3.45c-.23-1.78-1.74-2.6-3.73-2.6-2.55 0-4.02.71-4.02 1.89 0 3.1 11.44-.4 11.44 6.46 0 4.1-3.74 5.12-7.33 5.12-4.5 0-7.68-2.23-7.76-5.97h3.39c.06 2.03 1.8 3.14 4.37 3.14 2.36 0 4.03-.64 4.03-2.29 0-2.87-11.44.25-11.44-6.32 0-3.36 3.43-4.86 7.37-4.86m62.62 9.24c0 2.79 1.82 4.13 4.18 4.13s4.18-1.34 4.18-4.13V1.55h3.2v8.89c0 4.4-3.02 7.06-7.37 7.06s-7.37-2.65-7.37-7.06V1.55h3.19v8.89ZM126.2 1.2c3.6 0 6.69 2 7.13 5.43h-3.46c-.22-1.78-1.73-2.6-3.72-2.6-2.55 0-4.03.71-4.03 1.89 0 3.1 11.44-.4 11.44 6.46 0 4.1-3.73 5.12-7.32 5.12-4.51 0-7.68-2.23-7.76-5.97h3.38c.07 2.03 1.8 3.14 4.38 3.14 2.35 0 4.03-.64 4.03-2.29 0-2.87-11.44.25-11.44-6.32 0-3.36 3.43-4.86 7.37-4.86M65.08 4.4H55v3.41h8.82v2.85H55v3.64h10.2v2.84H51.81V1.55h13.27zm10.91 8.85 4.29-11.7h4.7v15.6h-3.12V6.2l-4.05 10.93h-3.65l-4.05-10.9v10.9H67V1.55h4.7z",className:"semrush_svg__cls-2"})),nT.createElement("path",{d:"M95.18 1.55c3.1 0 5.8 1.03 5.8 4.28 0 1.98-.92 2.87-2.33 3.28h1.94v8.04h-3.2v-5.7h-7.01v5.7h-3.2V1.55zm-4.8 7.04h4.8c1.53 0 2.59-.58 2.59-2.1s-1.06-2.09-2.6-2.09h-4.8v4.19Z",style:{fillRule:"evenodd",fill:"#181e15"}}),L||(L=nT.createElement("path",{d:"M138.19 7.81h8.62V1.55h3.2v15.6h-3.2v-6.49h-8.62v6.48h-3.2V1.55h3.2z",className:"semrush_svg__cls-2"}))))};function eF(){return(eF=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var eI=function(n){return nT.createElement("svg",eF({xmlns:"http://www.w3.org/2000/svg",width:166,height:166,fill:"none",viewBox:"0 0 166 166"},n),z||(z=nT.createElement("path",{fill:"#6EDBFF",d:"M7.274 76.216c-1.743 19.37 3.917 39.366 17.35 55.449l-3.97 3.315c-.802.671-.914 1.91-.202 2.677 14.165 16.189 33.276 25.595 53.19 27.811 1.043.132 1.972-.644 2.07-1.729l.466-5.191c19.371 1.737 39.37-3.93 55.459-17.367l3.314 3.968c.67.803 1.91.914 2.677.201 16.194-14.169 25.608-33.282 27.829-53.196.133-1.042-.642-1.971-1.727-2.068l-5.192-.466c1.743-19.37-3.917-39.365-17.349-55.45l3.969-3.315c.802-.67.914-1.91.202-2.676C131.194 11.99 112.084 2.583 92.17.369c-1.043-.133-1.972.643-2.07 1.727l-.466 5.192c-19.372-1.737-39.37 3.93-55.46 17.367l-3.349-4.01c-.67-.803-1.91-.914-2.676-.202C11.954 34.613 2.54 53.726.319 73.64c-.132 1.043.643 1.972 1.728 2.069z"})))},eE=t(74684);let eB=function(){var n=(0,nT.useState)(!1),e=n[0],t=n[1],i=(0,ec.useRouter)().asPath;return(0,nT.useEffect)(function(){"/"!==i&&setTimeout(function(){"1"!==(0,eD.R)("backlinko-header-popup")&&t(!0)},2e3)},[]),(0,ei.Y)("div",{className:"header-popup",css:eP,children:(0,ei.Y)("div",{css:[eC,ez,"",""],className:" ".concat(e?"open":""),children:(0,ei.FD)("div",{children:[(0,ei.Y)(eI,{}),(0,ei.FD)("header",{children:[(0,ei.FD)("h3",{children:[(0,ei.Y)(eH,{}),(0,ei.Y)("span",{className:"sr-only",children:"Semrush"})," ",(0,ei.Y)("span",{children:"helps you:"})]}),(0,ei.FD)("button",{onClick:function(){t(!1),(0,eD.T)("backlinko-header-popup","1")},children:[(0,ei.Y)(ek.h,{}),(0,ei.Y)("span",{className:"sr-only",children:"Close"})]})]}),(0,ei.FD)("ul",{children:[(0,ei.FD)("li",{children:[(0,ei.Y)(eE.h,{}),(0,ei.Y)("span",{children:"Do keyword research"})]}),(0,ei.FD)("li",{children:[(0,ei.Y)(eE.h,{}),(0,ei.Y)("span",{children:"Audit your local listings"})]}),(0,ei.FD)("li",{children:[(0,ei.Y)(eE.h,{}),(0,ei.Y)("span",{children:"Perform competitor analyses"})]}),(0,ei.FD)("li",{children:[(0,ei.Y)(eE.h,{}),(0,ei.Y)("span",{children:"Manage social media accounts"})]}),(0,ei.FD)("li",{children:[(0,ei.Y)(eE.h,{}),(0,ei.Y)("span",{children:"And much more!"})]})]}),(0,ei.FD)("footer",{children:[(0,ei.Y)("h3",{children:"Backlinko readers get:"}),(0,ei.FD)("p",{children:["A 14-day trial for premium features. 55+ tools.",(0,ei.Y)("br",{}),(0,ei.Y)("a",{href:"https://www.semrush.com/blog/what-can-i-do-with-a-free-account-from-semrush/?utm_source=backlinko.com&utm_medium=referral&utm_campaign=navigation",target:"_blank",rel:"noreferrer",children:"Free access"})," ","for core features."]})]})]})})})};var eT=t(71265),e_=t(50816),eq=t(45326),eG=t(26519),eR=t(41231),eK=t(37344),eU=(0,nH.AH)(P||(P=(0,nN.A)(["\n  background-color: #f6f6f6;\n"]))),eV=(0,nH.AH)(C||(C=(0,nN.A)(["\n  width: 100%;\n  position: relative;\n  text-align: center;\n  max-width: 700px;\n  padding: ","px;\n  "," {\n    max-width: 950px;\n    padding: ","px 0;\n  }\n  "," {\n    max-width: 1000px;\n  }\n"])),n_.Jdj,(0,nq.mq)("lg"),n_.Jdj,(0,nq.mq)("xl")),eQ=(0,nH.AH)(D||(D=(0,nN.A)(["\n  position: absolute;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  color: #383838;\n  z-index: 9;\n  right: ","px;\n  top: ","px;\n  "," {\n    right: 0;\n    top: 0;\n  }\n  i {\n    position: relative;\n    cursor: pointer;
1\n    div {\n      width: 20px;\n      height: 3px;\n      background-color: #383838;\n      position: absolute;\n    }\n    div:first-child {\n      transform: rotate(45deg);\n    }\n    div:last-child {\n      transform: rotate(-45deg);\n    }\n  }\n  &:hover {\n    opacity: 0.8;\n  }\n"])),n_.Jdj,n_.Jdj,(0,nq.mq)("lg")),eW=(0,nH.AH)(N||(N=(0,nN.A)(["\n  flex-direction: row-reverse;\n"]))),eZ=(0,nH.AH)(H||(H=(0,nN.A)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),eJ=(0,nH.AH)(F||(F=(0,nN.A)(["\n  "," {\n    max-width: 400px;\n  }\n  "," {\n    max-width: 450px;\n  }\n"])),(0,nq.G)("md"),(0,nq.mq)("lg")),eX=(0,nH.AH)(I||(I=(0,nN.A)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),e$=(0,nH.AH)(E||(E=(0,nN.A)(["\n  padding: ","px 0;\n  "," {\n    padding: ","px ","px;\n  }\n  "," {\n    max-width: 450px;\n  }\n"])),n_.t26,(0,nq.mq)("lg"),n_.QRw,n_.Jdj,(0,nq.G)("md")),e0=(0,nH.AH)(B||(B=(0,nN.A)(["\n  line-height: ",";\n  font-weight: ",";\n  color: #4b4b4b;\n  margin-bottom: ","px;\n  font-size: 1.95rem;\n  "," {\n    font-size: 2.2rem;\n  }\n"])),n_.LsL,n_.PUm,n_.yOq+n_.NSk,(0,nq.mq)("xl")),e1=(0,nH.AH)(T||(T=(0,nN.A)(["\n  color: #4b4b4b;\n  margin-bottom: 0;\n  line-height: 2rem;\n  font-size: 1.3rem;\n  "," {\n    font-size: 1.5rem;\n  }\n"])),(0,nq.mq)("xl")),e2=(0,nH.AH)(_||(_=(0,nN.A)(["\n  display: block;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-weight: ",";\n  margin-top: ","px;\n  color: #fff;\n  "," {\n    margin-top: ","px;\n  }\n  padding: 1.05rem 1.2rem;\n  font-size: 1.125rem;\n  line-height: 1.4;\n  border-radius: 6px;\n  width: fit-content;\n  margin-left: auto;\n  margin-right: auto;\n"])),n_.EBO,n_.QRw,(0,nq.mq)("lg"),n_.t26);(0,nH.AH)(q||(q=(0,nN.A)(["\n  width: 100%;\n  max-width: 375px;\n  margin: ","px auto 0;\n  "," {\n    margin: ","px auto 0;\n  }\n"])),n_.QRw,(0,nq.mq)("lg"),n_.t26);var e4=(0,nH.AH)(G||(G=(0,nN.A)(["\n  margin-bottom: 15px;\n"]))),e3=(0,nH.AH)(R||(R=(0,nN.A)(["\n  width: 100%;\n  ",";\n"])),(0,eK.uZ)(n_.zBe,n_.zBe)),e5=t(49654);function e6(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function e8(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?e6(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):e6(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}for(var e7=function(n){var e,t=n||{},i=t.backlinkoPopupId,r=t.popupContent,o=t.eI,a=void 0!==o&&o,l=(null==r||null==(e=r.layouts[0])?void 0:e.fullScreen)||{},c=l.buttonText,s=l.formTitle,d=l.highlightColor,p=l.text,u=l.title,h=l.image,g=l.form,m=(0,nT.useState)(!1),f=m[0],b=m[1],v=(0,nT.useState)(!1),x=v[0],y=v[1],w=function(){return b(function(n){return!n})},A=function(){a&&x&&(0,eD.T)("backlinko-popup-".concat(i),"1",30),y(!1),document.body.style.overflowY="auto"};return(0,nT.useEffect)(function(){var n=(0,eq.A)({onExitIntent:function(){var n=(0,eD.R)("backlinko-popup-".concat(i)),e=document.querySelectorAll(".backlinko-popup.open");"1"===n||e.length||(y(!0),document.body.style.overflowY="hidden")}});return function(){return n()}},[]),(0,nT.useEffect)(function(){return document.onkeydown=function(n){27==(n=n||window.event).keyCode&&A()},function(){return document.onkeydown=null}},[]),[function(){return(0,ei.Y)("div",{id:"backlinko-popup-".concat(i),className:"backlinko-popup ".concat(x?"open":""),css:[eU,e5.l7,x&&e5.hT,"",""],children:(0,ei.Y)(et.mc,{css:e5.oy,children:(0,ei.Y)("div",{css:e5.zJ,children:(0,ei.FD)("div",{css:eV,children:[(0,ei.FD)("a",{css:eQ,onClick:A,children:[(0,ei.Y)("span",{className:"sr-only",children:"Close"}),(0,ei.FD)("i",{className:"icon-close","aria-hidden":"true",children:[(0,ei.Y)("div",{}),(0,ei.Y)("div",{})]})]}),(0,ei.FD)("div",{children:[!f&&(0,ei.Y)("div",{children:(0,ei.FD)(et.fI,{css:eW,children:[(0,ei.Y)(et.fv,{lg:"6",css:eX,children:(0,ei.FD)(e9,{customColor:d,children:[u&&(0,ei.Y)("div",{css:[e0,(0,nH.AH)(K||(K=(0,nN.A)(["\n                                  span {\n                                    color: ",";\n                                  }\n                                "])),d),"",""],dangerouslySetInnerHTML:{__html:u}}),p&&(0,ei.Y)("div",{css:e1,dangerouslySetInnerHTML:{__html:p}}),c&&(0,ei.Y)("a",{onClick:w,title:c,css:e2,children:c})]})}),(0,ei.Y)(et.fv,{lg:"6",css:eZ,children:(0,ei.Y)("div",{css:eJ,children:h&&(0,ei.Y)("figure",{children:(0,ei.Y)(eG._,e8({},h))})})})]})}),f&&(0,ei.Y)(e9,{customColor:d,children:(0,ei.FD)(et.fI,{css:eW,children:[(0,ei.Y)(et.fv,{lg:"6",css:eX,children:(0,ei.FD)("div",{css:e$,children:[s&&(0,ei.Y)("div",{css:[e0,(0,nH.AH)(U||(U=(0,nN.A)(["\n                                  span {\n                                    color: ",";\n                                  }\n                                "])),d),"",""],dangerouslySetInnerHTML:{__html:s}}),g&&(0,ei.Y)("div",{children:(0,ei.Y)(eR.A,e8(e8({},g),{},{popupId:i,customStyles:{aweberFormField:e4,btn:e3}}))})]})}),(0,ei.Y)(et.fv,{lg:"6",css:eZ,children:(0,ei.Y)("div",{css:eJ,children:h&&(0,ei.Y)("figure",{children:(0,ei.Y)(eG._,e8({},h))})})})]})})]})]})})})})},function(){return y(!0)}]},e9=function(n){var e=n.customColor,t=n.children;return(0,ei.Y)("div",{css:[e$,(0,nH.AH)(V||(V=(0,nN.A)(["\n          margin: 0 auto;\n\n          button,\n          a {\n            background-color: ",";\n            border-color: ",";\n\n            &:hover {\n              background-color: ",";\n              border-color: ",";\n            }\n\n            &:focus {\n              background-color: ",";\n              border-color: ",";\n            }\n\n            &:active,\n            &:active:focus,\n            &:active:hover {\n              background-color: ",";\n              border-color: ",";\n            }\n          }\n        "])),e,e,(0,nG.lightenDarkenColor)(e,4),(0,nG.lightenDarkenColor)(e,4),(0,nG.lightenDarkenColor)(e,2),(0,nG.lightenDarkenColor)(e,4),(0,nG.lightenDarkenColor)(e,6),(0,nG.lightenDarkenColor)(e,4)),"",""],children:t})},tn=function(n){var e=e7(n),t=(0,ea.A)(e,1)[0];return t?(0,ei.Y)(t,{}):null},te=t(89389),tt=t(34537),ti=t(15284),tr=t(26315),to=(0,nH.AH)(Q||(Q=(0,nN.A)(["\n  background-color: rgba(0, 0, 0, 0.5);\n"]))),ta=(0,nH.AH)(W||(W=(0,nN.A)(["\n  position: relative;\n  background-color: #f2f2ff;
1\n  color: ",";\n  margin: ","px ","px;\n  border-radius: 10px;\n  max-width: 780px;\n  width: 100%;\n  padding: 40px 20px;\n  text-align: center;\n\n  ",' {\n    padding: 60px 20px;\n  }\n\n  svg path[fill="#000"] {\n    fill: '," !important;\n  }\n\n  &.dark {\n    background-color: ",";\n    color: ",';\n\n    svg path[fill="#000"] {\n      fill: '," !important;\n    }\n  }\n"])),n_.Ql9,n_.QRw,n_.rST,(0,nq.mq)("sm"),n_.Ql9,n_.a7m,n_.ONy,n_.ONy),tl=(0,nH.AH)(Z||(Z=(0,nN.A)(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 15px;\n  right: 15px;\n  width: 24px;\n  height: 24px;\n  color: ",";\n  cursor: pointer;\n\n  "," {\n    top: 20px;\n    right: 20px;\n  }\n\n  svg {\n    height: 18px;\n    width: auto;\n\n    "," {\n      height: 20px;\n    }\n\n    path {\n      fill: ",";\n    }\n  }\n\n  &.dark {\n    svg path {\n      fill: ",";\n    }\n  }\n\n  &:hover {\n    opacity: 0.8;\n  }\n"])),n_.ONy,(0,nq.mq)("sm"),(0,nq.mq)("sm"),n_.Ql9,n_.ONy),tc=(0,nH.AH)(J||(J=(0,nN.A)(["\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 520px;\n  text-align: center;\n\n  > span {\n    display: block;\n    font-size: 30px;\n    color: inherit;\n    font-weight: 700;\n    line-height: 1.2;\n    margin-bottom: 28.8px;\n\n    "," {\n      font-size: 35px;\n    }\n\n    "," {\n      font-size: 40px;\n    }\n  }\n\n  div {\n    display: inline-flex;\n    text-align: left;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.6;\n\n    "," {\n      font-size: 18px;\n    }\n\n    "," {\n      font-size: 20px;\n    }\n  }\n"])),(0,nq.mq)("sm"),(0,nq.mq)("md"),(0,nq.mq)("sm"),(0,nq.mq)("md")),ts=(0,nH.AH)(X||(X=(0,nN.A)(["\n  margin-top: 32px;\n  display: inline-flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 430px;\n"]))),td=(0,nH.AH)($||($=(0,nN.A)(["\n  display: flex;\n  border-radius: 4px;\n  column-gap: 8px;\n  background-color: ",";\n  padding: 4px;\n  position: relative;\n"])),n_.ONy),tp=(0,nH.AH)(nn||(nn=(0,nN.A)(['\n  position: relative;\n  display: block;\n  width: 1px;\n  height: 48px;\n  margin-left: -4px;\n  margin-right: -4px;\n\n  &::before {\n    content: "";\n    display: block;\n    position: absolute;\n    inset: 6px 0;\n    background-color: rgb(206, 212, 218);\n  }\n']))),tu=(0,nH.AH)(ne||(ne=(0,nN.A)(["\n  margin: 0;\n  width: 100%;\n  transition: border "," ",";\n  border-radius: 4px;\n  border: 1px solid ",";\n  box-sizing: border-box;\n  background-color: ",";\n  text-align: left;\n  color: ",";\n  font-size: 16px;\n  padding: 13.5px 13px;\n  font-family: inherit;\n\n  "," {\n    font-size: 18px;\n    padding: 12.5px 13px;\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ",";\n  }\n"])),n_.oh7,n_.Ees,n_.ONy,n_.ONy,n_.pen,(0,nq.mq)("sm"),n_.wLJ),th=(0,nH.AH)(nt||(nt=(0,nN.A)(["\n  padding: 0 !important;\n\n  > button {\n    margin: 0;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border-radius: 4px;\n    border: 1px solid ",";\n    box-sizing: border-box;\n    background-color: ",";\n    text-align: left;\n    color: ",";\n    transition: all 0.1s linear;\n    cursor: pointer;\n    font-size: 16px !important;\n    padding: 5px 10px 5px 5px;\n\n    "," {\n      font-size: 18px !important;\n    }\n\n    &::after {\n      border: 0 !important;\n      width: 16px !important;\n      height: 13px !important;\n      margin: 0 !important;\n      opacity: 0.55;\n      background-size: 13px 16px;\n      background-position: center;\n      background-repeat: no-repeat;\n      background-image: url(",");\n    }\n\n    &:hover {\n      border-color: ",";\n    }\n  }\n\n  > ul {\n    background: ",";\n    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);\n    border-radius: 6px;\n    border: 1px solid ",";\n    margin-top: 6px;\n    padding: 0 6px 6px 6px;\n    right: -4px;\n    left: auto;\n    color: ",";\n    max-width: 260px;\n    min-width: 260px;\n\n    > div {\n      padding: 0;\n      margin: 0 -6px;\n      width: calc(100% + 12px);\n\n      input {\n        width: 100%;\n        margin: 0;\n        color: ",";\n        font-size: 14px;\n        border: 0;\n        border-bottom: 1px solid rgb(206, 212, 218);\n        padding: 10px 12px;\n        font-family: inherit;\n      }\n    }\n\n    > li {\n      font-size: 15px;\n      transition: background-color 0.1s linear;\n      border-radius: 4px;\n      margin: 0;\n\n      &:first-of-type {\n        margin-top: 5px;\n      }\n    }\n  }\n"])),n_.ONy,n_.ONy,n_.pen,(0,nq.mq)("sm"),tr.A,n_.wLJ,n_.ONy,n_.Tah,n_.pen,n_.pen),tg=(0,nH.AH)(ni||(ni=(0,nN.A)(["\n  margin-top: 8px;\n  position: relative;\n  border-radius: 4px;\n  white-space: nowrap;\n  padding: 14px 40px;\n  box-shadow: none;\n  min-height: 56px;\n  ",";\n"])),(0,nG.buttonVariant)(n_.zxt,n_.zxt)),tm=(0,nH.AH)(nr||(nr=(0,nN.A)(["\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;
1\n  column-gap: 20px;\n  margin-top: 32px;\n  width: 100%;\n  max-width: 430px;\n\n  svg {\n    max-height: 20px;\n    width: auto;\n  }\n"]))),tf=t(90005),tb={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia, Plurinational State of",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"C\xf4te d'Ivoire",HR:"Croatia",CU:"Cuba",CW:"Cura\xe7ao",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",HT:"Haiti",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran, Islamic Republic of",IQ:"Iraq",IE:"Ireland",IM:"Isle of Man",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JE:"Jersey",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MK:"Republic of Macedonia",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Republic of Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RO:"Romania",RU:"Russia",RW:"Rwanda",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SX:"Sint Maarten",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",SS:"South Sudan",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela, Bolivarian Republic of",VN:"Viet Nam",VI:"Virgin Islands",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"},tv={},tx=0,ty=Object.entries(tb);tx<ty.length;tx++){var tw=(0,ea.A)(ty[tx],2),tA=tw[0],tk=tw[1];"GB"===tA?tv[tA]={primary:tk,secondary:tA,value:"uk"}:tv[tA]={primary:tk,secondary:tA,value:tA.toLowerCase()}}function tO(n){var e,t=n||{},i=t.backlinkoPopupId,r=t.popupContent,o=t.eI,a=void 0!==o&&o,l=t.post,c=void 0===l?null:l,s=t.utmSuffix,d=void 0===s?"":s,p=(null==r||null==(e=r.layouts[0])?void 0:e.semrush)||{},u=p.title,h=p.text,g=p.logos,m=p.backgroundColor,f=(0,nT.useState)(!1),b=f[0],v=f[1],x=(0,nT.useState)("us"),y=x[0],w=x[1],A=(0,nT.useRef)(),k=(0,nT.useRef)(),O=function(){return v(!0)},Y=function(){a&&b&&(0,eD.T)("backlinko-popup-".concat(i),"1",30),v(!1)};(0,nT.useEffect)(function(){if(a){var n=(0,eq.A)({onExitIntent:function(){var n=(0,eD.R)("backlinko-popup-".concat(i)),e=document.querySelectorAll(".backlinko-popup.open");"1"===n||e.length||O(!0)}});return function(){return n()}}},[]),(0,nT.useEffect)(function(){document.onkeydown=function(n){27===(n=n||window.event).keyCode&&v(!1)}},[b]),(0,nT.useEffect)(function(){function n(n){k.current&&!k.current.contains(n.target)&&Y()}return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}},[k]);var S=function(n){var e=encodeURIComponent(n),t="";return c&&(t="&utm_campaign=".concat((0,tf.I)(c),"-").concat(d||(a?"exit-modal":"modal"))),"https://www.semrush.com/analytics/keywordoverview/?q=".concat(e,"&db=").concat(y,"&utm_source=backlinko.com&utm_medium=referral").concat(t)},M=function(){var n,e=S((null==(n=A.current)?void 0:n.value)||"");A.current&&(A.current.value=""),window.open(e,"_blank")},j=function(n){n.preventDefault(),M()},L=S("");return[function(){return(0,ei.Y)("div",{id:"backlinko-popup-".concat(i),className:"backlinko-popup ".concat(b?"open":""),css:[e5.l7,to,b&&e5.hT,"",""],children:(0,ei.Y)("div",{css:e5.oy,children:(0,ei.Y)("div",{css:e5.zJ,children:(0,ei.FD)("div",{css:ta,className:m,ref:k,children:[(0,ei.FD)("a",{css:tl,className:m,onClick:Y,children:[(0,ei.Y)("span",{className:"sr-only",children:"Close"}),(0,ei.Y)(ek.h,{})]}),(0,ei.FD)("div",{css:tc,children:[(0,ei.Y)("span",{dangerouslySetInnerHTML:{__html:u}}),(0,ei.Y)("div",{dangerouslySetInnerHTML:{__html:h}})]}),(0,ei.FD)("form",{id:"ranking-modal-form",action:L,method:"GET",target:"_blank",onSubmit:j,css:ts,children:[(0,ei.FD)("div",{css:td,children:[(0,ei.Y)("input",{name:"url",placeholder:"Enter domain, keyword or URL",type:"text",css:tu,ref:A}),(0,ei.Y)("span",{css:tp}),(0,ei.Y)(te.Ay,{css:th,searchable:!0,countries:Object.keys(tb),customLabels:tv,showSelectedLabel:!1,showSecondarySelectedLabel:!0,showSecondaryOptionLabel:!1,searchPlaceholder:"Enter country",selected:y.toUpperCase(),onSelect:function(n){return w(tv[n].value)}})]}),(0,ei.Y)("button",{css:[nG.btn,tg,"",""],type:"submit",children:"Start Now"})]}),g&&(0,ei.FD)("div",{css:tm,children:[(0,ei.Y)(tt.h,{}),(0,ei.Y)(ti.h,{})]})]})})})})},O]}var tY=function(n){var e=tO(n),t=(0,ea.A)(e,1)[0];return t?(0,ei.Y)(t,{}):null},tS=(0,nD.A)((0,nD.A)((0,nD.A)((0,nD.A)({},"PopupContentLayoutsBoxedLayout",e_.Ay),"PopupContentLayoutsFullScreenLayout",e7),"PopupContentLayoutsSemrushLayout",tO),"",(0,ei.Y)(ei.FK,{}));let tM=function(n){var e,t=tS[(null==n||null==(e=n.popupContent)||null==(e=e.layouts[0])?void 0:e.fieldGroupName)||""];
1if(!n||"function"!=typeof t)return[null,null];var i=t(n),r=(0,ea.A)(i,2);return[r[0],r[1]]};function tj(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}var tL=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.idKey,i=void 0===t?"id":t,r=e.parentKey,o=void 0===r?"parentId":r,a=e.childrenKey,l=void 0===a?"children":a,c=[],s={};return n.forEach(function(n){var e=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?tj(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):tj(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}({},n),t=e[i],r=e[o],a=void 0===r?0:r;s[t]=s[t]||[],e[l]=s[t],a?(s[a]=s[a]||[]).push(e):c.push(e)}),c},tz=t(51182);function tP(n,e){var t="u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!t){if(Array.isArray(n)||(t=function(n){if(n){if("string"==typeof n)return tC(n,void 0);var e=({}).toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?tC(n,void 0):void 0}}(n))||e&&n&&"number"==typeof n.length){t&&(n=t);var i=0,r=function(){};return{s:r,n:function(){return i>=n.length?{done:!0}:{done:!1,value:n[i++]}},e:function(n){throw n},f:r}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){t=t.call(n)},n:function(){var n=t.next();return a=n.done,n},e:function(n){l=!0,o=n},f:function(){try{a||null==t.return||t.return()}finally{if(l)throw o}}}}function tC(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,i=Array(e);t<e;t++)i[t]=n[t];return i}function tD(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function tN(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?tD(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):tD(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let tH=function(n){var e,t,i,r,o=n.post,a=n.primaryNavigation,l=n.maxWidth,c=n.lock,s=n.buttonType,d=n.buttonLabel,p=n.buttonPopup,u=n.button,h=n.buttonMobileType,g=n.buttonMobile,m=n.buttonMobileLabel,f=n.megaNotice,b=n.megaNoticeButton,v=n.mobileMenuNotice,x=n.mobileMenuButton,y=n.clearBodyLocks,w=n.searchQuery,A=n.setSearchQuery,k=n.setLoading,O=(null==p||null==(r=p.nodes)?void 0:r[0])||!1,Y=O&&("popup"===h||"popup"===s)?tM(tN(tN({},O),{},{post:o,utmSuffix:"nav-modal"})):[null,null],S=(0,ea.A)(Y,2),M=S[0],j=S[1],L=(0,nT.useState)(!1),z=L[0],P=L[1],C=(0,nT.useState)(!1),D=C[0],N=C[1],H=(0,nT.useState)(""),F=H[0],I=H[1],E=(0,nT.useState)(!1),B=E[0],T=E[1],_=(0,nT.useState)(!1),q=_[0],G=_[1],R=(0,nT.useState)(""),K=R[0],U=R[1],V=tL(a.nodes),Q=(0,nT.useRef)(null),W=(e="(min-width: 992px)",t=(0,nT.useCallback)(function(n){var t=ed(e);return t?(t.addEventListener("change",n),function(){return t.removeEventListener("change",n)}):function(){}},[e]),i=(0,nT.useCallback)(function(){var n=ed(e);return!!n&&n.matches},[e]),(0,nT.useSyncExternalStore)(t,i,ep)),Z=(0,ec.useRouter)().asPath;return(0,nT.useEffect)(function(){N(!0)},[]),(0,nT.useEffect)(function(){W&&q&&G(!1),!W&&F&&I("")},[W]),(0,nT.useEffect)(function(){G(!1),I(""),T(!1)},[Z]),(0,nT.useEffect)(function(){var n,e=[Q.current],t=tP(document.querySelectorAll("#header-m-drop .sub-scroll"));try{for(t.s();!(n=t.n()).done;){var i=n.value;e.push(i)}}catch(n){t.e(n)}finally{t.f()}var r,o=tP(document.querySelectorAll(".header-new li.mega > div > div"));try{for(o.s();!(r=o.n()).done;){var a=r.value;e.push(a)}}catch(n){o.e(n)}finally{o.f()}q||F?c(e):(y(),U(""),I(""))},[q,F]),(0,nT.useEffect)(function(){var n=!1,e=function(){n||(requestAnimationFrame(function(){P(window.scrollY>0),n=!1}),n=!0)};return window.addEventListener("scroll",e,{passive:!0}),function(){return window.removeEventListener("scroll",e)}},[]),(0,ei.FD)(ei.FK,{children:[(0,ei.Y)(el.A,{tag:"header",disableInlineStyles:!0,css:nK,className:z?"has-shadow":"",onUnpin:function(){y(),U(""),I("")},children:(0,ei.FD)("div",{className:"header-new",css:nU,children:[(0,ei.FD)(et.mc,{css:[nV,l&&(0,nD.A)({},(0,nq.mq)("xl"),{maxWidth:l,paddingLeft:"".concat(n_.U8e/2,"px"),paddingRight:"".concat(n_.U8e/2,"px")}),"",""],children:[(0,ei.Y)(nI(),{href:"/",passHref:!0,title:"Backlinko",css:[nW,"",""],children:(0,ei.Y)(er,{color:n_.zBe})}),(0,ei.FD)("div",{css:nZ,children:[(0,ei.Y)("nav",{css:nX,children:(0,ei.Y)(eS,{button:u,nodes:V,megaNotice:f,megaNoticeButton:b,activeMega:F,setActiveMega:I})}),(0,ei.FD)("div",{css:ee,children:[(0,ei.Y)("button",{onClick:function(){return T(!B)},children:(0,ei.Y)(tz.h,{})}),(0,ei.FD)("div",{className:"header-popup ".concat(B?"open":""),children:[(0,ei.Y)(eT.A,{setLoa
1ding:void 0===k?function(){return null}:k,query:w,setQuery:void 0===A?function(){return null}:A,setHeaderActiveSearch:T}),(0,ei.FD)("button",{onClick:function(){return T(!B)},children:[(0,ei.Y)(ek.h,{}),(0,ei.Y)("span",{className:"sr-only",children:"Close"})]})]})]}),((null==u?void 0:u.url)&&(null==u?void 0:u.title)||"popup"===s)&&(0,ei.FD)("div",{css:nJ,children:["popup"===s&&(0,ei.Y)("button",{onClick:j,children:d})||(0,ei.Y)("a",{href:"".concat((0,tf.N)((0,eu.A)(u.url),o,"nav-cta")),target:u.target,children:u.title}),u.url.includes("semrush.com")&&(0,ei.Y)(eB,{})]}),(0,ei.FD)("button",{onClick:function(){return G(function(n){return!n})},className:"header-toggle",css:n1,title:"Menu","data-toggle":"header-mobile-drop",children:[(0,ei.Y)("i",{"aria-hidden":"true",css:q&&en}),(0,ei.Y)("span",{className:"sr-only",children:"Menu"})]})]})]}),(0,ei.Y)("div",{css:[n2,q&&n4,"",""],id:"header-m-drop",children:(0,ei.Y)("div",{css:n3,children:(0,ei.Y)("div",{css:n5,ref:Q,children:(0,ei.FD)(et.mc,{className:"main",children:[(0,ei.Y)("nav",{css:n7,children:(0,ei.Y)(eL,{button:u,mobileMenuButton:x,buttonMobile:g,nodes:V,activeMobileSub:K,setActiveMobileSub:U,closeMobileNav:function(){return G(!1)}})}),((null==u?void 0:u.url)&&(null==u?void 0:u.title)||(null==x?void 0:x.url)&&(null==x?void 0:x.title)||v)&&(0,ei.FD)("div",{css:n8,children:[(null==x?void 0:x.url)&&(null==x?void 0:x.title)&&(0,ei.Y)("a",{href:(0,eu.A)(x.url),target:x.target,className:"purple",children:x.title}),((null==g?void 0:g.url)&&((null==g?void 0:g.title)||m)||"popup"===h)&&(0,ei.Y)(ei.FK,{children:"popup"===h&&(0,ei.Y)("button",{onClick:j,children:m||(null==g?void 0:g.title)})||(0,ei.Y)("a",{href:"".concat((0,tf.N)((0,eu.A)(g.url),o,"nav-cta")),target:g.target,children:m||(null==g?void 0:g.title)})}),(0,ei.Y)("p",{dangerouslySetInnerHTML:{__html:v}})]})]})})})})]})}),D&&M&&(0,ei.Y)(M,{})]})};var tF=["layout"];function tI(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function tE(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?tI(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):tI(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let tB=function(n){var e=n.layout,t=(0,nE.A)(n,tF);switch(void 0===e?"default":e){case"plain":return(0,ei.Y)(eo,tE(tE({},t),{},{clearBodyLocks:nB.Gt}));case"default":default:return(0,ei.Y)(tH,tE(tE({},t),{},{lock:nB.s2,clearBodyLocks:nB.Gt}));case"disabled":return(0,ei.Y)(ei.FK,{})}};var tT=(0,nH.AH)(no||(no=(0,nN.A)(["\n  height: var(--backlinko-bar-height, 0);\n\n  &.closed {\n    transition: all 200ms ease-in-out;\n  }\n"]))),t_=(0,nH.AH)(na||(na=(0,nN.A)(["\n  position: fixed;\n  transform: translateY(-100%);\n  left: 0;\n  right: 0;\n  z-index: 1035;\n  background-color: ",";\n  display: flex;\n  align-items: flex-start;\n  padding: 0 50px;\n  top: var(--backlinko-bar-height, 0);\n\n  "," {\n    padding: 0 65px;\n  }\n\n  &.closed {\n    transition: all 200ms ease-in-out;\n    top: 0;\n  }\n"])),n_.gtw,(0,nq.mq)("sm")),tq=(0,nH.AH)(nl||(nl=(0,nN.A)(["\n  height: auto !important;\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  column-gap: 12px;\n  row-gap: 8px;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  "," {\n    gap: 16px;\n    font-size: 16px;\n  }\n"])),(0,nq.mq)("xl")),tG=(0,nH.AH)(nc||(nc=(0,nN.A)(["\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 500;\n\n  "," {\n    font-size: 16px;\n  }\n"])),(0,nq.mq)("lg")),tR=(0,nH.AH)(ns||(ns=(0,nN.A)(["\n  padding: 8px 16px;\n  border-radius: 4px;\n  font-weight: 600;\n  line-height: 1.4;\n  border: 0;\n  background: ",";\n  color: ",";\n  position: relative;\n  box-shadow: none;\n  outline: none;\n  font-size: 15px;\n\n  ",' {\n    font-size: 16px;\n  }\n\n  span {\n    position: relative;\n  }\n\n  &::before {\n    content: "";\n    position: absolute;\n    inset: 0;\n    display: block;\n    background-color: ',";\n    opacity: 0;\n    transition: all 0.2s ease-in-out;\n  }\n\n  &:hover {\n    &::before {\n      opacity: 0.08;\n    }\n  }\n"])),n_.kwv,n_.ONy,(0,nq.mq)("lg"),n_.Ql9),tK=(0,nH.AH)(nd||(nd=(0,nN.A)(["\n  position: absolute;\n  top: 7px;\n  right: 15px;\n  width: 24px;\n  height: 37px;\n  display: flex;\n  justify-content: center;\n  align-items: center;
1\n  color: ",";\n  transition: all 0.1s linear;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  padding: 0;\n\n  "," {\n    top: 12px;\n    right: 15px;\n  }\n\n  "," {\n    right: 20px;\n  }\n\n  svg {\n    height: 15px;\n    width: auto;\n\n    path {\n      fill: currentColor;\n    }\n  }\n\n  &:hover {\n    color: ",";\n  }\n"])),n_.Fpd,(0,nq.mq)("sm"),(0,nq.mq)("md"),n_.Ql9);let tU=function(n){var e,t=n.maxWidth,i=n.options,r=n.themeOptions,o=n.post,a=i||{},l=a.showTopBar,c=a.topBar,s=r.headerHasTopBar,d=r.headerTopBar,p=(0,nT.useRef)(null),u=(0,nT.useRef)(!1),h=(0,nT.useState)(!1),g=h[0],m=h[1],f=(0,nT.useState)(!1),b=f[0],v=f[1];(0,nT.useEffect)(function(){v(!0),m("1"!==(0,eD.R)("backlinko-bar"))},[]);var x=null,y=(null==(e=x=void 0===l?l?s?c||d:c:s?d:null:l?s?c||d:c:null)||null==(e=e.nodes)||null==(e=e[0])?void 0:e.barDetails)||{},w=y.text,A=y.textColor,k=y.button,O=y.buttonColor,Y=y.backgroundColor,S=y.buttonBackgroundColor;return((0,nT.useEffect)(function(){var n,e,t,i=document.documentElement;if(!g||!x)return void i.style.setProperty("--backlinko-bar-height","");var r=function(){var n=p.current;n?i.style.setProperty("--backlinko-bar-height","".concat(n.offsetHeight,"px")):i.style.setProperty("--backlinko-bar-height","0px")};u.current?r():(i.classList.add("bar-initializing"),r(),u.current=!0,e=requestAnimationFrame(function(){i.classList.remove("bar-initializing")}));var o=function(){for(var e=this,t=arguments.length,i=Array(t),o=0;o<t;o++)i[o]=arguments[o];clearTimeout(n),n=setTimeout(function(){return r.apply(e,i)},150)};return window.addEventListener("resize",o),p.current&&"ResizeObserver"in window&&(t=new ResizeObserver(function(){return r()})).observe(p.current),function(){window.removeEventListener("resize",o),t&&t.disconnect(),e&&cancelAnimationFrame(e),i.classList.remove("bar-initializing")}},[g]),x&&b)?(0,ei.FD)(ei.FK,{children:[(0,ei.Y)(nH.mL,{styles:(0,nH.AH)(np||(np=(0,nN.A)(["\n          html.bar-initializing .headroom {\n            transition: none !important;\n          }\n        "])))}),(0,ei.Y)("div",{css:tT,className:g?"":"closed"}),(0,ei.FD)("div",{ref:p,className:g?"":"closed",css:[t_,Y&&{backgroundColor:Y},"",""],children:[(0,ei.FD)(et.mc,{css:[nV,t&&(0,nD.A)({},(0,nq.mq)("xl"),{maxWidth:t,paddingLeft:"".concat(n_.U8e/2,"px"),paddingRight:"".concat(n_.U8e/2,"px")}),tq,"",""],children:[(0,ei.Y)("p",{dangerouslySetInnerHTML:{__html:w},css:[tG,A&&{color:A},"",""]}),(null==k?void 0:k.url)&&(null==k?void 0:k.title)&&(0,ei.Y)("a",{href:"".concat((0,tf.N)((0,eu.A)(k.url),o,"top-bar-cta")),target:k.target,css:[tR,O&&{color:O},S&&{backgroundColor:S},"",""],children:(0,ei.Y)("span",{children:k.title})})]}),(0,ei.FD)("button",{onClick:function(){m(!1),(0,eD.T)("backlinko-bar","1")},css:tK,children:[(0,ei.Y)(ek.h,{}),(0,ei.Y)("span",{className:"sr-only",children:"Close"})]})]})]}):null};var tV=(0,nH.AH)(nu||(nu=(0,nN.A)(["\n  background-color: ",";\n  line-height: ",";\n"])),n_.pqE,n_.Gcw),tQ=(0,nH.AH)(nh||(nh=(0,nN.A)(["\n  padding: 50px 0;\n\n  "," {\n    padding: 80px 0 50px;\n  }\n\n  "," {\n    padding: 80px 0;\n  }\n"])),(0,nq.mq)("md"),(0,nq.mq)("lg")),tW=(0,nH.AH)(ng||(ng=(0,nN.A)(["\n  display: inline-flex;\n  margin-bottom: 30px;\n\n  img,\n  svg {\n    width: 188px;\n    height: auto;\n  }\n\n  svg {\n    g {\n      fill: ",";\n    }\n  }\n"])),n_.zBe),tZ=(0,nH.AH)(nm||(nm=(0,nN.A)(["\n  color: ",";\n  font-weight: ",";\n  font-size: ","rem;\n  max-width: 300px;\n\n  "," {\n    max-width: 350px;\n  }\n\n  p {\n    margin: 0;\n  }\n"])),n_.ONy,n_.JGC,n_.QrP,(0,nq.mq)("lg")),tJ=(0,nH.AH)(nf||(nf=(0,nN.A)(["\n  font-size: ","rem;\n  color: ",";\n  font-weight: ",";\n  margin-bottom: 20px;\n\n  "," {\n    margin-top: 50px;\n  }\n"])),n_.iIY,n_.ONy,n_.JGC,(0,nq.G)("sm")),tX=(0,nH.AH)(nb||(nb=(0,nN.A)(["\n  display: flex;\n  flex-wrap: nowrap;\n  margin: -10px;\n  padding-left: 0;\n  list-style: none;\n\n  "," {\n    padding-top: 50px;\n\n    h4 {\n      display: none;\n    }\n  }\n\n  li {\n    padding: 10px;\n\n    a {\n      color: rgba(255, 255, 255, 0.6);\n      font-size: 30px;\n    }\n  }\n\n  svg {\n    fill: currentColor;\n    height: 30px;\n  }\n"])),(0,nq.G)("sm")),t$=(0,nH.AH)(nv||(nv=(0,nN.A)(["\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;
1\n"]))),t0=(0,nH.AH)(nx||(nx=(0,nN.A)(["\n  > ul {\n    ul {\n      display: none;\n    }\n\n    > li {\n      width: 100%;\n\n      + li {\n        margin-top: 6px;\n      }\n\n      > a {\n        display: block;\n        color: #94a1af;\n        font-size: ","rem;\n\n        &:hover,\n        &:focus {\n          color: ",";\n        }\n      }\n    }\n  }\n"])),n_.iIY,n_.ONy),t1=(0,nH.AH)(ny||(ny=(0,nN.A)(["\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 35px 0;\n\n  "," {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n"])),(0,nq.mq)("md")),t2=(0,nH.AH)(nw||(nw=(0,nN.A)(["\n  margin-right: auto;\n  margin-bottom: 0;\n  color: #94a1af;\n  font-size: 13px;\n\n  "," {\n    font-size: ","rem;\n  }\n"])),(0,nq.mq)("sm"),n_.P31),t4=(0,nH.AH)(nA||(nA=(0,nN.A)(["\n  margin-left: auto;\n\n  "," {\n    margin-bottom: 10px;\n  }\n\n  > ul {\n    margin: 0 -12px;\n\n    ul {\n      display: none;\n    }\n\n    > li {\n      padding: 0 12px;\n\n      > a {\n        color: #94a1af;\n        font-size: 13px;\n\n        "," {\n          font-size: ","rem;\n        }\n\n        &:hover,\n        &:focus {\n          color: ",";\n        }\n      }\n    }\n  }\n"])),(0,nq.G)("sm"),(0,nq.mq)("sm"),n_.P31,n_.ONy),t3=(0,nH.AH)(nk||(nk=(0,nN.A)(["\n  position: relative;\n  padding: 30px 0;\n  background-color: ",";\n  line-height: ",";\n"])),n_.pqE,n_.Gcw),t5=(0,nH.AH)(nO||(nO=(0,nN.A)(["\n  position: relative;\n  align-items: center;
1\n"]))),t6=(0,nH.AH)(nY||(nY=(0,nN.A)(["\n  font-size: 0;\n  "," {\n    text-align: center;\n  }\n"])),(0,nq.G)("md")),t8=(0,nH.AH)(nS||(nS=(0,nN.A)(["\n  display: inline-flex;\n\n  img,\n  svg {\n    width: 188px;\n    height: auto;\n  }\n\n  svg {\n    g {\n      fill: ",";\n    }\n  }\n"])),n_.zBe),t7=(0,nH.AH)(nM||(nM=(0,nN.A)(["\n  display: flex;\n  justify-content: center;\n  "," {\n    margin: 20px 0 5px;\n  }\n"])),(0,nq.G)("md")),t9=(0,nH.AH)(nj||(nj=(0,nN.A)(['\n  > ul {\n    margin: 0 -12px;\n\n    ul {\n      display: none;\n    }\n\n    > li {\n      position: relative;\n      padding: 0 12px;\n\n      + li {\n        &:before {\n          content: "";\n          position: absolute;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: -0.5px;\n          width: 1px;\n          background-color: ',";\n          opacity: 0.1;\n        }\n      }\n\n      > a {\n        color: #94a1af;\n        font-size: 13px;\n        "," {\n          font-size: ","rem;\n        }\n        &:hover,\n        &:focus {\n          color: ",";\n        }\n      }\n    }\n  }\n"])),n_.ONy,(0,nq.mq)("sm"),n_.P31,n_.ONy),ie=(0,nH.AH)(nL||(nL=(0,nN.A)(["\n  "," {\n    text-align: right;\n  }\n"])),(0,nq.mq)("md")),it=(0,nH.AH)(nz||(nz=(0,nN.A)(["\n  margin-right: auto;\n  margin-bottom: 0;\n  color: #94a1af;\n  font-size: 13px;\n\n  "," {\n    font-size: ","rem;\n  }\n  "," {\n    text-align: center;\n  }\n"])),(0,nq.mq)("sm"),n_.P31,(0,nq.G)("md")),ii=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,eu.A)(n).replace(/^\/(https?:\/\/)/i,"$1").replace(/&amp;/g,"&")};let ir=function(n){var e=n.data||{},t=e.termsNavigation,i=e.themeGeneralSettings,r=new Date().getFullYear();return(0,ei.Y)("footer",{css:t3,children:(0,ei.Y)(et.mc,{children:(0,ei.FD)(et.fI,{css:t5,children:[(0,ei.Y)(et.fv,{lg:"4",css:t6,children:(0,ei.Y)(nI(),{href:"/",css:t8,title:"Backlinko",children:(0,ei.Y)(er,{})})}),t&&(0,ei.Y)(et.fv,{lg:"4",css:t7,children:(0,ei.Y)("nav",{css:t9,children:(0,ei.Y)("ul",{css:t$,children:t.edges.map(function(n){var e=n.node||{},t=e.id,i=e.label,r=ii(e.url),o=/^https?:\/\//i.test(r);return(0,ei.Y)("li",{className:"menu-item",children:o?(0,ei.Y)("a",{href:r,target:"_blank",rel:"noopener noreferrer",css:it,children:i}):(0,ei.Y)(nI(),{href:r,css:it,children:i})},t)})})})}),i.themeOptionsGeneral.footerCopyright&&(0,ei.Y)(et.fv,{lg:"4",css:ie,children:(0,ei.Y)("p",{css:it,children:i.themeOptionsGeneral.footerCopyright.replace("%YEAR%",r)})})]})})})};var io=t(29450),ia=t(1132),il=t(12311);let ic=function(n){var e=n.items,t={Twitter:(0,ei.Y)(io.h,{}),YouTube:(0,ei.Y)(il.h,{}),Instagram:(0,ei.Y)(ia.h,{})};return(0,ei.Y)("ul",{css:tX,children:e.map(function(n){var e=n.link;return(0,ei.Y)("li",{children:(0,ei.FD)("a",{href:e.url,title:e.title,target:e.target,rel:"noopener noreferrer",children:[(0,ei.Y)("span",{className:"sr-only",children:e.title}),t[e.title]]})},"footer_social__".concat(e.title))})})};var is=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,eu.A)(n).replace(/^\/(https?:\/\/)/i,"$1").replace(/&amp;/g,"&")},id=function(n){var e=n.items;return(0,ei.Y)("ul",{css:t$,children:e.edges.map(function(n){var e=n.node;return(0,ei.Y)("li",{className:"menu-item",children:(0,ei.Y)(ew,{node:e})},e.id)})})};let ip=function(n){var e=n.data,t=n.maxWidth,i=new Date().getFullYear();return(0,ei.Y)("footer",{css:tV,children:(0,ei.FD)(et.mc,{css:t&&(0,nD.A)({},(0,nq.mq)("xl"),{maxWidth:t}),children:[(0,ei.Y)("div",{css:tQ,children:(0,ei.FD)(et.fI,{children:[(0,ei.Y)(et.fv,{lg:"10",children:(0,ei.FD)(et.fI,{children:[(0,ei.FD)(et.fv,{md:"6",lg:"6",children:[(0,ei.Y)(nI(),{href:"/",title:"Backlinko",css:tW,children:(0,ei.Y)(er,{})}),(0,ei.Y)("div",{css:[tZ,nG.rlcm,"",""],dangerouslySetInnerHTML:{__html:e.themeGeneralSettings.themeOptionsGeneral.footerText}})]}),(0,ei.FD)(et.fv,{col:"6",xs:"6",md:"3",children:[(0,ei.Y)("h4",{css:tJ,children:"Learn"}),(0,ei.Y)("nav",{css:t0,children:(0,ei.Y)(id,{items:e.footerLeftNavigation})})]}),(0,ei.FD)(et.fv,{col:"6",xs:"6",md:"3",children:[(0,ei.Y)("h4",{css:tJ,children:"Company"}),(0,ei.Y)("nav",{css:t0,children:(0,ei.Y)(id,{items:e.footerRightNavigation})})]})]})}),(0,ei.FD)(et.fv,{lg:"2",css:(0,nH.AH)((0,nD.A)({},(0,nq.n)("md"),{paddingTop:"50px"}),"",""),children:[(0,ei.Y)("h4",{css:[tJ,(0,nD.A)({},(0,nq.G)("md"),{display:"none"}),"",""],children:"Connect"}),(0,ei.Y)(ic,{items:e.themeGeneralSettings.themeOptionsGeneral.footerSocialMediaLinks})]})]})}),(0,ei.FD)("div",{css:t1,children:[(0,ei.Y)("nav",{css:t4,children:(0,ei.Y)("ul",{css:t$,children:e.termsNavigation.edges.map(function(n){var e,t=n.node;return(0,ei.Y)("li",{className:"menu-item",children:(e=is(t.url),/^https?:\/\//i.test(e)?(0,ei.Y)("a",{href:e,target:"_blank",rel:"noopener noreferrer",children:t.label}):(0,ei.Y)(nI(),{href:e,children:t.label}))},t.id)})})}),(0,ei.Y)("p",{css:t2,children:e.themeGeneralSettings.themeOptionsGeneral.footerCopyright.replace("%YEAR%",i)})]})]})})},iu=function(n){var e=n.layout,t=n.data,i=n.maxWidth;return(void 0===e?"default":e)==="plain"?(0,ei.Y)(ir,{data:t}):(0,ei.Y)(ip,{data:t,maxWidth:i})};var ih=t(77328),ig=t.n(ih),im=t(68437);function ib(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function iv(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};
1e%2?ib(Object(t),!0).forEach(function(e){(0,nD.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ib(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var ix=function(){return(0,ei.Y)("div",{css:(0,nH.AH)(nP||(nP=(0,nN.A)(["\n      width: 100%;\n      background: red;\n      color: #fff;\n      text-align: center;\n      padding: 14px;\n\n      a {\n        color: currentColor;\n        font-weight: bold;\n        text-decoration: underline;\n      }\n    "]))),children:(0,ei.FD)(ei.FK,{children:["This page is a preview."," ",(0,ei.Y)(nI(),{href:"/api/exit-preview",className:"underline hover:text-cyan duration-200 transition-colors",children:"Click here"})," ","to exit preview mode."]})})};let iy=function(n){var e,t,i,r=n.post,o=n.options,a=n.data,l=n.maxWidth,c=n.preview,s=n.criticalImage,d=n.children,p=n.searchQuery,u=n.setSearchQuery,h=n.setLoading,g=(null==a||null==(e=a.themeGeneralSettings)?void 0:e.themeOptionsGeneral)||{},m=g.headerButtonType,f=g.headerButtonLabel,b=g.headerButtonPopup,v=g.headerButton,x=g.headerButtonMobileLabel,y=g.headerMegaMenuNoticeButton,w=g.headerMegaMenuNotice,A=g.headerMobileMenuNotice,k=g.headerMobileMenuButton,O=(0,nT.useState)(!1),Y=O[0],S=O[1],M=Array.isArray(null==o?void 0:o.posts2PopupExitIntent)?o.posts2PopupExitIntent:(null==o||null==(t=o.posts2PopupExitIntent)?void 0:t.nodes)||[];return(0,nT.useEffect)(function(){S(!0)},[]),(0,ei.FD)(ei.FK,{children:[c&&(0,ei.Y)(ix,{}),(0,ei.Y)(tU,{post:r,maxWidth:l,options:o,themeOptions:null==a||null==(i=a.themeGeneralSettings)?void 0:i.themeOptionsGeneral}),(0,ei.Y)(tB,{layout:null==o?void 0:o.headerLayout,primaryNavigation:null==a?void 0:a.primaryNavigation,transparent:(null==o?void 0:o.transparentHeader)==="enabled",maxWidth:l,buttonType:null!=o&&o.headerButtonOverride?"link":m,buttonLabel:f,buttonPopup:b,button:(null==o?void 0:o.headerButtonOverride)||v,buttonMobileType:m,buttonMobile:v,buttonMobileLabel:x,megaNotice:w,megaNoticeButton:y,mobileMenuNotice:A,mobileMenuButton:k,searchQuery:p,setSearchQuery:void 0===u?function(){return null}:u,setLoading:void 0===h?function(){return null}:h,post:r}),s&&(0,ei.Y)(ig(),{children:(0,ei.Y)("link",{rel:"preload",href:s,as:"image",crossOrigin:"true"})}),(0,ei.FD)(ig(),{children:[(0,ei.Y)("link",{rel:"preconnect",href:"https://dev.visualwebsiteoptimizer.com"}),(0,ei.Y)(im.VWOScript,{accountId:"1074300"})]}),Y&&M.length>0&&M.map(function(n,e){var t,i=((null==n?void 0:n.popupContent)||{}).layouts;switch(null==i||null==(t=i[0])?void 0:t.fieldGroupName){case"PopupContentLayoutsFullScreen":case"PopupContentLayoutsFullScreenLayout":var o=iv(iv({},n),{},{backlinkoPopupId:"ei-".concat(n.databaseId),eI:!0,post:r});return(0,nH.n)(tn,iv(iv({},o),{},{key:"fullscreen-".concat(n.databaseId||e)}));case"PopupContentLayoutsSemrush":case"PopupContentLayoutsSemrushLayout":var a=iv(iv({},n),{},{backlinkoPopupId:"ei-".concat(n.databaseId),eI:!0,post:r});return(0,nH.n)(tY,iv(iv({},a),{},{key:"semrush-".concat(n.databaseId||e)}));case"PopupContentLayoutsBoxed":case"PopupContentLayoutsBoxedLayout":var l=iv(iv({},n),{},{backlinkoPopupId:"ei-".concat(n.databaseId),eI:!0,post:r});return(0,nH.n)(e_.um,iv(iv({},l),{},{key:"boxed-".concat(n.databaseId||e)}));default:return null}}),(0,ei.Y)("div",{className:"wrap",role:"document",css:(0,nH.AH)(nC||(nC=(0,nN.A)(["\n          font-size: 1.125rem;\n          background-color: #fff;\n          //overflow-x: hidden;\n          position: relative;\n        "]))),children:d}),(0,ei.Y)(iu,{layout:null==o?void 0:o.footerLayout,data:a,maxWidth:l})]})}},34537:(n,e,t)=>{t.d(e,{h:()=>c});var i,r,o,a=t(14232);function l(){return(l=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var c=function(n){return a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",id:"semrush-alt_svg__Layer_2","data-name":"Layer 2",viewBox:"0 0 150.01 18.43"},n),i||(i=a.createElement("defs",null,a.createElement("style",null,".semrush-alt_svg__cls-2{fill:#181e15}"))),a.createElement("g",{id:"semrush-alt_svg__Layer_1-2","data-name":"Layer 1"},r||(r=a.createElement("path",{d:"M20.57 0c5.03 0 9.14 4.2 9.14 9.22 0 4.97-3.93 9.05-8.9 9.21H7.72l7.9-4.25H0l14.2-7.64H6.37l9.54-5.12C1
17.62.52 19.16 0 20.57 0M43 1.2c3.62 0 6.7 2 7.14 5.43h-3.45c-.23-1.78-1.74-2.6-3.73-2.6-2.55 0-4.02.71-4.02 1.89 0 3.1 11.44-.4 11.44 6.46 0 4.1-3.74 5.12-7.33 5.12-4.5 0-7.68-2.23-7.76-5.97h3.39c.06 2.03 1.8 3.14 4.37 3.14 2.36 0 4.03-.64 4.03-2.29 0-2.87-11.44.25-11.44-6.32 0-3.36 3.43-4.86 7.37-4.86m62.62 9.24c0 2.79 1.82 4.13 4.18 4.13s4.18-1.34 4.18-4.13V1.55h3.2v8.89c0 4.4-3.02 7.06-7.37 7.06s-7.37-2.65-7.37-7.06V1.55h3.19v8.89ZM126.2 1.2c3.6 0 6.69 2 7.13 5.43h-3.46c-.22-1.78-1.73-2.6-3.72-2.6-2.55 0-4.03.71-4.03 1.89 0 3.1 11.44-.4 11.44 6.46 0 4.1-3.73 5.12-7.32 5.12-4.51 0-7.68-2.23-7.76-5.97h3.38c.07 2.03 1.8 3.14 4.38 3.14 2.35 0 4.03-.64 4.03-2.29 0-2.87-11.44.25-11.44-6.32 0-3.36 3.43-4.86 7.37-4.86M65.08 4.4H55v3.41h8.82v2.85H55v3.64h10.2v2.84H51.81V1.55h13.27zm10.91 8.85 4.29-11.7h4.7v15.6h-3.12V6.2l-4.05 10.93h-3.65l-4.05-10.9v10.9H67V1.55h4.7z",className:"semrush-alt_svg__cls-2"})),a.createElement("path",{d:"M95.18 1.55c3.1 0 5.8 1.03 5.8 4.28 0 1.98-.92 2.87-2.33 3.28h1.94v8.04h-3.2v-5.7h-7.01v5.7h-3.2V1.55zm-4.8 7.04h4.8c1.53 0 2.59-.58 2.59-2.1s-1.06-2.09-2.6-2.09h-4.8v4.19Z",style:{fillRule:"evenodd",fill:"#181e15"}}),o||(o=a.createElement("path",{d:"M138.19 7.81h8.62V1.55h3.2v15.6h-3.2v-6.49h-8.62v6.48h-3.2V1.55h3.2z",className:"semrush-alt_svg__cls-2"}))))}},50816:(n,e,t)=>{t.d(e,{um:()=>nr,n2:()=>no,Ay:()=>ni});var i,r,o,a,l,c,s,d,p,u,h,g,m,f,b,v,x,y,w=t(27925),A=t(42969),k=t(14232),O=t(45326),Y=t(41231),S=t(26519),M=t(94696),j=t(32228),L=t(38993),z=t(88482),P=t(94151),C=t(75317),D=(0,L.AH)(i||(i=(0,j.A)(["\n  background-color: rgba(0, 0, 0, 0.5);\n"]))),N=(0,L.AH)(r||(r=(0,j.A)(["\n  position: relative;\n  background-color: ",";\n  width: 100%;\n  margin: ","px ","px;\n  border-radius: 4px;\n  text-align: center;\n  max-width: 700px;\n  "," {\n    max-width: 850px;\n  }\n"])),P.ONy,P.QRw,P.rST,(0,C.mq)("lg")),H=(0,L.AH)(o||(o=(0,j.A)(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: -16px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-color: ",";\n  color: ",";\n  right: -5px;\n  cursor: pointer;\n\n  "," {\n    right: -16px;\n  }\n\n  svg {\n    height: 16px;\n    width: auto;\n\n    path {\n      fill: ",";\n    }\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n"])),P.kwv,P.ONy,(0,C.mq)("lg"),P.ONy,(0,z.lightenDarkenColor)(P.kwv,-12.5)),F=(0,L.AH)(a||(a=(0,j.A)(["\n  background-color: #f5f5f5;\n  border-bottom: 1px solid #e5e5e5;\n  padding: 20px;\n  border-radius: 4px;\n"]))),I=(0,L.AH)(l||(l=(0,j.A)(["\n  position: relative;\n  border-radius: 7px;\n  width: 100%;\n  height: 10px;\n  background-color: #ebebeb;\n  overflow: hidden;\n"]))),E=(0,L.AH)(c||(c=(0,j.A)(["\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  background-color: ",";\n  border-radius: 7px;\n"])),P.zBe),B=(0,L.AH)(s||(s=(0,j.A)(["\n  margin-top: 1rem;\n  font-size: 14px;\n  color: #666666;\n  margin-bottom: 0;\n  line-height: 1.4;\n"]))),T=(0,L.AH)(d||(d=(0,j.A)(["\n  margin: ","px auto ","px;\n  padding: 0 20px 20px !important;\n  "," {\n    max-width: 350px;\n    padding: 0;\n  }\n\n  "," {\n    padding: 0 !important;\n    margin: ","px 0 ","px;\n    display: flex;\n  }\n"])),P.QRw,P.yOq,(0,C.G)("md"),(0,C.mq)("lg"),P.t26,P.QRw),_=(0,L.AH)(p||(p=(0,j.A)(["\n  "," {\n    width: 345px;\n  }\n"])),(0,C.mq)("lg")),q=(0,L.AH)(u||(u=(0,j.A)(["\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin-left: auto;\n  margin-right: auto;\n  "," {\n    display: flex;\n    max-width: 435px;\n    margin-top: ","px;\n  }\n"])),(0,C.mq)("lg"),-(P.NSk/1)),G=(0,L.AH)(h||(h=(0,j.A)(["\n  font-size: 19px;\n  line-height: ",";\n  font-weight: ",";\n  color: ",";\n  margin-bottom: ","px;\n"])),P.LsL,P.PUm,P.nJS,P.t3o),R=(0,L.AH)(g||(g=(0,j.A)(["\n  margin-bottom: 0;\n\n  img {\n    margin-bottom: 0;\n  }\n"]))),K=(0,L.AH)(m||(m=(0,j.A)(["\n  margin-bottom: 0;\n\n  img {\n    margin-bottom: 0;\n  }\n"]))),U=(0,L.AH)(f||(f=(0,j.A)(["\n  width: 100%;\n  "," {\n    margin-top: ","px;\n  }\n  "," {\n    margin-top: 0;\n  }\n"])),(0,C.G)("md"),P.QRw,(0,C.mq)("lg")),V=(0,L.AH)(b||(b=(0,j.A)(["\n  margin-bottom: 15px;\n"]))),Q=(0,L.AH)(v||(v=(0,j.A)(["\n  width: 100%;\n  ",";\n  font-weight: 600 !important;\n  font-size: 1.125rem !important;\n"])),(0,z.buttonVariant)(P.zBe,P.zBe)),W=(0,L.AH)(x||(x=(0,j.A)(["\n  display: block;\n  "," {\n    display: none;\n  }\n"])),(0,C.mq)("lg")),Z=(0,L.AH)(y||(y=(0,j.A)(["\n  display: none;\n  "," {\n    display: block;\n  }\n"])),(0,C.mq)("lg")),J=t(49654),X=t(59838),$=t(18153);function nn(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function ne(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};
1e%2?nn(Object(t),!0).forEach(function(e){(0,A.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):nn(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function nt(n){var e,t=n||{},i=t.backlinkoPopupId,r=t.popupContent,o=t.eI,a=void 0!==o&&o,l=(null==r||null==(e=r.layouts[0])?void 0:e.boxed)||{},c=l.desktopImage,s=l.form,d=l.mobileImage,p=l.progress,u=l.progressText,h=l.title,g=(0,k.useState)(!1),m=g[0],f=g[1],b=(0,k.useRef)(),v=function(){return f(!0)},x=function(){a&&m&&(0,X.T)("backlinko-popup-".concat(i),"1",30),f(!1)};return(0,k.useEffect)(function(){if(a){var n=(0,O.A)({onExitIntent:function(){var n=(0,X.R)("backlinko-popup-".concat(i)),e=document.querySelectorAll(".backlinko-popup.open");"1"===n||e.length||v(!0)}});return function(){return n()}}},[]),(0,k.useEffect)(function(){document.onkeydown=function(n){27===(n=n||window.event).keyCode&&f(!1)}},[m]),(0,k.useEffect)(function(){function n(n){b.current&&!b.current.contains(n.target)&&x()}return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}},[b]),[function(){return(0,$.Y)("div",{id:"backlinko-popup-".concat(i),className:"backlinko-popup ".concat(m?"open":""),css:[J.l7,D,m&&J.hT,"",""],children:(0,$.Y)("div",{css:J.oy,children:(0,$.Y)("div",{css:J.zJ,children:(0,$.FD)("div",{css:N,ref:b,children:[(0,$.FD)("a",{css:H,onClick:x,children:[(0,$.Y)("span",{className:"sr-only",children:"Close"}),(0,$.Y)(M.h,{})]}),(0,$.FD)("div",{css:F,children:[(0,$.Y)("div",{css:I,children:(0,$.Y)("span",{css:E,style:{width:"".concat(p,"%")}})}),u&&(0,$.Y)("div",{css:B,dangerouslySetInnerHTML:{__html:u}})]}),(0,$.FD)("div",{css:T,children:[(0,$.FD)("div",{css:_,children:[h&&(0,$.Y)("div",{css:[G,W,"",""],dangerouslySetInnerHTML:{__html:h}}),d&&(0,$.FD)("figure",{css:[R,W,"",""],children:[" ",(0,$.Y)(S._,ne({},d))]}),c&&(0,$.FD)("figure",{css:[K,Z,"",""],children:[" ",(0,$.Y)(S._,ne({},c))]})]}),(0,$.FD)("div",{css:q,children:[h&&(0,$.Y)("div",{css:[G,Z,"",""],dangerouslySetInnerHTML:{__html:h}}),s&&(0,$.Y)("div",{css:U,children:(0,$.Y)(Y.A,ne(ne({},s),{},{focusOnShow:!0,customStyles:{aweberFormField:V,btn:Q}}))})]})]})]})})})})},v]}let ni=nt;var nr=function(n){var e=nt(n),t=(0,w.A)(e,1)[0];return t?(0,$.Y)(t,{}):null},no="\n  fragment boxedPopupFragment on PopupContentLayoutsBoxedLayout {\n    boxed {\n      title\n      progressText\n      progress\n      form {\n        nodes {\n          __typename\n          ...aweberFormFragment\n        }\n      }\n      desktopImage {\n        node {\n          title\n          sourceUrl\n          sizes(size: BACKLINKO_THUMBNAIL_XS)\n          srcSet(size: BACKLINKO_THUMBNAIL_XS)\n          webpSrcSet(size: BACKLINKO_THUMBNAIL_XS)\n          webpSourceUrl\n        }\n      }\n      mobileImage {\n        node {\n          title\n          sourceUrl\n          sizes(size: BACKLINKO_THUMBNAIL_XS)\n          srcSet(size: BACKLINKO_THUMBNAIL_XS)\n          webpSrcSet(size: BACKLINKO_THUMBNAIL_XS)\n          webpSourceUrl\n        }\n      }\n    }\n    fieldGroupName\n  }\n"},51182:(n,e,t)=>{t.d(e,{h:()=>l});var i,r,o=t(14232);function a(){return(a=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var l=function(n){return o.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:22,height:22,fill:"none",viewBox:"0 0 22 22"},n),i||(i=o.createElement("circle",{cx:12.951,cy:9,r:5.3,stroke:"#fff"})),r||(r=o.createElement("rect",{width:6,height:1.6,x:4.5,y:16.5,fill:"#fff",rx:.3,transform:"rotate(-45 4.5 16.5)"})))}},71265:(n,e,t)=>{t.d(e,{A:()=>h});var i,r=t(14232),o=t(51182),a=t(14e3),l=t(32228),c=t(38993),s=t(94151),d=t(75317),p=(0,c.AH)(i||(i=(0,l.A)(["\n  display: flex;\n  justify-content: center;\n\n  form {\n    width: 100%;\n    position: relative;\n\n    "," {\n      width: auto;\n      display: inline-flex;\n    }\n\n    input {\n      width: 100%;\n      min-width: 100%;\n      border-radius: 5px;\n      border: 1px solid ",";\n      padding: 13px 60px 13px 20px;\n      outline: none;\n      font-size: 14px;\n\n      // prevent zoom on ios\n      @supports (-webkit-touch-callout: none) {\n        font-size: 16px;\n      }\n\n      "," {\n        width: 350px;\n      }\n    }\n\n    button {\n      outline: none;\n      box-shadow: none;\n      position: absolute;\n      border: 0;\n      background: transparent;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      right: 12px;\n      transform: scaleX(-1) translateY(-50%);\n      top: 50%;\n\n      svg {\n        height: 28px;\n        width: auto;\n\n        > rect {\n          fill: "," !important;\n        }\n\n        > circle {\n          stroke: "," !important;\n        }\n      }\n    }\n  }
1\n"])),(0,d.mq)("md"),s.Tah,(0,d.mq)("md"),s.wLJ,s.wLJ),u=t(18153);let h=function(n){var e,t=n.query,i=n.setQuery,l=void 0===i?function(){return null}:i,c=n.setLoading,s=void 0===c?function(){return null}:c,d=n.setHeaderActiveSearch,h=void 0===d?function(){return null}:d,g=(0,a.useSearchParams)(),m=(0,a.useRouter)(),f=(0,r.useRef)(null),b=(0,r.useState)((void 0===t?"":t)||(null==(e=g.get("query"))?void 0:e.toString())||""),v=b[0],x=b[1],y=(0,r.useCallback)(function(n){x(n.target.value)},[]),w=(0,r.useCallback)(function(n){n.preventDefault();var e,t,i=(null==(e=f.current)?void 0:e.value)||v,r=new URLSearchParams(g);i!==(null==(t=r.get("query"))?void 0:t.toString())&&(l(i),s("search"),h(!1),i?r.set("query",i):r.delete("query"),r.delete("page"),m.replace("/blog/search?".concat(r.toString()),void 0,{scroll:!1}))},[v,g,l,s,h,m]);return(0,u.Y)("div",{css:p,children:(0,u.FD)("form",{onSubmit:w,children:[(0,u.Y)("input",{ref:f,type:"text",required:!0,minLength:"3",placeholder:"Search",value:v,onChange:y}),(0,u.FD)("button",{type:"submit",children:[(0,u.Y)("span",{className:"sr-only",children:"Search"}),(0,u.Y)(o.h,{})]})]})})}},74684:(n,e,t)=>{t.d(e,{h:()=>a});var i,r=t(14232);function o(){return(o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var a=function(n){return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,viewBox:"0 0 32 32"},n),i||(i=r.createElement("path",{d:"m10.869 27.463-10.4-10.4a1.6 1.6 0 0 1 0-2.263l2.263-2.263a1.6 1.6 0 0 1 2.263 0l7.006 7.006L27.007 4.537a1.6 1.6 0 0 1 2.263 0L31.533 6.8a1.6 1.6 0 0 1 0 2.263l-18.4 18.4a1.6 1.6 0 0 1-2.263 0z"})))}},78233:(n,e,t)=>{t.d(e,{A:()=>i});let i=function(n){return n?(n.startsWith("http://")&&(n=n.replace("http","https")),n.replace("https://api.backlinko.com","")):""}},90005:(n,e,t)=>{t.d(e,{I:()=>i,N:()=>r});var i=function(n){var e="";return null!=n&&n.uri&&null!=n&&n.uri.includes("/tools/")&&null!=n&&n.title?e=encodeURIComponent(n.title.replace(/\s+/g,"-")).toLowerCase():null!=n&&n.slug&&(e=n.slug),e},r=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return n.includes("semrush.com")&&!n.includes("utm_source=backlinko.com")&&(n+=n.includes("?")?"&":"?",n+=e?"utm_campaign=".concat(i(e)).concat(t?"-".concat(t):"","&"):"",n+="utm_source=backlinko.com&utm_medium=referral"),n}},91122:(n,e,t)=>{t.d(e,{fv:()=>O,mc:()=>h,fI:()=>v});var i=t(42969),r=t(59860),o=t(94151),a=t(75317),l=t(18153),c=["tag","children","widths","fluid","wide","maxWidths","className"];function s(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function d(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?s(Object(t),!0).forEach(function(e){(0,i.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var p=["xs","sm","md","lg","xl"],u=["xs","sm","md","lg","xl","xxl"];let h=function(n){var e=n.tag,t=n.children,s=n.widths,h=n.fluid,g=void 0!==h&&h,m=n.wide,f=void 0!==m&&m,b=n.maxWidths,v=n.className,x=(0,r.A)(n,c),y=f?o.MvE:b||o.DIL,w=(0,i.A)({width:"100%",paddingRight:"".concat(o.U8e,"px"),paddingLeft:"".concat(o.U8e,"px"),marginRight:"auto",marginLeft:"auto"},"@media (min-width: 576px)",{paddingRight:"".concat(o.U8e/2,"px"),paddingLeft:"".concat(o.U8e/2,"px")}),A=[];(f?u:void 0===s?p:s).forEach(function(n){y[n]&&A.push((0,i.A)({},(0,a.mq)(n),{maxWidth:y[n]}))}),g&&(w.paddingLeft="".concat(o.U8e/2,"px"),w.paddingRight="".concat(o.U8e/2,"px"));var k="".concat(void 0===v?"":v).concat(f?" container--wide":"").trim();return(0,l.Y)(void 0===e?"div":e,d(d({css:[w,!g&&A,"",""],className:k},x),{},{children:t}))};var g=t(38993),m=["tag","children","gutter","direction","verticalAlign","css"];function f(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function b(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};
1e%2?f(Object(t),!0).forEach(function(e){(0,i.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let v=function(n){var e=n.tag,t=n.children,i=n.gutter,a=void 0===i?o.U8e:i,c=n.direction,s=n.verticalAlign,d=n.css,p=(0,r.A)(n,m);return(0,l.Y)(void 0===e?"div":e,b(b({css:(0,g.AH)(b({display:"flex",flexWrap:"wrap",marginRight:"".concat(-(a/2),"px"),marginLeft:"".concat(-(a/2),"px"),flexDirection:void 0===c?"row":c,alignItems:void 0===s?"top":s},d),"","")},p),{},{children:t}))};var x=["tag","children","widths","col","gutter","shrink"];function y(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function w(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?y(Object(t),!0).forEach(function(e){(0,i.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var A=["xs","sm","md","lg","xl"],k=function(n,e){return(n/e*100).toFixed(5)};let O=function(n){var e=n.tag,t=n.children,c=n.widths,s=n.col,d=n.gutter,p=void 0===d?o.U8e:d,u=n.shrink,h=void 0!==u&&u,g=(0,r.A)(n,x),m={flexBasis:0,flexGrow:1,minWidth:0,maxWidth:"100%"},f=[];return s&&f.push({flex:"0 ".concat(h?"1":"0"," ").concat(k(s,12),"%"),maxWidth:"".concat(k(s,12),"%")}
1),(void 0===c?A:c).forEach(function(n){g[n]&&"boolean"==typeof g[n]&&f.push((0,i.A)({},(0,a.mq)(n),m)),Number.isInteger(parseInt(g[n]))&&(0,a.mq)(n)&&f.push((0,i.A)({},(0,a.mq)(n),{flex:"0 ".concat(h?"1":"0"," ").concat(k(g[n],12),"%"),maxWidth:"".concat(k(g[n],12),"%")})),delete g[n]}),f.length||(f=m),(0,l.Y)(void 0===e?"div":e,w(w({css:[{position:"relative",width:"100%",minHeight:"1px",paddingRight:"".concat(p/2,"px"),paddingLeft:"".concat(p/2,"px")},f,"",""]},g),{},{children:t}))}},94696:(n,e,t)=>{t.d(e,{h:()=>a});var i,r=t(14232);function o(){return(o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(null,arguments)}var a=function(n){return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:14,height:13,viewBox:"0 0 14 13"},n),i||(i=r.createElement("path",{d:"M12.156 12.594 7 7.398l-5.195 5.196c-.235.234-.625.234-.899 0-.234-.274-.234-.664 0-.899L6.102 6.5.906 1.344C.672 1.109.672.719.906.445c.274-.234.664-.234.899 0L7 5.641 12.156.445c.235-.234.625-.234.899 0 .234.274.234.664 0 .899L7.859 6.5l5.196 5.195c.234.235.234.625 0 .899-.274.234-.664.234-.899 0"})))}}}]);

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.