1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9931],{6577:(n,t,e)=>{e.d(t,{A:()=>l,h:()=>a});var r,o=e(14232);function i(){return(i=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)({}).hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n}).apply(null,arguments)}var a=function(n){return o.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:35,height:32,fill:"#fff",viewBox:"0 0 35 32"},n),r||(r=o.createElement("path",{d:"M32 7.075a13 13 0 0 1-3.769 1.031 6.6 6.6 0 0 0 2.887-3.631 13.2 13.2 0 0 1-4.169 1.594A6.57 6.57 0 0 0 22.155 4a6.563 6.563 0 0 0-6.563 6.563q0 .77.169 1.494A18.64 18.64 0 0 1 2.23 5.195a6.56 6.56 0 0 0-.887 3.3 6.56 6.56 0 0 0 2.919 5.463 6.57 6.57 0 0 1-2.975-.819v.081a6.565 6.565 0 0 0 5.269 6.437 6.6 6.6 0 0 1-2.968.112 6.59 6.59 0 0 0 6.131 4.563 13.17 13.17 0 0 1-9.725 2.719 18.57 18.57 0 0 0 10.069 2.95c12.075 0 18.681-10.006 18.681-18.681q0-.43-.019-.85A13.2 13.2 0 0 0 32 7.076z"})))};let l="data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjM1IiBmaWxsPSIjZmZmIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzUgMzIiPgo8dGl0bGU+dHdpdHRlcjwvdGl0bGU+CjxwYXRoIGQ9Ik0zMiA3LjA3NWMtMS4xNzUgMC41MjUtMi40NDQgMC44NzUtMy43NjkgMS4wMzEgMS4zNTYtMC44MTMgMi4zOTQtMi4xIDIuODg3LTMuNjMxLTEuMjY5IDAuNzUtMi42NzUgMS4zLTQuMTY5IDEuNTk0LTEuMi0xLjI3NS0yLjkwNi0yLjA2OS00Ljc5NC0yLjA2OS0zLjYyNSAwLTYuNTYzIDIuOTM4LTYuNTYzIDYuNTYzIDAgMC41MTIgMC4wNTYgMS4wMTIgMC4xNjkgMS40OTQtNS40NTYtMC4yNzUtMTAuMjk0LTIuODg4LTEzLjUzMS02Ljg2Mi0wLjU2MyAwLjk2OS0wLjg4NyAyLjEtMC44ODcgMy4zIDAgMi4yNzUgMS4xNTYgNC4yODcgMi45MTkgNS40NjMtMS4wNzUtMC4wMzEtMi4wODctMC4zMzEtMi45NzUtMC44MTkgMCAwLjAyNSAwIDAuMDU2IDAgMC4wODEgMCAzLjE4MSAyLjI2MyA1LjgzOCA1LjI2OSA2LjQzNy0wLjU1IDAuMTUtMS4xMzEgMC4yMzEtMS43MzEgMC4yMzEtMC40MjUgMC0wLjgzMS0wLjA0NC0xLjIzNy0wLjExOSAwLjgzOCAyLjYwNiAzLjI2MyA0LjUwNiA2LjEzMSA0LjU2My0yLjI1IDEuNzYyLTUuMDc1IDIuODEzLTguMTU2IDIuODEzLTAuNTMxIDAtMS4wNTAtMC4wMzEtMS41NjktMC4wOTQgMi45MTMgMS44NjkgNi4zNjIgMi45NSAxMC4wNjkgMi45NSAxMi4wNzUgMCAxOC42ODEtMTAuMDA2IDE4LjY4MS0xOC42ODEgMC0wLjI4Ny0wLjAwNi0wLjU2OS0wLjAxOS0wLjg1IDEuMjgxLTAuOTE5IDIuMzk0LTIuMDc1IDMuMjc1LTMuMzk0eiI+PC9wYXRoPgo8L3N2Zz4K"},10987:(n,t,e)=>{e.d(t,{Os:()=>g,Qs:()=>c,TR:()=>p});var r,o,i,a=e(32228),l=e(38993),m=e(94151),d=e(75317),b=e(88482),g=(0,l.AH)(r||(r=(0,a.A)(["\n font-size: 0.84rem;\n color: var(--topic-color);\n font-weight: 700;\n font-style: normal;\n letter-spacing: 0.075rem;\n text-transform: uppercase;\n display: block;\n margin-bottom: 1.5rem;\n"]))),c=(0,l.AH)(o||(o=(0,a.A)(["\n line-height: 2;\n font-weight: ",";\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n display: block;\n }\n\n h1,\n .h1 {\n font-size: ","rem;\n font-weight: ",";\n margin-bottom: 1.5rem;\n }\n\n h2,\n .h2 {\n font-size: ","rem;\n font-weight: ",";\n }\n\n h3,\n .h3 {\n font-size: ","rem;\n font-weight: ",";\n margin-bottom: 1rem;\n margin-top: 2.5rem;\n }\n\n h4,\n .h4 {\n font-size: ","rem;\n font-weight: ",";\n margin-bottom: 1rem;\n }\n\n h5,\n .h5 {\n font-size: ","rem;\n font-weight: ",";\n margin-bottom: 1rem;\n }\n\n h6,\n .h6 {\n font-size: ","rem;\n font-weight: ",";\n margin-bottom: 1rem;\n }\n\n p,\n .p {\n font-size: ","rem;\n font-weight: ",";\n\n "," {\n font-size: ","rem;\n }\n\n &.strong,\n strong,\n .strong {\n font-weight: ",";\n }\n }\n\n ul,\n ol {\n margin-top: 0.9375rem;\n font-size: ","rem;\n font-weight: ",";\n\n li {\n padding-bottom: 0;\n }\n\n "," {\n padding-left: 1rem;\n }\n\n "," {\n font-size: ",'rem;\n }\n }\n\n .alert {\n margin-bottom: 1rem;\n }\n\n figure {\n margin: 0 0 1.2rem;\n\n &.backlinko-image {\n margin: 0 auto 1.2rem;\n }\n\n &.mb-1 {\n margin-bottom: 1.2rem !important;\n }\n\n &.mt-1 {\n margin-top: 1.2rem !important;\n }\n\n &.mb-2 {\n margin-bottom: 2.2rem !important;\n }\n\n &.mt-2 {\n margin-top: 2.2rem !important;\n }\n\n &.mb-3 {\n margin-bottom: 3.2rem !important;\n }\n\n &.mt-3 {\n margin-top: 3.2rem !important;\n }\n\n &.mb-4 {\n margin-bottom: 4.2rem !important;\n }\n\n &.mt-4 {\n margin-top: 4.2rem !important;\n }\n }\n\n pre {\n padding: 1rem 0.5rem;\n background-color: #ebebeb;\n }\n\n > div > p:first-of-type > .h3,\n > div > p:first-of-type > h3,\n > div > .h3:first-of-type,\n > div > h3:first-of-type {\n margin-top: 0;\n }\n\n .backlinko-image img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n }\n\n .embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n }\n\n .sc-embed-youtube,\n .sc-wistia-embed {\n margin-bottom: 1.3rem;\n }\n\n .embed-responsive-16by9:before {\n display: block;\n content: "";\n padding-top: 56.25%;\n }\n\n .embed-responsive .embed-responsive-item,\n .embed-responsive embed,\n .embed-responsive iframe,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n .backlinko-image__img-hub-rounded img,\n .backlinko-image__rounded img {\n border: 0 !important;\n border-radius: 0.5rem !important;\n }\n\n .backlinko-image__centered-image img {\n margin: 0 auto !important;\n }\n\n .backlinko-image.backlinko-has-border img {\n border: 4px solid #ccc;\n }\n'])),m.ycS,2.24*m.iIY,m.JGC,1.96*m.iIY,m.JGC,1.5*m.iIY,m.JGC,1.34*m.iIY,m.JGC,1.12*m.iIY,m.ycS,m.iIY,m.$eQ,m.iIY,m.ycS,(0,d.mq)("md"),m.UdT,m.Lgp,m.iIY,m.ycS,(0,d.G)("sm"),(0,d.mq)("md"),m.UdT),p=(0,l.AH)(i||(i=(0,a.A)(["\n div.sc-quote {\n ",";\n border-radius: 0;\n\n .media {\n display: flex;\n align-items: flex-start;\n }
1\n\n p:empty {\n display: none;\n }\n\n .sc-picture {\n position: relative;\n padding-right: 1rem;\n\n "," {\n padding-right: 1.5rem;\n }\n\n img {\n max-width: none !important;\n position: relative;\n z-index: 100;\n border-radius: 50%;\n width: 45px;\n height: 45px;\n min-width: 45px;\n min-height: 45px;\n max-width: 45px;\n max-height: 45px;\n margin: 0;\n\n ",' {\n width: 70px;\n height: 70px;\n min-width: 70px;\n min-height: 70px;\n max-width: 70px;\n max-height: 70px;\n }\n }\n\n &:after {\n content: "";\n position: absolute;\n top: 1px;\n left: 0;\n border-radius: 50%;\n width: 45px;\n height: 45px;\n\n '," {\n width: 70px;\n height: 70px;\n }\n }\n }\n\n .sc-quote {\n margin-bottom: 0;\n\n > :last-child {\n margin-bottom: 0;\n }\n\n line-height: ",";\n\n "," {\n line-height: ",";\n }\n }\n\n &.alert-success {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-info {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-warning {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-danger {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-yellow {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.purple {\n border-radius: 6px;\n background-color: #2e2351;\n color: #ffffff;\n padding: 1.5rem 2rem !important;\n\n "," {\n padding: 2rem 3rem !important;\n }\n\n .media {\n .media-body {\n .media {\n display: none !important;\n }\n }\n }\n }\n\n &.blue-box,\n &.blue-box-alt,\n &.fpv {\n padding: ","rem;\n\n "," {\n padding: ","rem;\n }\n\n .media {\n display: flex !important;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n\n "," {\n flex-direction: row;\n }\n\n .sc-picture,\n .media-body {\n display: flex !important;\n padding: 0;\n margin: 0;\n }\n\n .sc-picture {\n margin-bottom: 0 !important;\n\n "," {\n flex-grow: 0;\n }\n\n img {\n padding: 0;\n width: 50px;\n height: 50px;\n min-width: 50px;\n min-height: 50px;\n max-width: 50px;\n max-height: 50px;\n margin-bottom: ","rem;\n margin-right: 0;\n margin-top: 0;\n\n "," {\n margin-bottom: 0 !important;\n margin-right: ","rem;\n }\n }\n\n &:after {\n background-color: ",";\n width: 50px;\n height: 50px;\n }\n }\n\n .media-body {\n width: auto;\n\n "," {\n flex-grow: 2;\n }\n\n .media {\n display: none !important;\n }\n\n .sc-quote {\n margin-top: 0;\n width: 100%;\n\n "," {\n margin-top: -0.25rem !important;\n }\n }\n }\n }\n\n &.transparent-img-bg {\n .media {\n .sc-picture {\n &:after {\n background-color: transparent !important;\n }\n }\n }\n }\n\n &.align-items-center {\n .media {\n "," {\n align-items: center;\n }\n }\n }\n\n &.p-mb-0 {\n .media {\n p {\n margin-bottom: 0 !important;\n }\n }\n }\n }\n\n &.blue-box-alt {\n .media {\n .sc-picture {\n img {\n width: 5px;\n height: 55px;\n min-width: 55px;\n min-height: 5px;\n max-width: 55px;\n max-height: 55px;\n }\n\n &:after {\n width: 55px;\n height: 55px;\n }\n }\n }\n }\n\n &.blue-box {\n background-color: ",";\n border-color: ",";\n color: ",";\n }\n\n &.blue-box-alt {\n background-color: ",";\n border-color: ",";\n color: ",";\n }\n\n &.fpv {\n background-color: ",";\n border-color: ",";\n color: ",";\n }\n\n &.font-georgia,\n &.font-gotham {\n line-height: 1.5;\n\n "," {\n line-height: 2;\n }\n\n .sc-quote {\n margin: 0 !important;\n }\n }\n\n &.font-size-smaller {\n font-size: 0.85rem !important;\n }\n\n &.type-outside-left,\n &.type-outside-right {\n padding-right: 0;\n padding-left: 0;\n\n "," {\n padding-right: ","rem !important;\n padding-left: ","rem !important;\n }\n\n background-color: transparent !important;\n border: 0px none !important;\n padding: initial !important;\n\n &.blue-box,\n &.blue-box-alt,\n &.fpv {\n .media {\n justify-content: flex-start;\n\n .media-body {\n position: relative;\n overflow: visible;\n\n &:after,\n &:before {\n top: auto;\n bottom: 100%;\n left: 50%;\n\n ",' {\n top: 50%;\n bottom: auto;\n left: auto;\n }\n\n border: solid transparent;\n content: " ";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n\n &:after {\n border-width: 8.3px;\n margin-top: auto;\n margin-left: -8px;\n margin-bottom: -0.0313rem;\n\n '," {\n border-width: 8px;\n margin-top: -8px;\n margin-left: auto;\n margin-bottom: auto;\n }\n }\n\n &:before {\n border-width: 10.5px;\n margin-top: auto;\n margin-left: -10.5px;\n\n "," {\n border-width: 11px;\n margin-top: -11px;\n margin-left: auto;\n }\n }\n\n .sc-quote {\n margin-bottom: 0;\n\n "," {\n margin-bottom: -0.25rem !important;\n }\n }\n\n border-radius: 7px;\n padding: ","rem;\n width: 100%;\n max-width: 100%;\n\n "," {\n padding: ","rem;\n }\n }\n }\n }\n\n &.blue-box {\n .media {\n .media-body {\n background-color: ",";\n border: 2px solid ",";\n color: ",";\n\n &:after {\n border-color: rgba(241, 246, 250, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n\n &:before {\n border-color: rgba(23, 142, 234, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n }\n }\n }\n\n &.blue-box-alt {\n .media {\n .media-body {\n background-color: ",";\n border: 2px solid ",";\n color: $black;\n\n &:after {\n border-color: rgba(241, 246, 250, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n\n &:before {\n border-color: rgba(23, 142, 234, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n }\n }\n }\n\n &.fpv {\n .media {\n .media-body {\n background-color: ",";\n border: 2px solid ",";\n color: ",";\n\n &:after {\n border-color: rgba(241, 246, 250, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n\n &:before {\n border-color: rgba(23, 142, 234, 0);\n border-bottom-color: ",";\n\n "," {\n border-bottom-color: transparent;\n }\n }\n }\n }\n }\n }\n\n &.type-outside-left {\n "," {\n padding-right: ","rem !important;\n }\n\n &.blue-box,\n &.blue-box-alt,\n &.fpv {\n .media {\n justify-content: flex-start;\n\n .media-body {\n &:after,\n &:before {\n "," {\n right: 100%;\n }\n }\n }\n }\n }\n\n &.blue-box {\n .media {\n .media-body {\n &:after {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n\n &:before {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n }\n }\n }\n\n &.blue-box-alt {\n .media {\n .media-body {\n &:after {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n\n &:before {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n }\n }\n }\n\n &.fpv {\n .media {\n .media-body {\n &:after {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n\n &:before {\n border-right-color: transparent;\n\n "," {\n border-right-color: ",";\n }\n }\n }\n }\n }\n }\n\n &.type-outside-right {\n "," {\n padding-left: ","rem !important;\n }\n\n &.blue-box,\n &.blue-box-alt,\n &.fpv {\n .media {\n justify-content: flex-end;\n "," {\n flex-direction: row-reverse;\n }\n\n .media-body {\n &:after,\n &:before {\n "," {\n left: 100%;\n }\n }\n }\n\n .sc-picture {\n img {\n margin-right: 0;\n margin-left: 0;\n\n "," {\n margin-left: ","rem;\n }\n }\n\n &:after {\n "," {\n left: auto;\n right: 0;\n }\n }\n }\n }\n }\n\n &.blue-box {\n .media {\n .media-body {\n &:after {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n\n &:before {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n }\n }\n }\n\n &.blue-box-alt {\n .media {\n .media-body {\n &:after {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n\n &:before {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n }\n }\n }\n\n &.fpv {\n .media {\n .media-body {\n &:after {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n\n &:before {\n border-left-color: transparent;\n\n "," {\n border-left-color: ",";\n }\n }\n }\n }\n }\n }\n }\n"])),b.alert,(0,d.mq)("md"),(0,d.mq)("md"),(0,d.mq)("md"),m.Gcw,(0,d.mq)("md"),m.TVE,m.AAk,m._8w,m.AjC,m.KUS,m.HgC,(0,d.mq)("md"),m.jHT,(0,d.mq)("md"),1.75*m.jHT,(0,d.mq)("md"),(0,d.mq)("lg"),1.5*m.jHT,(0,d.mq)("md"),1.5*m.jHT,m.RF2,(0,d.mq)("lg"),(0,d.mq)("md"),(0,d.mq)("md"),m.RW$,m.RF2,m.Ql9,m.BCR,m.HkV,m.Ql9,m.mwP,(0,b.lightenDarkenColor)(m.mwP,-10),m.ONy,(0,d.mq)("md"),(0,d.mq)("md"),2*m.jHT,2*m.jHT,(0,d.mq)("md"),(0,d.mq)("md"),(0,d.mq)("md"),(0,d.mq)("md"),m.jHT,(0,d.mq)("md"),1.5*m.jHT,m.RW$,m.RF2,m.Ql9,m.RW$,(0,d.mq)("md"),m.RF2,(0,d.mq)("md"),m.BCR,m.HkV,m.BCR,(0,d.mq)("md"),m.HkV,(0,d.mq)("md"),m.mwP,(0,b.lightenDarkenColor)(m.mwP,-10),m.Ql9,m.mwP,(0,d.mq)("md"),(0,b.lightenDarkenColor)(m.mwP,-10),(0,d.mq)("md"),(0,d.mq)("md"),6.6*m.jHT,(0,d.mq)("md"),(0,d.mq)("md"),m.RW$,(0,d.mq)("md"),m.RF2,(0,d.mq)("md"),m.BCR,(0,d.mq)("md"),m.HkV,(0,d.mq)("md"),m.mwP,(0,d.mq)("md"),(0,b.lightenDarkenColor)(m.mwP,-10),(0,d.mq)("md"),6.6*m.jHT,(0,d.mq)("md"),(0,d.mq)("md"),(0,d.mq)("md"),1.5*m.jHT,(0,d.mq)("md"),(0,d.mq)("md"),m.RW$,(0,d.mq)("md"),m.RF2,(0,d.mq)("md"),m.BCR,(0,d.mq)("md"),m.HkV,(0,d.mq)("md"),m.mwP,(0,d.mq)("md"),(0,b.lightenDarkenColor)(m.mwP,-10))},39931:(n,t,e)=>{e.d(t,{A:()=>nN});var r,o,i,a,l,m,d,b,g,c,p,s,h,f,u,x,w,k,y,v,q,z,A,M,j,_,I,N,T,O,L,C=e(42969),Y=e(44478),S=e(59860),H=e(32228),D=e(38993),E=e(94151),P=e(75317),G=e(88482),Q=e(48040),U=function(n){return(n/12*100).toFixed(5)},J=function(n){var t=[];
1return Array.from(Array(12).keys()).forEach(function(e,r){var o=r+1,i="\n .col".concat(n?"-".concat(n):"","-").concat(o," {\n position: relative;\n width: 100%;\n padding-right: 10px;\n padding-left: 10px;\n flex: 0 0 ").concat(U(o),"%;\n max-width: ").concat(U(o),"%;\n }\n ");t.push(i)}),t.join("")};(0,D.AH)(r||(r=(0,H.A)(["\n line-height: 2;\n font-weight: ",";\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n display: block;\n }\n h1,\n .h1 {\n font-size: ","rem;\n font-weight: ",";\n }\n h2,\n .h2 {\n font-size: ","rem;\n font-weight: ",";\n }\n h3,\n .h3 {\n font-size: ","rem;\n font-weight: ",";\n }\n h4,\n .h4 {\n font-size: ","rem;\n font-weight: ",";\n }\n h5,\n .h5 {\n font-size: ","rem;\n font-weight: ",";\n }\n h6,\n .h6 {\n font-size: ","rem;\n font-weight: ",";\n }\n p,\n .p {\n font-size: ","rem;\n font-weight: ",";\n "," {\n font-size: ","rem;\n }\n &.strong,\n strong,\n .strong {\n font-weight: ",";\n }\n }\n ul,\n ol {\n margin-top: 0.9375rem;\n font-size: ","rem;\n font-weight: ",";\n li {\n padding-bottom: 0;\n }\n "," {\n padding-left: 1rem;\n }\n "," {\n font-size: ","rem;\n }\n }\n .text-center {\n text-align: center;\n }\n .alert {\n margin-bottom: 1rem;\n }\n figure {\n margin: 0 0 1.2rem;\n\n &.backlinko-image {\n margin: 0 auto 1.2rem;\n }\n\n &.mb-1 {\n margin-bottom: 1.2rem;\n }\n &.mt-1 {\n margin-top: 1.2rem;\n }\n &.mb-2 {\n margin-bottom: 2.2rem;\n }\n &.mt-2 {\n margin-top: 2.2rem;\n }\n &.mb-3 {\n margin-bottom: 3.2rem;\n }\n &.mt-3 {\n margin-top: 3.2rem;\n }\n &.mb-4 {\n margin-bottom: 4.2rem;\n }\n &.mt-4 {\n margin-top: 4.2rem;\n }\n }\n > .container > p:first-of-type > .h3,\n > .container > p:first-of-type > h3,\n > .container > .h3:first-of-type,\n > .container > h3:first-of-type {\n margin-top: 0;\n }\n\n /*__COLUMNS__ */\n ",";\n ",";\n "," {\n ",";\n }\n "," {\n ",";\n }\n "," {\n ",";\n }\n "," {\n ",';\n }\n /*__COLUMNS END__ */\n\n .backlinko-image img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n }\n\n .backlinko-image.backlinko-has-border img {\n border: 4px solid #cccccc;\n }\n .embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n }\n .sc-embed-youtube,\n .sc-wistia-embed {\n margin-bottom: 1.3rem;\n\n &.image-border {\n border: 4px solid #cccccc;\n }\n }\n .embed-responsive-16by9:before {\n display: block;\n content: "";\n padding-top: 56.25%;\n }\n .embed-responsive .embed-responsive-item,\n .embed-responsive embed,\n .embed-responsive iframe,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n .backlinko-image__img-hub-rounded img,\n .backlinko-image__rounded img {\n border: 0 !important;\n border-radius: 0.5rem !important;\n }\n .backlinko-image__centered-image img {\n margin: 0 auto !important;\n }\n\n .backlinko-image.backlinko-has-border img {\n border: 4px solid #ccc;\n }\n\n b,\n strong {\n font-weight: 800;\n }\n\n /** Media alignment */\n .alignnone {\n margin-left: 0;\n margin-right: 0;\n max-width: 100%;\n height: auto;\n }\n\n .aligncenter {\n display: block;\n margin: ',"rem auto;\n height: auto;\n }\n\n .alignleft,\n .alignright {\n margin-bottom: ","rem;\n height: auto;\n }\n\n "," {\n .alignleft {\n float: left;\n margin-right: ","rem;\n }\n\n .alignright {\n float: right;\n margin-left: ","rem;\n }\n }\n\n .backlinko-image__screenshot img {\n outline: none !important;\n margin: 0 auto !important;\n border: 4px solid #ccc;\n border-radius: 0 !important;\n }\n\n /** Captions */\n\n .figure,\n .wp-caption {\n display: inline-block;\n }\n\n .figure-img,\n .wp-caption img {\n margin-bottom: 0.5rem;\n line-height: 1;\n }\n\n .figure-caption,\n .wp-caption-text {\n font-size: 90%;\n color: #6c757d;\n }\n\n .wp-caption img {\n max-width: 100%;\n height: auto;\n }\n\n /** Text meant only for screen readers */\n .screen-reader-text {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n .screen-reader-text:active,\n .screen-reader-text:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n }\n\n .text-xs-center {\n text-align: center;\n }\n\n .media {\n display: flex;\n -webkit-box-align: start;
1\n align-items: flex-start;\n }\n"])),E.ycS,2.24*E.iIY,E.JGC,1.96*E.iIY,E.JGC,1.5*E.iIY,E.JGC,1.34*E.iIY,E.JGC,1.12*E.iIY,E.ycS,E.iIY,E.$eQ,1.125*E.iIY,E.ycS,(0,P.mq)("md"),E.UdT,E.Lgp,1.125*E.iIY,E.ycS,(0,P.G)("sm"),(0,P.mq)("md"),E.UdT,J(),J("xs"),(0,P.mq)("sm"),J("sm"),(0,P.mq)("md"),J("md"),(0,P.mq)("lg"),J("lg"),(0,P.mq)("xl"),J("xl"),E.jHT,E.jHT,(0,P.mq)("sm"),E.jHT,E.jHT);var R=(0,D.AH)(o||(o=(0,H.A)(["\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: ",";\n white-space: ",";\n letter-spacing: ",";\n cursor: ",";\n text-transform: ",";\n font-weight: ",";\n min-height: ",";\n font-family: ",";\n\n &:disabled[disabled] {\n cursor: not-allowed;\n }\n }\n\n .btn-sm {\n min-height: ",";\n }\n\n .btn-lg {\n min-height: ",";\n }\n\n .btn-orange {\n ","\n }\n\n .btn-hub,\n .btn-youtube-hub {\n color: ",";\n background: #8e99f3;\n font-weight: ",";\n font-size: ","rem;\n letter-spacing: 0.04rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n display: inline-block;\n padding: 1.5rem 2.5rem 1.5rem 1.5rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n /* @include gradient-y(#8e99f3, #6e7cef); */\n background-image: linear-gradient(180deg, #8e99f3, #6e7cef);\n border-radius: 4px;\n transition: background 0.2s ease-in;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: ",';\n text-decoration: none;\n }\n\n &:hover {\n background-image: linear-gradient(180deg, #97a1f4, #7784f0);\n }\n &:active {\n background-image: linear-gradient(180deg, #a0aaf5, #808df1);\n }\n &:after {\n content: "";\n background: url(',");\n background-repeat: no-repeat;\n width: 14px;\n height: 36px;\n display: block;\n background-size: contain;\n display: block;\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n }\n }\n\n .btn-seo-hub {\n color: ",";\n background: #a282e0;\n font-weight: ",";\n font-size: ","rem;\n letter-spacing: 0.04rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n display: inline-block;\n padding: 1.65rem 2.5rem 1.5rem 1.5rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n background-image: linear-gradient(180deg, #5a458d, #a282e0);\n border-radius: 4px;\n transition: background 0.2s ease-in;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: ",';\n text-decoration: none;\n }\n\n &:hover {\n background-image: linear-gradient(180deg, #5e4894, #a88ae2);\n }\n &:active {\n background-image: linear-gradient(180deg, #634c9b, #ae92e4);\n }\n &:after {\n content: "";\n background: url(',");\n background-repeat: no-repeat;\n width: 14px;\n height: 36px;\n display: block;\n background-size: contain;\n display: block;\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n }\n }\n\n .btn-content-hub {\n color: ",";\n background: #4589ff;\n font-weight: ",";\n font-size: ",'rem;\n letter-spacing: 0.04rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n display: inline-block;\n padding: 1.65rem 2.5rem 1.5rem 1.5rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n background-image: linear-gradient(180deg, #477bfc, #4589ff);\n border-radius: 4px;\n transition: background-color 0.2s ease-in;\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: $white;\n text-decoration: none;\n }\n &:hover {\n background-image: linear-gradient(180deg, #5182fc, #4f8fff);\n }\n &:active {\n background-image: linear-gradient(180deg, #5b89fc, #5996ff);\n }\n &:after {\n content: "";\n background: url(',");\n background-repeat: no-repeat;\n width: 14px;\n height: 36px;\n display: block;\n background-size: contain;\n display: block;\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n }\n }\n\n .btn-seo-hub-2-0 {\n color: ",";\n background-color: #ac55ff;\n letter-spacing: normal;\n font-family: ",";\n font-weight: ",";\n font-size: ",'rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n display: inline-block;\n padding: 1.65rem 2.5rem 1.5rem 1.5rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n border-radius: 4px;\n transition: background-color 0.2s ease-in;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: $white;\n text-decoration: none;\n }\n &:hover {\n background-color: #b15fff;\n }\n &:active {\n background-color: #b364ff;\n }\n\n &:after {\n content: "";\n background: url(',");\n background-repeat: no-repeat;\n width: 14px;\n height: 36px;\n display: block;\n background-size: contain;\n display: block;\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n }\n }\n\n .btn-digital-marketing-templates-library {\n color: ",";\n background-color: #3f59fe;\n letter-spacing: normal;\n font-family: ",";\n font-weight: ",";\n font-size: ","rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n display: inline-block;\n padding: 1.65rem 2.5rem 1.5rem 1.5rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n border-radius: 4px;\n transition: background-color 0.2s ease-in;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: ",';\n text-decoration: none;\n }\n &:hover {\n background-color: #4962fe;\n }\n &:active {\n background-color: #4e66fe;\n }\n &:after {\n content: "";\n background: url(',");\n background-repeat: no-repeat;\n width: 14px;\n height: 36px;\n display: block;\n background-size: contain;\n display: block;\n position: absolute;\n right: 1.25rem;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n }\n }\n\n .btn-grey,\n .btn-learn-seo-fast {\n font-weight: ",";\n font-size: ","rem;\n letter-spacing: 0.04rem;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n padding: 1rem;\n margin: auto;\n width: 100%;\n max-width: 100%;\n position: relative;\n border-radius: 3px;\n transition: background-color 0.2s ease-in;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n }\n }\n\n .btn-grey {\n color: ",";\n background: #f0f0f0;\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: ",";\n }\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n .btn-learn-seo-fast {\n color: ",";\n background: #1cb29d;\n &:link,\n &:visited,\n &:hover,\n &:active {\n color: ",";\n }\n &:hover {\n background: #1ba995;\n }\n &:active {\n background: #1bae99;\n }\n }\n"])),E.zqq,E.M6_,E.kLl,E.pqv,E.ct3,E.ken,E.GYf,E.b1T,E.SIV,E.hOT,(0,G.buttonVariant)(E.kwv,E.kwv),E.ONy,E.JGC,1.3*E.iIY,E.ONy,Q.A,E.ONy,E.ONy,E.JGC,1.3*E.iIY,E.ONy,Q.A,E.ONy,E.ONy,E.JGC,1.3*E.iIY,Q.A,E.ONy,E.ONy,E.e0O,E.JGC,1.4*E.iIY,Q.A,E.ONy,E.ONy,E.e0O,E.JGC,1.4*E.iIY,E.ONy,Q.A,E.ONy,E.ycS,E.iIY,E.Ql9,(0,G.lightenDarkenColor)(E.Ql9,-2),(0,G.lightenDarkenColor)("#f0f0f0",-2),(0,G.lightenDarkenColor)("#f0f0f0",-1),E.ONy,E.ONy),W=(0,D.AH)(i||(i=(0,H.A)(["\n .table,\n table.table-results {\n width: 100%;\n margin-bottom: 1rem;\n color: #000;\n }\n .table td,\n .table th,\n table.table-results td,\n table.table-results th {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #e6e6e6;\n }\n .table thead th,\n table.table-results thead th,\n table.table-primary thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e6e6e6;\n }\n .table tbody + tbody,\n table.table-results tbody + tbody {\n border-top: 2px solid #e6e6e6;\n }\n .table-sm td,\n .table-sm th,\n table.table-results td,\n table.table-results th,\n table.table-primary td,\n table.table-primary th {\n padding: 0.3rem;\n }\n .table-bordered,\n .table-bordered td,\n .table-bordered th {\n border: 1px solid #e6e6e6;\n }\n .table-bordered thead td,\n .table-bordered thead th {\n border-bottom-width: 2px;\n }\n .table-borderless tbody + tbody,\n .table-borderless td,\n .table-borderless th,\n .table-borderless thead th {\n border: 0;\n }\n .table-striped tbody tr:nth-of-type(odd),\n table.table-results tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .table-hover tbody tr:hover,\n table.table-results tbody tr:hover {\n color: #000;\n background-color: rgba(0, 0, 0, 0.075);\n }\n /* .table-primary,\n .table-primary > td,\n .table-primary > th {\n background-color: #b8f2db;\n }\n .table-primary tbody + tbody,\n .table-primary td,\n .table-primary th,\n .table-primary thead th {\n border-color: #7ae7bc;\n } */\n .table-hover .table-primary:hover,\n .table-hover .table-primary:hover > td,\n .table-hover .table-primary:hover > th,\n table.table-results .table-primary:hover,\n table.table-results .table-primary:hover > td,\n table.table-results .table-primary:hover > th {\n background-color: #a2eed0;\n }\n .table-secondary,\n .table-secondary > td,\n .table-secondary > th {\n background-color: #b8b8b8;\n }\n .table-secondary tbody + tbody,\n .table-secondary td,\n .table-secondary th,\n .table-secondary thead th {\n border-color: #7a7a7a;\n }\n .table-hover .table-secondary:hover,\n .table-hover .table-secondary:hover > td,\n .table-hover .table-secondary:hover > th,\n table.table-results .table-secondary:hover,\n table.table-results .table-secondary:hover > td,\n table.table-results .table-secondary:hover > th {\n background-color: #ababab;\n }\n .table-success,\n .table-success > td,\n .table-success > th {\n background-color: #b8f2db;\n }\n .table-success tbody + tbody,\n .table-success td,\n .table-success th,\n .table-success thead th {\n border-color: #7ae7bc;\n }\n .table-hover .table-success:hover,\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th,\n table.table-results .table-success:hover,\n table.table-results .table-success:hover > td,\n table.table-results .table-success:hover > th {\n background-color: #a2eed0;\n }\n .table-info,\n .table-info > td,\n .table-info > th {\n background-color: #c0c4c6;\n }\n .table-info tbody + tbody,\n .table-info td,\n .table-info th,\n .table-info thead th {\n border-color: #899196;\n }\n .table-hover .table-info:hover,\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th,\n table.table-results .table-info:hover,\n table.table-results .table-info:hover > td,\n table.table-results .table-info:hover > th {\n background-color: #b3b7ba;\n }\n .table-warning,\n .table-warning > td,\n .table-warning > th {\n background-color: #ffeeba;\n }\n .table-warning tbody + tbody,\n .table-warning td,\n .table-warning th,\n .table-warning thead th {\n border-color: #ffdf7e;\n }\n .table-hover .table-warning:hover,\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th,\n table.table-results .table-warning:hover,\n table.table-results .table-warning:hover > td,\n table.table-results .table-warning:hover > th {\n background-color: #ffe8a1;\n }\n .table-danger,\n .table-danger > td,\n .table-danger > th {\n background-color: #f5c6cb;\n }\n .table-danger tbody + tbody,\n .table-danger td,\n .table-danger th,\n .table-danger thead th {\n border-color: #ed969e;\n }\n .table-hover .table-danger:hover,\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th,\n table.table-results .table-danger:hover,\n table.table-results .table-danger:hover > td,\n table.table-results .table-danger:hover >
1 th {\n background-color: #f1b0b7;\n }\n .table-light,\n .table-light > td,\n .table-light > th {\n background-color: #fdfdfe;\n }\n .table-light tbody + tbody,\n .table-light td,\n .table-light th,\n .table-light thead th {\n border-color: #fbfcfc;\n }\n .table-hover .table-light:hover,\n .table-hover .table-light:hover > td,\n .table-hover .table-light:hover > th,\n table.table-results .table-light:hover,\n table.table-results .table-light:hover > td,\n table.table-results .table-light:hover > th {\n background-color: #ececf6;\n }\n .table-dark,\n .table-dark > td,\n .table-dark > th {\n background-color: #c6c8ca;\n }\n .table-dark tbody + tbody,\n .table-dark td,\n .table-dark th,\n .table-dark thead th {\n border-color: #95999c;\n }\n .table-hover .table-dark:hover,\n .table-hover .table-dark:hover > td,\n .table-hover .table-dark:hover > th,\n table.table-results .table-dark:hover,\n table.table-results .table-dark:hover > td,\n table.table-results .table-dark:hover > th {\n background-color: #b9bbbe;\n }\n .table-active,\n .table-active > td,\n .table-active > th,\n .table-hover .table-active:hover,\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th,\n table.table-results .table-active:hover,\n table.table-results .table-active:hover > td,\n table.table-results .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075);\n }\n .table .thead-dark th,\n table.table-results .thead-dark th {\n color: #fff;\n background-color: #343a40;\n border-color: #454d55;\n }\n .table .thead-light th,\n table.table-results .thead-light th {\n color: #495057;\n background-color: #e6e6e6;\n border-color: #e6e6e6;\n }\n .table-dark {\n color: #fff;\n background-color: #343a40;\n }\n .table-dark td,\n .table-dark th,\n .table-dark thead th {\n border-color: #454d55;\n }\n .table-dark.table-bordered {\n border: 0;\n }\n .table-dark.table-striped tbody tr:nth-of-type(odd),\n table.table-dark.table-results tbody tr:nth-of-type(odd) {\n background-color: hsla(0, 0%, 100%, 0.05);\n }\n .table-dark.table-hover tbody tr:hover,\n table.table-dark.table-results tbody tr:hover {\n color: #fff;\n background-color: hsla(0, 0%, 100%, 0.075);\n }\n @media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n }\n @media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n }\n @media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n }\n @media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n }\n .table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive > .table-bordered {\n border: 0;\n }\n\n caption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n }\n\n /* 33333 */\n table.table-results,\n table.table-primary {\n font-family:\n Inter,\n -apple-system,\n BlinkMacSystemFont,\n Segoe UI,\n Roboto,\n Helvetica Neue,\n Arial,\n Noto Sans,\n sans-serif !important;\n font-size: 1rem;\n table-layout: fixed;\n }\n table.table-results .red,\n table.table-primary .red {\n color: #ca5858;\n }\n table.table-results .green,\n table.table-primary .green {\n color: #679f67;\n }\n table.table-results thead,\n table.table-primary thead {\n color: #fff;\n background-color: ",";\n letter-spacing: 0.025rem;\n }\n @media (max-width: 991.98px) {\n table.table-results thead tr {\n position: absolute;\n top: -9999px;\n left: -9999px;\n }\n }\n table.table-results thead tr th,\n table.table-primary thead tr th {\n line-height: normal;\n padding-top: 0.45rem;\n padding-bottom: 0.4rem;\n border: 0 !important;\n }\n @media (max-width: 991.98px) {\n table.table-results tbody tr td {\n z-index: 1;\n border: none;\n position: relative;\n padding-left: 55%;\n padding-right: 17px;\n padding-top: 17px;\n }\n }\n @media (max-width: 991.98px) {\n table.table-results tbody tr td:before {\n z-index: 0;\n content: attr(data-before);\n background-color: ",";\n color: #fff;\n line-height: 3.65rem;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 50%;\n padding-right: 10px;\n white-space: nowrap;\n padding-left: 23px;\n }\n }\n @media (max-width: 991.98px) {\n table.table-results tbody tr td:last-of-type {\n padding-bottom: 17px;\n }\n }\n table.table-results caption,\n table.table-primary caption {\n font-size: 0.75rem;\n font-style: italic;\n padding-bottom: 0;\n }\n @media (max-width: 991.98px) {\n table.table-results caption {\n display: inline-block;\n }\n }\n table.centered.table-results tbody tr td,\n table.centered.table-results thead tr th,\n table.centered.table-primary tbody tr td,\n table.centered.table-primary tbody tr th {\n text-align: center;\n }\n table.white-td.table-results tbody tr td {\n background-color: #fff;\n }\n table.th-valign-top.table-results thead tr th {\n vertical-align: top;\n }\n table.th-font-size-smaller.table-results thead tr th {\n font-size: 0.9rem;\n }\n @media (max-width: 991.98px) {\n table.table-results,\n table.table-results tbody,\n table.table-results td,\n table.table-results th,\n table.table-results thead,\n table.table-results tr {\n display: block;\n }\n }\n table.table-layout-auto {\n table-layout: auto;\n }\n table.table-layout-auto th,\n table.table-layout-auto td {\n table-layout: auto;\n width: 1%;\n }\n .table-responsive table.table-primary {\n table-layout: auto;\n }\n .table-responsive table.table-primary th,\n .table-responsive table.table-primary td {\n table-layout: auto;\n width: 1%;\n }\n"])),E.wLJ,E.wLJ),B=(0,D.AH)(a||(a=(0,H.A)(["\n .max-width-1200-lg-up {\n "," {\n max-width: 1200px !important;\n > iframe.embed-responsive-item {\n padding-left: 17%;\n padding-right: 17%;\n }\n &.embed-responsive-16by9 {\n &::before {\n padding-top: 37.25%;\n }\n }\n &.embed-responsive-21by9 {\n &::before {\n padding-top: 37.25%;\n }\n }\n }\n }\n\n .greencirclenumber {\n &[data-num] {\n &:before {\n content: attr(data-num);\n display: inline-block;\n width: 2.5rem;\n height: 2.5rem;\n line-height: 2.5rem;\n border-radius: 1.25rem;\n background-color: ",";\n color: ",";\n text-align: center;\n font-weight: normal;\n margin-right: 1rem;\n }\n }\n }\n\n > * + h2,\n * + p > .h2 {\n margin-top: 2.25rem !important;\n margin-bottom: 1.75rem !important;\n }\n\n /* wistia */\n\n .wistia_embed {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n > iframe {\n width: 100%;\n height: 100%;\n }\n }\n\n .wistia_thumbnail {\n position: absolute;\n top: 0;\n margin: 0;\n bottom: 0;\n right: 0;\n left: 0;\n height: 100%;\n object-fit: cover;\n width: 100%;\n }\n"])),(0,P.mq)("lg"),E.zBe,E.ONy),Z=e(14232),V=e(10987),$=(0,D.AH)(l||(l=(0,H.A)(["\n .pull-xs-left {\n float: left;\n }\n\n .sc-alert-box {\n p {\n margin-bottom: 0;\n }\n\n h3.alert-box-title {\n font-size: ","rem;\n text-align: center;\n font-weight: bold;\n margin-top: 0.3rem;\n }\n\n .alert-box-video-top {\n h3.alert-box-pre-title {\n text-transform: uppercase;\n font-family: ",";\n font-weight: 600;\n font-size: 0.73rem;\n margin: 0 0 0.95rem;\n padding: 0;\n letter-spacing: 0.04rem;\n }\n\n h3.alert-box-title {\n margin: 0;\n text-align: left;\n font-weight: normal;\n font-family: ",";\n font-size: ","rem;\n }\n }\n\n .sc-embed-youtube,\n .sc-wistia-embed {\n margin-bottom: 0;\n }\n\n &.red-quote,\n &.red-quote-alt,\n &.turquoise-quote {\n font-family: ",";\n font-weight: ",";\n color: ",";\n line-height: 1.8;\n margin: 0 0 ","px 0 !important;\n padding: 0 !important;\n border: 0 none !important;\n background-position: top !important;\n background-size: cover !important;\n border-radius: 4px;\n font-size: 0.9rem;\n\n "," {\n font-size: 1.125rem;\n }\n\n .inner {\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n background-color: rgba(218, 10, 10, 0.95);\n border-radius: 4px;\n padding: ","px;\n\n "," {\n padding: 2.5rem 2.1875rem;\n }\n }\n }\n\n &.red-quote-alt {\n font-size: ","rem !important;\n font-weight: "," !important;\n border: 4px solid #f22524 !important;\n border-radius: 4px !important;\n background-color: transparent !important;
1\n\n .inner {\n background-color: #f16767 !important;\n border-radius: 0 !important;\n padding: 1.25rem 1.75rem !important;\n }\n }\n\n &.turquoise-quote {\n font-size: "," !important;\n font-weight: "," !important;\n border: 4px solid #00ad8f !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n\n .inner {\n background-color: #00c7a4 !important;\n border-radius: 0 !important;\n padding: 1.25rem 1.75rem !important;\n }\n }\n }\n\n .alert {\n position: relative;\n padding: 1.25rem;\n margin-bottom: 1.5rem;\n border: 1px solid transparent;\n border-radius: 6px;\n }\n .alert-heading {\n color: inherit;\n }\n .alert-link {\n font-weight: 700;\n }\n .alert-dismissible {\n padding-right: 4rem;\n }\n .alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1.25rem;\n color: inherit;\n }\n .alert-primary {\n color: #006c42;\n background-color: #ccf6e5;\n border-color: #b8f2db;\n }\n .alert-primary hr {\n border-top-color: #a2eed0;\n }\n .alert-primary .alert-link {\n color: #003923;\n }\n .alert-secondary {\n color: #000;\n background-color: #ccc;\n border-color: #b8b8b8;\n }\n .alert-secondary hr {\n border-top-color: #ababab;\n }\n .alert-secondary .alert-link {\n color: #000;\n }\n .alert-success {\n color: #006c42;\n background-color: #ccf6e5;\n border-color: #b8f2db;\n }\n .alert-success hr {\n border-top-color: #a2eed0;\n }\n .alert-success .alert-link {\n color: #003923;\n }\n .alert-info {\n color: #0f161c;\n background-color: #d2d5d7;\n border-color: #c0c4c6;\n }\n .alert-info hr {\n border-top-color: #b3b7ba;\n }\n .alert-info .alert-link {\n color: #000;\n }\n .alert-warning {\n color: #856404;\n background-color: #fff3cd;\n border-color: #ffeeba;\n }\n .alert-warning hr {\n border-top-color: #ffe8a1;\n }\n .alert-warning .alert-link {\n color: #533f03;\n }\n .alert-danger {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb;\n }\n .alert-danger hr {\n border-top-color: #f1b0b7;\n }\n .alert-danger .alert-link {\n color: #491217;\n }\n .alert-light {\n color: #818182;\n background-color: #fefefe;\n border-color: #fdfdfe;\n }\n .alert-light hr {\n border-top-color: #ececf6;\n }\n .alert-light .alert-link {\n color: #686868;\n }\n .alert-dark {\n color: #1b1e21;\n background-color: #d6d8d9;\n border-color: #c6c8ca;\n }\n .alert-dark hr {\n border-top-color: #b9bbbe;\n }\n .alert-dark .alert-link {\n color: #040505;\n }\n\n /* 2 */\n .alert-success hr {\n border-top-color: #9fc269;\n }\n .alert-success .alert-link {\n color: #090909;\n }\n .alert-info {\n color: #222;\n background-color: #f2f2f2;\n border-color: #d0d0d0;\n }\n .alert-info hr {\n border-top-color: #c3c3c3;\n }\n .alert-info .alert-link {\n color: #090909;\n }\n .alert-warning {\n color: #222;\n background-color: #fee2b7;\n border-color: #c7be9d;\n }\n .alert-warning hr {\n border-top-color: #beb38d;\n }\n .alert-warning .alert-link {\n color: #090909;\n }\n .alert-danger {\n color: #222;\n background-color: #ffcec7;\n border-color: #e8a59b;\n }\n .alert-danger hr {\n border-top-color: #e39286;\n }\n .alert-danger .alert-link {\n color: #090909;\n }\n .alert-yellow {\n color: #222;\n background-color: #faffb0;\n border-color: #d7db97;\n }\n .alert-yellow hr {\n border-top-color: #d0d484;\n }\n .alert-yellow .alert-link {\n color: #090909;\n }\n .alert-success.wide-video .alert-box-video-top {\n border-left-color: #abc97b !important;\n border-top-color: #abc97b !important;\n border-right-color: #abc97b !important;\n }\n .alert-info.wide-video .alert-box-video-top {\n border-left-color: #d0d0d0 !important;\n border-top-color: #d0d0d0 !important;\n border-right-color: #d0d0d0 !important;\n }\n .alert-warning.wide-video .alert-box-video-top {\n border-left-color: #c7be9d !important;\n border-top-color: #c7be9d !important;\n border-right-color: #c7be9d !important;\n }\n .alert-danger.wide-video .alert-box-video-top {\n border-left-color: #e8a59b !important;\n border-top-color: #e8a59b !important;\n border-right-color: #e8a59b !important;\n }\n .alert-yellow.wide-video .alert-box-video-top {\n border-left-color: #d7db97 !important;\n border-top-color: #d7db97 !important;\n border-right-color: #d7db97 !important;\n }\n .alert.wide-video,\n .gform_wrapper .wide-video.validation_error,\n .wide-video.gforms_confirmation_message {\n padding: 0;\n border: 0;\n }\n .alert.wide-video .alert-box-video-top,\n .gform_wrapper .wide-video.validation_error .alert-box-video-top,\n .wide-video.gforms_confirmation_message .alert-box-video-top {\n padding: 1.3rem 1.45rem;\n border-bottom: 0 transparent;\n border-style: solid;\n border-left-width: 1px;\n border-top-width: 1px;\n border-right-width: 1px;\n }\n"])),E.PLD,E.b1T,E.Q$,E.P31,E.b1T,E.ycS,E.ONy,1.5*E.Jdj,(0,P.mq)("lg"),1.5*E.Jdj,(0,P.mq)("md"),E.iIY,E.WYM,E.iIY,E.WYM),F=(0,D.AH)(m||(m=(0,H.A)(["\n .sc-attention-bullet-list {\n background: #f7f5cd;\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n padding-right: 1.25rem;\n font-size: 1rem;\n width: 100%;\n max-width: 22.5rem;\n margin-bottom: 1.5rem;\n font-family: ",";\n line-height: 1.85;\n border: 1px solid #eae8c2;\n\n ol,\n ul {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }
1\n\n p:empty {\n display: none;\n }\n }\n"])),E.e0O),K=(0,D.AH)(d||(d=(0,H.A)(["\n .sc-box-with-image {\n position: relative;\n border: 1px solid darken(#ebebeb, 5);\n box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.17) inset;\n border-radius: 6px;\n padding: 6.5rem 1.5rem 0.5rem;\n margin: 7.5rem 0 1.5rem;\n\n "," {\n text-align: center;\n }\n\n "," {\n padding: 2rem 2.5rem 2rem 7.5rem;\n margin: 1.5rem 0 1.5rem 95px;\n }\n\n .sc-box-with-image-img {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 0;\n width: 190px;\n\n "," {\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n margin-left: -95px;\n }\n\n img {\n max-width: 100%;\n height: auto;\n\n "," {\n margin-top: -50%;\n }\n }\n }\n\n .sc-box-with-image-box {\n min-height: 190px;\n display: table;\n width: 100%;\n\n .sc-box-with-image-box-inner {\n display: table-cell;\n vertical-align: middle;\n\n "," {\n text-align: center;\n }\n\n .sc-box-with-image-box-title {\n font-weight: 700;\n font-size: 25px;\n margin: 1rem 0 0.5rem;\n color: #153257;\n }\n }\n }\n\n &.right {\n "," {\n padding: 2rem 7.5rem 2rem 2.5rem;\n margin: 1.5rem 95px 1.5rem 0;\n }\n\n .sc-box-with-image-img {\n "," {\n left: auto;\n right: 0;\n margin-left: 0;\n margin-right: -95px;\n }\n }\n }\n }\n"])),(0,P.G)("sm"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.G)("md"),(0,P.G)("md"),(0,P.mq)("lg"),(0,P.mq)("lg")),X=(0,D.AH)(b||(b=(0,H.A)(["\n .sc-brians-pro-tip {\n .sc-brians-pro-tip-header {\n padding: ","rem ","rem;\n margin-left: ","rem;\n margin-right: ","rem;\n margin-top: ","rem;\n margin-bottom: ","rem;\n background-color: ",";\n\n .sc-brians-pro-tip-title {\n margin: 0;\n color: #fff;\n\n .title {\n font-weight: ",";\n }\n }\n }\n\n &.alert-info .sc-brians-pro-tip-header {\n background-color: ",";\n }\n\n &.alert-warning .sc-brians-pro-tip-header {\n background-color: ",";\n }\n\n &.alert-danger .sc-brians-pro-tip-header {\n background-color: ",";\n }\n\n &.alert-yellow .sc-brians-pro-tip-header {\n background-color: ",";\n }\n }\n"])),E.rtG,E.kqc,-(E.kqc/1),-(E.kqc/1),-(E.rtG/1),E.rtG,E.jKL,E.WYM,E._8w,E.AjC,E.xvb,E.aom),nn=(0,D.AH)(g||(g=(0,H.A)(["\n .sc-brians-take {\n ",";\n\n > :last-child {\n margin-bottom: 0;\n }\n\n .sc-embed-youtube,\n .sc-wistia-embed {\n margin-bottom: 0;\n }\n\n .sc-title {\n margin: 0.5rem 0 1.25rem;\n\n "," {\n margin: 0 0 1.25rem;\n }\n }\n\n .sc-picture {\n position: relative;\n margin-bottom: 0 !important;\n padding-right: 1rem;\n\n "," {\n padding-right: 1.5rem;\n }\n\n img {\n max-width: none;\n position: relative;\n z-index: 100;\n margin-bottom: 0 !important;\n border-radius: 50% !important;\n width: 45px;\n height: 45px;\n margin: 0;\n\n ",' {\n width: 70px;\n height: 70px;\n }\n }\n\n &:after {\n content: "";\n position: absolute;\n top: 1px;\n left: 0;\n border-radius: 50%;\n width: 45px;\n height: 45px;\n\n '," {\n width: 70px;\n height: 70px;\n }\n }\n }\n\n p {\n &:first-of-type {\n "," {\n padding-left: 94px;\n }\n }\n }\n\n &.alert-success {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-info {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-warning {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-danger {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n &.alert-yellow {\n .sc-picture {\n &:after {\n background-color: ",";\n }\n }\n }\n\n .post-template-template-jumbo-guide & {\n border-radius: 3.5px !important;\n border-color: #dddddd !important;\n padding: 2rem !important;\n\n p {\n &:first-of-type {\n padding-left: 0 !important;\n }\n }\n\n .sc-picture {\n display: none;\n\n "," {\n display: block;\n }\n }\n\n .sc-title {\n margin-bottom: 1rem !important;\n }\n }\n\n margin: 0 0 20px 0 !important;\n border-radius: 3.5px !important;\n border-color: #dddddd !important;\n padding: 2rem !important;\n\n p {\n &:first-of-type {\n padding-left: 0 !important;\n }\n }\n\n .sc-picture {\n display: none;\n\n "," {\n display: block;\n }\n }\n\n .sc-title {\n margin-bottom: 1rem !important;\n }\n }\n"])),G.clearfix,(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("sm"),E.AAk,E._8w,E.AjC,E.KUS,E.HgC,(0,P.mq)("md"),(0,P.mq)("md")),nt=(0,D.AH)(c||(c=(0,H.A)(["\n .sc-check-item {\n font-size: "," !important;\n\n span {\n vertical-align: middle;\n }\n\n .sc-check-item-number {\n color: #0fb5b0;\n }\n\n .sc-check-item-icon {\n vertical-align: middle;\n width: 40px;\n height: 40px;\n border-radius: 20px;\n background-color: #0fb5b0;\n color: #fff;\n position: relative;\n display: inline-block;\n\n &:before {\n text-shadow: 1px 1px 1px rgba(118, 118, 118, 0.5);\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n font-size: 24px;\n margin-top: 2px;\n }\n }\n }\n"])),E.PLD),ne=(0,D.AH)(p||(p=(0,H.A)(["\n .sc-code {\n background-color: #f6f6f6;\n border: 1px solid #d0d0d0;\n border-radius: 0.3rem;\n overflow: hidden;\n line-height: inherit !important;\n display: flex;
1\n align-items: center;\n padding: 0 !important;\n padding-left: 1.25rem !important;\n\n > figure {\n margin: 0 1.5rem 0 0;\n width: 58px;\n min-width: 58px;\n padding: 0 6px 0 14px;\n\n img {\n width: 100%;\n height: auto;\n }\n }\n\n > div {\n max-height: 300px;\n width: 100%;\n overflow: auto;\n padding: 1.25rem 1.25rem 1.25rem 0;\n\n pre {\n background-color: transparent !important;\n margin-bottom: 0 !important;\n padding: 0 !important;\n\n code {\n overflow-wrap: break-word;\n text-align: initial;\n white-space: pre-wrap;\n font-size: 16px;\n }\n }\n }\n }\n"]))),nr=e(6577),no=(0,D.AH)(s||(s=(0,H.A)(["\n .sc-click-tweet {\n > span {\n pointer-events: none;\n }\n &.sc-click-tweet-stylised-text {\n display: flex;\n align-items: center;\n margin-bottom: 1rem;\n width: 100%;\n max-width: 100%;\n background-color: #4099ff;\n font-size: 0.85rem;\n font-family: ",";\n letter-spacing: 0.05rem;\n color: #ffffff;\n text-transform: uppercase;\n text-decoration: none;\n overflow: hidden;\n font-weight: ",";\n border-radius: 4px;\n transition: background-color 0.2s ease-in;\n padding: 1.25rem 1.25rem 1.875rem 1.25rem;\n background-position: center bottom;\n background-size: 25.625rem auto;\n\n "," {\n flex-direction: column;\n }\n\n "," {\n justify-content: space-between;\n background-position: right center;\n background-size: 17.5rem auto;\n padding: 0 0.625rem 0.0625rem 1.875rem;\n }\n\n &:hover {\n background-color: #4a9eff;\n }\n\n &:active {\n background-color: ",";\n }\n\n &:active,\n &:hover,\n &:visited {\n text-decoration: none;\n }\n\n .sc-click-tweet-content,\n .sc-click-tweet-icon {\n line-height: normal;\n }\n\n .sc-click-tweet-content {\n padding-bottom: 0;\n padding-top: 0;\n line-height: 1.8;\n text-align: center;\n\n "," {\n padding-bottom: 0.625rem;\n padding-top: 0.625rem;\n line-height: inherit;\n text-align: left;\n }\n }\n\n .sc-click-tweet-icon {\n font-size: 2rem;\n width: 4rem;\n height: 4rem;\n min-width: 4rem;\n min-height: 4rem;\n position: relative;\n border-radius: 2.1875rem;\n text-align: center;\n line-height: 3.9375rem;\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);\n margin-bottom: auto;\n margin-top: 1.2rem;\n\n ",' {\n margin-top: auto;\n }\n\n &.icon-twitter {\n padding-top: 1px;\n padding-left: 0.375rem;\n /* To compensate for the misaligned character in the font */\n background: #55aaff;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n\n &::before {\n content: "";\n background: url(',");\n width: 32px;\n height: 30px;\n background-repeat: no-repeat;\n display: block;\n margin-top: -4px;\n margin-left: 2px;\n }\n }\n\n .ring-one,\n .ring-three,\n .ring-two {\n position: absolute;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n opacity: 0.1;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n }\n\n .ring-one {\n height: 7.875rem;\n width: 7.875rem;\n margin-left: -3.9375rem;\n margin-top: -3.9375rem;\n }\n\n .ring-two {\n height: 13.5rem;\n width: 13.5rem;\n margin-left: -6.75rem;\n margin-top: -6.75rem;\n }\n\n .ring-three {\n height: 25.625rem;\n width: 25.625rem;\n margin-left: 12.8125rem;\n margin-top: 12.8125rem;\n }\n }\n }\n }\n"])),E.e0O,E.JGC,(0,P.G)("sm"),(0,P.mq)("md"),(0,G.lightenDarkenColor)("#4099ff",-2),(0,P.mq)("md"),(0,P.mq)("md"),nr.A),ni=(0,D.AH)(h||(h=(0,H.A)(["\n .sc-definition-box {\n .sc-image {\n padding-right: 1rem;\n\n "," {\n padding-right: 1.5rem;\n }\n\n img {\n height: auto;\n max-width: 45px !important;\n\n "," {\n max-width: 70px !important;\n }\n }\n }\n\n .sc-header {\n padding-bottom: ","rem;\n\n .sc-term {\n font-size: 22px;\n margin: 0.2rem 0 1rem;\n }\n\n .sc-type,\n .sc-pronunciation {\n margin-bottom: 0;\n }\n }\n\n .sc-definition {\n margin: 0 ","rem ","rem;\n padding: "," ",";\n background-color: ",";\n border-top: 1px solid ",";\n /* @include remove-last-p-margin; */\n > :last-child {\n margin-bottom: 0;\n }\n\n .sc-definition-title {\n margin-bottom: 1rem;\n }\n }\n\n &.font-gotham {\n font-family: ",";\n font-weight: ",";\n line-height: 1.5;\n font-size: ","rem;\n\n "," {\n line-height: 2;\n font-size: ","rem;\n }\n\n .media {\n .sc-header {\n width: auto;\n padding-bottom: ","px;\n\n .sc-term,\n .sc-type {\n font-family: ","rem;\n color: ",";\n }\n .sc-term {\n font-weight: ",";\n margin: 0rem 0rem 0.5rem 0rem;\n font-size: ","rem;\n\n "," {\n font-size: ","rem;\n }\n }\n .sc-type {\n font-weight: ",";\n font-style: italic;\n font-size: ","rem;\n\n "," {\n font-size: ","rem;\n }\n }\n }\n p {\n font-family: ",";\n font-size: 1rem;\n font-weight: 300;\n }\n }\n .sc-definition {\n font-family: ",";\n color: ",";\n\n p {\n font-family: ",";\n font-size: 1rem;\n font-weight: 300;\n }\n }\n .sc-further-text {\n color: ",";\n font-size: ","rem;\n\n "," {\n font-size: ","rem;\n }\n }\n }\n\n &.blue-style {\n background-color: #168de9;\n border: 0px none !important;\n border-radius: 4px;\n padding: ","px;\n\n "," {\n padding: 1.5625rem 1.5625rem 1.5625rem 2.5rem;\n }\n\n .media {\n display: flex;\n flex-direction: row-reverse;\n align-items: flex-start;\n justify-content: space-between;\n\n .sc-initials {\n background-color: ",";\n color: #168de9;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n display: flex;\n width: ","rem;\n height: ","rem;\n min-width: ","rem;\n min-height: ","rem;\n max-width: ","rem;\n\n "," {\n width: ","rem;\n height: ","rem;\n min-width: ","rem;\n min-height: ","rem;\n max-width: ","rem;\n }\n\n span {\n font-weight: ",";\n line-height: normal;\n text-align: center;\n font-size: ","rem;\n\n "," {\n font-size: ","rem;\n }\n }\n }\n }\n\n .sc-definition {\n padding: 0;\n background-color: transparent;\n border: 0px none;\n margin: auto;\n font-size: ","rem;\n\n "," {\n margin: 0 ","px 0 ","px;\n }\n\n "," {\n font-size: ",'rem;\n }\n }\n\n .sc-further-text {\n background-color: #1686dc;\n margin: 0;\n padding: 0;\n border-radius: 0 0 4px 4px;\n\n ul,\n ol {\n padding: 0;\n list-style-type: none;\n\n li {\n &:before {\n content: "â¢";\n font-size: 0.9375rem;\n padding-right: ',"px;\n }\n }\n }\n }\n\n &.has-further-text {\n padding: 0;\n\n .media {\n padding: ","px ","px 0 ","px;\n\n "," {\n padding: 1.5625rem 1.5625rem 0 2.5rem;\n }\n }\n\n .sc-definition {\n padding: 0 ","px ","px ","px;\n\n "," {\n padding: 0 1.5625rem 1.5625rem 2.5rem;\n }\n }\n\n .sc-further-text {\n padding: ","px;\n\n "," {\n padding: 1.5625rem 2.5rem;\n }\n }\n }\n }\n }\n"])),(0,P.mq)("md"),(0,P.mq)("md"),E.rtG,-(E.kqc/1),-(E.rtG/1),E.rtG,E.kqc,(0,G.lightenDarkenColor)(E.d4y,-4),(0,G.lightenDarkenColor)(E._8w,4),E.b1T,E.WYM,E.P31,(0,P.mq)("md"),E.iIY,.5*E.Jdj,E.b1T,E.ONy,E.JGC,1.5*E.iIY,(0,P.mq)("lg"),1.75*E.iIY,E.WYM,.9*E.iIY,(0,P.mq)("lg"),E.iIY,E.b1T,E.b1T,E.ONy,E.b1T,E.ONy,.9*E.iIY,(0,P.mq)("md"),1.125*E.iIY,1.5*E.Jdj,(0,P.mq)("md"),E.ONy,2.5*E.iIY,2.5*E.iIY,2.5*E.iIY,2.5*E.iIY,2.5*E.iIY,(0,P.mq)("lg"),3.40625*E.iIY,3.40625*E.iIY,3.40625*E.iIY,3.40625*E.iIY,3.40625*E.iIY,E.ycS,.85*E.iIY,(0,P.mq)("lg"),1.1875*E.iIY,.9*E.iIY,(0,P.mq)("md"),.5*E.Jdj,2*E.Jdj,(0,P.mq)("lg"),E.iIY,.3*E.Jdj,1.5*E.Jdj,1.5*E.Jdj,1.5*E.Jdj,(0,P.mq)("md"),1.5*E.Jdj,1.5*E.Jdj,1.5*E.Jdj,(0,P.mq)("md"),1.5*E.Jdj,(0,P.mq)("md")),na=(0,D.AH)(f||(f=(0,H.A)(["\n .sc-email-script,\n .sc-email-script-grey,\n .sc-email-script-white,\n .sc-email-script-light-grey {\n .orange {\n color: #ee4a03;\n }\n\n .green {\n color: #8dbb48;\n }\n\n .turquoise {\n color: #348099;\n }\n\n .medblue {\n color: #2280cd;\n }\n &.br-4 {\n border-radius: 4px;\n }\n }\n\n .sc-email-script {\n margin-bottom: 1rem;\n padding-left: 1rem;\n color: #767676;\n font-weight: 400;\n border-left: 4px solid #ebebeb;\n }\n\n .sc-email-script-grey,\n .sc-email-script-white,\n .sc-email-script-light-grey {\n font-size: inherit;\n color: inherit;\n font-weight: inherit;\n padding: 1.75rem;\n margin-bottom: 1rem;\n\n p:last-of-type {\n margin-bottom: 0 !important;\n }\n }\n\n .sc-email-script-grey {\n background-color: #f7f7f7;\n }\n\n .sc-email-script-white {\n background-color: ",";\n }\n\n .sc-email-script-light-grey {\n background-color: #ffffff;\n }\n"])),E.ONy),nl=(0,D.AH)(u||(u=(0,H.A)(["\n /* // Embed YouTube\n// Wistia Embed */\n .sc-embed-youtube,\n .sc-wistia-embed {\n margin-bottom: ",';\n\n &.remove-click-to-play {\n div[data-handle="clickForSoundButton"] {\n display: none !important;\n }\n\n button[aria-label="Pause"] {\n display: none !important;\n }\n }\n\n &.image-border {\n border: 2px solid #eaebf1;\n border-radius: 5px;\n }\n\n &.w-30,\n &.w-30-sm-up,\n &.w-30-md-up,\n &.w-75,\n &.w-75-sm-up,\n &.w-75-md-up {\n width: auto;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n }\n\n &.w-30 {\n width: 100% !important;\n max-width: 275px !important;\n }\n\n &.w-75 {\n width: 100% !important;\n max-width: 700px !important;\n }\n\n &.w-30-sm-up {\n '," {\n width: 100% !important;\n max-width: 275px !important;\n }\n }\n\n &.w-75-sm-up {\n "," {\n width: 100% !important;\n max-width: 700px !important;\n }\n }\n\n &.w-30-md-up {\n "," {\n width: 100% !important;\n max-width: 275px !important;\n }\n }\n\n &.w-75-md-up {\n "," {\n width: 100% !important;\n max-width: 700px !important;\n }\n }\n }\n\n .sc-wistia-embed {\n padding: 0 !important;\n\n &.image-border {\n margin-bottom: ",";\n }\n }\n\n .small-youtube {\n width: auto;\n height: auto;\n margin: 0 auto;\n\n "," {\n width: 70% !important;\n }\n }\n\n .small-wistia {\n width: auto;\n height: auto;\n margin: 0 auto;\n\n ",' {\n width: 37.5rem !important;\n padding: 21rem 0 0 0 !important;\n }\n }\n\n /* Iframe */\n\n .embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n }\n .embed-responsive:before {\n display: block;\n content: "";\n }\n .embed-responsive .embed-responsive-item,\n .embed-responsive embed,\n .embed-responsive iframe,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n .embed-responsive-21by9:before {\n padding-top: 42.85714%;\n }\n .embed-responsive-16by9:before {\n padding-top: 56.25%;\n }\n .embed-responsive-4by3:before {\n padding-top: 75%;\n }\n .embed-responsive-1by1:before {\n padding-top: 100%;\n }\n'])),E.w6k,(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("md"),(0,P.mq)("md"),E.w6k,(0,P.mq)("md"),(0,P.mq)("md")),nm=(0,D.AH)(x||(x=(0,H.A)(["\n .sc-golden-rule {\n position: relative;\n padding-left: 40px;\n margin-bottom: 1rem;\n\n .sc-golden-rule-icon {\n position: absolute;\n top: 0;\n left: 0;\n height: 30px;\n width: 30px;\n border-radius: 15px;\n background-color: ",";\n color: rgba(255, 255, 255, 0.7);\n font-size: 18px;\n\n &:before {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n }\n\n .sc-golden-rule-title {\n color: ",";\n padding-top: 0.2rem;\n margin-bottom: 0;\n font-weight: 700;\n text-transform: none;\n font-size: ","rem !important;\n }\n }\n"])),E.$e4,E.$e4,E.QrP),nd=(0,D.AH)(w||(w=(0,H.A)(["\n .sc-green-newsletter-signup {\n max-width: 100%;\n background-color: ",";\n padding: 2rem;\n\n .sc-green-newsletter-signup-title {\n font-weight: ",";\n font-size: ","rem;\n }\n }\n"])),E.zBe,E.Lgp,E.QrP),nb=(0,D.AH)(k||(k=(0,H.A)(["\n .sc-keyword-box {\n background-color: #daf2c8;\n border: 1px solid #c5eaa8;\n border-radius: 4px;\n font-weight: 700;\n padding: 10px 20px;\n text-align: center;\n margin: 0 auto 1rem;\n display: block;\n\n "," {\n display: inline-block;\n }\n\n "," {\n width: 80%;\n }\n }\n"])),(0,P.mq)("lg"),(0,P.G)("md")),ng=(0,D.AH)(y||(y=(0,H.A)(["\n .sc-large-btn {\n padding-bottom: 1rem;\n text-align: center;\n\n &.align-left {\n text-align: left;\n }\n\n &.align-right {\n text-align: right;\n }\n\n .btn {\n border-radius: 0;\n text-transform: uppercase;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n white-space: normal;\n letter-spacing: 0;\n cursor: pointer;\n font-weight: 600;\n min-height: 3.7875rem;\n padding: 1.05rem 1.2rem;\n text-decoration: none !important;\n font-size: 16px;\n\n &.btn-success {\n ",";\n }\n\n &.btn-danger {\n ",";\n }\n\n &.btn-warning {\n ",";\n }\n\n &.btn-info {\n ",";\n }\n\n &.btn-rounded {\n border-radius: 9999px;\n font-weight: 700;\n text-transform: none;\n }\n }\n\n &.has-icon {\n .btn {\n position: relative;\n border-radius: 0;\n\n "," {\n white-space: normal;\n }\n\n "," {\n padding-left: 3.5rem;\n }\n\n "," {\n padding-left: 4rem;\n }\n\n i {\n position: absolute;\n left: 0.5rem;\n top: 50%;\n font-size: 3rem;\n transform: translateY(-50%);\n }\n }\n }\n }\n"])),(0,G.buttonVariant)(E.wLJ,E.wLJ),(0,G.buttonVariant)(E.wv6,E.wv6),(0,G.buttonVariant)(E.kwv,E.k
1wv),(0,G.buttonVariant)(E.IsZ,E.IsZ),(0,P.G)("sm"),(0,P.mq)("xs"),(0,P.mq)("lg")),nc=(0,D.AH)(v||(v=(0,H.A)(["\n .sc-list-item {\n color: #1d4477;\n margin: 1.5rem 0;\n\n .sc-list-item-number {\n display: block;\n width: 46px;\n height: 46px;\n line-height: 40px;\n border-radius: 23px;\n background-color: #c8daf2;\n border: 3px solid #fff;\n position: relative;\n text-align: center;\n font-size: ",'rem;\n margin: 0 0 1rem 6px;\n\n &:before {\n content: "";\n border: 4px solid #1d4477;\n width: 54px;\n height: 54px;\n border-radius: 27px;\n left: -7px;\n top: -7px;\n position: absolute;\n }\n\n &.green {\n background-color: #d0eeb8;\n\n &:before {\n border-color: #426528;\n }\n }\n }\n\n .sc-list-item-content {\n font-size: ',"rem;\n\n &.green {\n color: #325715;\n }\n\n &.white {\n color: #fff;\n }\n }\n }\n"])),E.QrP,E.P31),np=(0,D.AH)(q||(q=(0,H.A)(["\n .sc-number-circle-box-title {\n position: relative;\n background: #334275;\n color: #ffffff;\n font-weight: 600;\n font-family: ",";\n text-align: center;\n line-height: 1.55;\n margin-top: 4.375rem;\n margin-bottom: 1.5rem;\n border-radius: 4px;\n padding: 3.125rem 1.25rem 1.875rem 1.25rem;\n font-size: 1.25rem;\n\n "," {\n padding: 3.4375rem 2.5rem 1.875rem 2.5rem;\n font-size: 1.625rem;\n }\n }\n\n .sc-number-circle-box-title__number {\n position: absolute;\n color: #ffffff;\n background-color: #5e6980;\n top: 0;\n font-weight: 100;\n left: 50%;\n width: 3.75rem;\n height: 3.75rem;\n line-height: 3.75rem;\n font-size: 1.875rem;\n margin-left: -1.875rem;\n margin-top: -1.875rem;\n border-radius: 2.5rem;\n\n "," {\n width: 5rem;\n height: 5rem;\n line-height: 5rem;\n font-size: 2.6875rem;\n margin-left: -2.5rem;\n margin-top: -2.5rem;\n }\n }\n\n .sc-number-circle-box-title__hide {\n display: none;\n }\n\n .sc-number-circle-box-title__anchorlink {\n text-decoration: none;\n cursor: default;\n color: inherit;\n\n &:active,\n &:hover,\n &:visited {\n text-decoration: none;\n color: inherit;\n }\n }\n"])),E.e0O,(0,P.mq)("md"),(0,P.mq)("md")),ns=(0,D.AH)(z||(z=(0,H.A)(["\n .sc-optin-form {\n width: 480px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n background-color: ",";\n text-align: center;\n padding: 2rem;\n\n .sc-optin-form-title {\n color: #fff;\n font-size: ","rem;\n }\n\n .form-control {\n text-align: center;\n }\n\n &.gray {\n background-color: #ebebeb;\n\n .sc-optin-form-title {\n color: ",";\n }\n }\n }\n"])),E.zBe,E.QrP,E.OWK),nh=(0,D.AH)(A||(A=(0,H.A)(["\n .sc-post-summary {\n background-color: ",";\n border: 2px solid ",";\n color: ",";\n width: auto;\n display: inline-flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding: ","rem;\n\n "," {\n padding: ","rem;\n }\n\n "," {\n flex-grow: 2;\n }\n\n .sc-post-summary-inner {\n margin-bottom: 0 !important;\n margin-top: 0;\n width: 100%;\n\n "," {\n margin-top: -0.25rem !important;\n width: auto;\n }\n\n > :last-child {\n margin-bottom: 0 !important;\n }\n\n h2.sc-post-summary-inner_title {\n text-align: center;\n }\n }\n\n &.font-georgia {\n font-family: ",";\n font-weight: ",";\n }\n\n &.font-gotham {\n * {\n font-family: "," !important;\n font-weight: ",";\n line-height: 1.5;\n font-size: ","rem;\n\n "," {\n line-height: 2;\n font-size: ","rem;\n }\n }\n }\n }\n"])),E.RW$,E.RF2,E.Ql9,E.jHT,(0,P.mq)("md"),1.75*E.jHT,(0,P.mq)("lg"),(0,P.mq)("md"),E.Q$,E.p4x,E.b1T,E.WYM,E.P31,(0,P.mq)("md"),E.iIY),nf=(0,D.AH)(M||(M=(0,H.A)(["\n .sc-pro-tip {\n background-color: #219bcf;\n color: #fff;\n border-radius: ",";\n padding: 1.5rem;\n margin-left: 1rem;\n margin-right: 1rem;\n\n "," {\n margin-left: 2rem;\n margin-right: 2rem;\n }\n\n .sc-pro-tip-icon {\n float: left;\n position: relative;\n margin: -0.75rem 1rem 0.75rem (60px / -1);\n background-color: ",";\n width: 74px;\n height: 74px;\n border-radius: 37px;\n border: 6px solid #fff;\n\n &:before {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n font-size: 40px;\n }\n }\n\n .sc-pro-tip-pre-title {\n margin: 0 0.3rem 0 0;\n font-style: normal;\n text-transform: uppercase;\n display: block;\n color: inherit;\n font-size: ","rem;\n line-height: ",";\n }\n\n .sc-pro-tip-content {\n > :last-child {\n margin-bottom: 0 !important;\n }\n /* @include remove-last-p-margin; */\n\n img {\n margin-bottom: 0 !important;\n }\n }\n }\n"])),E.Vqo,(0,P.mq)("md"),E.$e4,E.iIY,E.Gcw),nu=(0,D.AH)(j||(j=(0,H.A)(["\n .sc-step-list-step-title {\n background-color: #82cd3d;\n position: relative;\n color: #fff;\n text-transform: uppercase;\n font-family: inherit;\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n display: inline-block;\n text-align: center;\n border-radius: ",';\n margin: 0 0 2rem 10px;\n padding: 11px 24px;\n\n &:before {\n content: "";\n width: 32px;\n height: 32px;\n position: absolute;\n left: -60px;\n top: 50%;\n background-color: #d9f0c4;\n border-radius: 16px;\n transform: translateY(-50%);\n display: none;\n }\n\n &:after {\n content: "";\n position: absolute;\n height: 0;\n width: 0;\n left: 0;\n top: 50%;\n border-right: 10px solid #82cd3d;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n margin-left: -10px;\n transform: translateY(-50%);\n }\n }\n'])),E.Vqo),nx=(0,D.AH)(_||(_=(0,H.A)(["\n .sc-step-list-text-with-bullet {\n position: relative;\n padding-left: 65px;\n\n &:before {\n content: attr(data-bulletid);\n text-align: center;\n font-size: 14px;\n left: 15px;\n width: 32px;\n height: 32px;\n line-height: 24px;\n top: -5px;\n position: absolute;\n border: 4px solid #82cd3d;\n background-color: #d9f0c4;\n border-radius: 16px;\n }\n }\n"]))),nw=(0,D.AH)(I||(I=(0,H.A)(["\n .sc-three-steps {\n margin: 5.5rem 0 2rem;\n\n .sc-three-step {\n .sc-three-step-header {\n position: relative;\n margin: 0 ",'px 2rem;\n\n &:before {\n content: "Step";\n background: #c63930;\n color: #fff;\n display: block;\n border-radius: 2px;\n line-height: 30px;\n height: 30px;\n left: 50%;\n margin-left: -38px;\n width: 72px;\n position: absolute;\n top: -57px;\n }\n\n &:after {\n content: "";\n display: block;\n position: absolute;\n top: -27px;\n left: 50%;\n margin-left: -8px;\n border-top: 8px solid #c63930;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n width: 0;\n height: 0;\n }\n\n .sc-three-step-index {\n display: block;\n width: 44px;\n height: 44px;\n line-height: 44px;\n border-radius: 22px;\n background-color: #c63930;\n color: #fff;\n font-size: ',"rem;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n\n .sc-three-step-line {\n display: block;\n width: 100%;\n background-color: rgba(198, 57, 48, 0.75);\n height: 1rem;\n }\n }\n\n .sc-three-step-content {\n color: #c63930;\n font-size: ","rem;\n }\n\n + .sc-three-step {\n "," {\n margin-top: 5.5rem;\n }\n }\n }\n }\n"])),-(E.U8e/2),E.QrP,E.UdT,(0,P.G)("sm")),nk=(0,D.AH)(N||(N=(0,H.A)(["\n .sc-title-with-icon {\n position: relative;\n padding-left: 40px;\n\n .sc-title-with-icon-icon {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n border-radius: 15px;\n font-size: 18px;\n color: #fff;\n\n &.icon-problem {\n background-color: ",";\n }\n\n &.icon-question {\n background-color: ",";\n }\n\n &.icon-check-mark {\n background-color: ",";\n }\n\n &:before {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n }\n }\n\n .sc-title-with-icon-title {\n padding-top: 0.2rem;\n font-weight: 700;\n text-transform: none;\n font-size: ","rem !important;\n }\n }\n"])),E.ORF,E.$e4,E.kXE,E.QrP),ny=(0,D.AH)(T||(T=(0,H.A)(["\n .sc-twitter-follow {\n margin: 2rem 0;\n }\n"]))),nv=(0,D.AH)(O||(O=(0,H.A)(["\n .sc-semrush-cta {\n margin-bottom: 1.5rem;\n\n &.semrush-button {\n font-family: ",";\n border-radius: 6px;\n background-color: ",";\n color: ",";\n text-align: center;\n display: flex;\n justify-content: center;\n position: relative;\n overflow: hidden;\n\n > figure {\n border: 0;\n margin: 0;\n position: absolute;\n display: none;\n\n "," {\n display: block;\n }\n\n &:first-of-type {\n bottom: 0;\n left: -110px;\n }\n\n &:last-of-type {\n top: 0;\n right: -110px;\n }\n\n img {\n border-radius: 0;\n border: 0;\n }\n }\n\n > div {\n position: relative;\n z-index: 1;\n max-width: 590px;\n width: 100%;\n display: flex;\n align-items: center;\n flex-direction: column;\n row-gap: 30px;\n padding: 30px 20px;\n\n "," {\n padding: 40px 30px;\n }\n\n "," {\n row-gap: 35px;\n padding: 45px 0 45px;\n }\n\n > p {\n margin: 0;\n font-size: 16px;
1\n line-height: 26px;\n }\n\n > p.h3 {\n color: ",";\n font-weight: 700;\n line-height: 1.4;\n font-size: 24px;\n\n "," {\n font-size: 32px;\n }\n }\n\n > a {\n position: relative;\n border-radius: 4px;\n white-space: nowrap;\n padding: 14px 30px;\n box-shadow: none;\n font-weight: 600;\n font-size: 16px;\n min-height: auto;\n width: 342px;\n max-width: 100%;\n ",";\n }\n }\n }\n\n &.semrush-form,\n &.semrush-default {\n position: relative;\n font-family: ",";\n display: flex;\n flex-direction: column;\n gap: 24px;\n background-color: ",";\n border-radius: 6px;\n padding: 32px 20px;\n\n "," {\n gap: 32px;\n padding: 32px;\n }\n\n > figure {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.5;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n header {\n position: relative;\n display: flex;\n column-gap: 24px;\n justify-content: space-between;\n\n > div {\n width: 100%;\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n\n p {\n color: ",";\n margin: 0;\n font-size: 16px;\n line-height: 1.5;\n }\n\n p.h3 {\n font-size: 30px;\n font-weight: 700;\n line-height: 1.2;\n\n "," {\n font-size: 32px;\n }\n }\n }\n\n > figure {\n align-self: start;\n width: 230px;\n min-width: 230px;\n border-radius: 6px;\n overflow: hidden;\n margin: 0;\n box-shadow:\n 0 1px 2px 0 #191b231f,\n 0 0 1px 0 #191b2329;\n display: none;\n\n "," {\n display: block;\n }\n }\n }\n\n form {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n "," {\n flex-direction: row;\n }\n\n input {\n width: 100%;\n border: 1px solid ",";\n border-radius: 6px;\n background-color: ",";\n padding: 16px 20px;\n height: auto;\n line-height: 1.5;\n font-size: 16px;\n\n &:focus {\n border-color: ",";\n }\n }\n }\n\n > div {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n }\n\n .btn,\n button {\n white-space: nowrap;\n border-radius: 6px;\n padding: 14.5px 56px;\n box-shadow: none;\n font-weight: 500;\n font-size: 16px;\n min-height: auto;\n border: 0;\n }\n\n footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 30px;\n\n figure {\n margin: 0;\n\n &:first-of-type {\n width: 120px;\n\n "," {\n width: 150px;\n }\n\n "," {\n width: 195px;\n }\n }\n\n &:last-of-type {\n width: 120px;\n\n "," {\n width: 130px;\n }\n\n "," {\n width: 140px;\n }\n }\n\n img {\n border: 0;\n max-width: 100%;\n height: auto;\n }\n }\n }\n\n &.has-image {\n header {\n > div {\n "," {\n max-width: 310px;\n }\n }\n }\n }\n\n &.style-light {\n background-color: #f9f9f9;\n border: 1px solid #ccd3e8;\n\n header {\n h3,\n p {\n color: ",";\n }\n }\n\n form {\n input {\n border-color: #ccd3e8;\n }\n }\n\n .btn,\n button {\n font-weight: 700;\n ",";\n }\n }\n }\n }\n"])),E.b1T,E.Zpd,E.ONy,(0,P.mq)("md"),(0,P.mq)("sm"),(0,P.mq)("md"),E.ONy,(0,P.mq)("md"),(0,G.buttonVariant)(E.kwv,E.kwv),E.b1T,E.Zpd,(0,P.mq)("sm"),E.ONy,(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),E.ONy,E.ONy,E.kwv,(0,P.mq)("sm"),(0,P.mq)("md"),(0,P.mq)("sm"),(0,P.mq)("md"),(0,P.mq)("md"),E.Ql9,(0,G.buttonVariant)(E.Aki,E.Aki)),nq=(0,D.AH)(L||(L=(0,H.A)(["\n /* text-align: center; */\n\n p > img {\n width: initial;\n }\n\n .backlinko-image {\n img {\n display: inline-block;\n width: 100%;\n }\n\n &.backlinko-has-border {\n img {\n border: 4px solid #cccccc;\n }\n }\n\n &.img-circle {\n img {\n border-radius: 50% !important;\n }\n }\n\n &.alignright-md-up {\n "," {\n float: right;\n margin-left: 1rem;\n }\n }\n\n &.alignleft-md-up {\n "," {\n float: left;\n margin-left: 1rem;\n }\n }\n }\n\n .alignnone {\n margin-left: 0;\n margin-right: 0;\n max-width: 100%;\n height: auto;\n }\n\n .aligncenter {\n display: block;\n margin: 1rem auto;\n height: auto;\n }\n\n .alignleft {\n margin-bottom: 1rem;\n height: auto;\n "," {\n float: left;\n margin-left: 1rem;\n }\n }\n\n .alignright {\n margin-bottom: 1rem;\n height: auto;\n "," {\n float: right;\n margin-left: 1rem;\n }\n }\n\n .backlinko-image__centered-image {\n img {\n margin: 0 auto !important;\n }\n }\n\n .backlinko-image__img-explicit-no-border:not(.backlinko-has-border) {\n img {\n border: 0 none !important;\n border-radius: 0 !important;\n }\n }\n\n /* Top */\n .backlinko-image__img-mt-minus-1-xs-up {\n img {\n margin-top: -1rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-1-point-5-xs-up {\n img {\n margin-top: -1.5rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-2-xs-up {\n img {\n margin-top: -2rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-5-xs-up {\n img {\n margin-top: -2.5rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-75-xs-up {\n img {\n margin-top: -2.75rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-3-xs-up {\n img {\n margin-top: -3rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-4-point-5-xs-up {\n img {\n margin-top: -4.5rem !important;\n }\n }\n\n .backlinko-image__img-mt-minus-1-sm-up {\n img {\n "," {\n margin-top: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-1-point-5-sm-up {\n img {\n "," {\n margin-top: -1.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-sm-up {\n img {\n "," {\n margin-top: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-5-sm-up {\n img {\n "," {\n margin-top: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-75-sm-up {\n img {\n "," {\n margin-top: -2.75rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-3-sm-up {\n img {\n "," {\n margin-top: -3rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-4-point-5-sm-up {\n img {\n "," {\n margin-top: -4.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-1-md-up {\n img {\n "," {\n margin-top: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-1-point-5-md-up {\n img {\n "," {\n margin-top: -1.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-md-up {\n img {\n "," {\n margin-top: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-5-md-up {\n img {\n "," {\n margin-top: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-75-md-up {\n img {\n "," {\n margin-top: -2.75rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-3-md-up {\n img {\n "," {\n margin-top: -3rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-4-point-5-md-up {\n img {\n "," {\n margin-top: -4.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-1-lg-up {\n img {\n "," {\n margin-top: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-1-point-5-lg-up {\n img {\n "," {\n margin-top: -1.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-lg-up {\n img {\n "," {\n margin-top: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-5-lg-up {\n img {\n "," {\n margin-top: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-2-point-75-lg-up {\n img {\n "," {\n margin-top: -2.75rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-3-lg-up {\n img {\n "," {\n margin-top: -3rem !important;\n }\n }\n }\n\n .backlinko-image__img-mt-minus-4-point-5-lg-up {\n img {\n "," {\n margin-top: -4.5rem !important;\n }\n }\n }\n\n /* Bottom */\n .backlinko-image__img-mb-minus-1-sm-up {\n img {\n "," {\n margin-bottom: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-sm-up {\n img {\n "," {\n margin-bottom: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-point-5-sm-up {\n img {\n "," {\n margin-bottom: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-3-sm-up {\n img {\n "," {\n margin-bottom: -3rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-1-md-up {\n img {\n "," {\n margin-bottom: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-md-up {\n img {\n "," {\n margin-bottom: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-point-5-md-up {\n img {\n "," {\n margin-bottom: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-3-md-up {\n img {\n "," {\n margin-bottom: -3rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-1-lg-up {\n img {\n "," {\n margin-bottom: -1rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-lg-up {\n img {\n "," {\n margin-bottom: -2rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-2-point-5-lg-up {\n img {\n "," {\n margin-bottom: -2.5rem !important;\n }\n }\n }\n\n .backlinko-image__img-mb-minus-3-lg-up {\n img {\n "," {\n margin-bottom: -3rem !important;\n }\n }\n }\n\n /* General */\n .backlinko-image__img-mb-0 {\n img {\n margin-bottom: 0 !important;\n }\n }\n\n .backlinko-image__img-border-radius-4 img,\n .visual > img {\n border: 0 none !important;\n border-radius: 0.25rem !important;\n }\n\n .backlinko-image__img-hub-rounded,\n .backlinko-image__rounded {\n img {\n border: 0 none !important;\n border-radius: 0.5rem !important;\n }\n }\n\n .backlinko-image__screenshot {\n img {\n outline: none !important;\n margin: 0 auto !important;\n border: 2px solid #eaebf1 !important;\n border-radius: 5px !important;\n }\n }\n\n .backlinko-image__visual-chart {\n img {\n outline: none !important;\n margin: 0 auto !important;\n border: 0 none !important;\n border-radius: 0.3rem !important;\n }\n }\n\n .backlinko-image__bg-white {\n img {\n background-color: "," !important;\n }\n }\n\n .backlinko-image__bg-light-gray-lighter {\n img {\n background-color: #f8f8f8 !important;\n }\n }\n\n .backlinko-image__bg-light-gray-darker {\n img {\n background-color: #f4f4f4 !important;\n }\n }\n"])),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("sm"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("md"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),(0,P.mq)("lg"),E.ONy);let nz=function(n){var t=(0,Z.useState)(n?"loading":"idle"),e=t[0],r=t[1];return(0,Z.useEffect)(function(){if(!n)return void r("idle");var t=document.querySelector('script[src="'.concat(n,'"]'));if(t)r(t.getAttribute("data-status"));else{(t=document.createElement("script")).src=n,t.async=!0,t.setAttribute("data-status","loading"),document.body.appendChild(t);var e=function(n){t.setAttribute("data-status","load"===n.type?"ready":"error")};t.addEventListener("load",e),t.addEventListener("error",e)}var o=function(n){r("load"===n.type?"ready":"error")};return t.addEventListener("load",o),t.addEventListener("error",o),function(){t&&(t.removeEventListener("load",o),t.removeEventListener("error",o))}},[n]),e};e(52399);var nA=e(18153),nM=["content","id"];function nj(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,r)}return e}function n_(n,t){var e="u">typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!e){if(Array.isArray(n)||(e=function(n){if(n){if("string"==typeof n)return nI(n,void 0);var t=({}).toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?nI(n,void 0):void 0}}(n))||t&&n&&"number"==typeof n.length){e&&(n=e);var r=0,o=function(){};return{s:o,n:function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}},e:function(n){throw n},f:o}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return a=n.done,n},e:function(n){l=!0,i=n},f:function(){try{a||null==e.return||e.return()}finally{if(l)throw i}}}}function nI(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=Array(t);e<t;e++)r[e]=n[e];return r}let nN=function(n){var t=n.content,e=n.id,r=(0,S.A)(n,nM);(0,Z.useEffect)(function(){for(var n=function(n){n.preventDefault();var t=encodeURIComponent(n.target.dataset.tweet);"undefined"===t&&(t=encodeURIComponent(n.target.dataset.text));var e="https://twitter.com/share?url="+encodeURIComponent(n.target.dataset.url)+"&text="+t+"&via="+encodeURIComponent(n.target.dataset.via);window.open(e,"twitter","width=600, height=300, top="+(window.innerHeight/2-225)+", left
1="+(window.innerWidth/2-275)+", directories=0, location=0, menubar=0, toolbar=0, scrollbars=0")},t=document.querySelectorAll("a.sc-click-tweet"),e=0;e<t.length;e++)t[e].addEventListener("click",n);return function(){for(var e=0;e<t.length;e++)t[e].removeEventListener("click",n)}},[]),(0,Z.useEffect)(function(){for(var n=document.querySelectorAll("table.table-results"),t=0;t<n.length;t++){var e,r=n[t].querySelectorAll("thead tr"),o=[],i=n_(r);try{for(i.s();!(e=i.n()).done;){var a,l=e.value,m=n_(l.children);try{for(m.s();!(a=m.n()).done;){var d=a.value;o.push(d.innerText)}}catch(n){m.e(n)}finally{m.f()}}}catch(n){i.e(n)}finally{i.f()}var b,g=n_(n[t].querySelectorAll("tbody"));try{for(g.s();!(b=g.n()).done;){var c,p=b.value,s=n_(p.children);try{for(s.s();!(c=s.n()).done;){var h=c.value,f=0;if("TR"===h.nodeName){var u,x=n_(h.children);try{for(x.s();!(u=x.n()).done;)u.value.dataset.before=o[f],f++}catch(n){x.e(n)}finally{x.f()}}}}catch(n){s.e(n)}finally{s.f()}}}catch(n){g.e(n)}finally{g.f()}}},[]);var o=(0,Z.useRef)(),i=(0,Z.useState)([]),a=i[0],l=i[1];(0,Z.useEffect)(function(){var n=o.current.getElementsByTagName("script");l(a);var t,e=[],r=n_(n);try{for(r.s();!(t=r.n()).done;){var i=t.value;e.push(i.src)}}catch(n){r.e(n)}finally{r.f()}l(e)},[]);var m=(0,Z.useState)([]),d=m[0],b=m[1],g=(0,Z.useState)(!1),c=g[0],p=g[1],s=nz(c?"//fast.wistia.com/assets/external/E-v1.js":null);(0,Z.useEffect)(function(){var n=new IntersectionObserver(function(t){t.forEach(function(t){var e=t.target;t.intersectionRatio>0&&!d.includes(e.dataset.embed)&&(b([].concat((0,Y.A)(d),[e.dataset.embed])),window.wistiaInitQueue=window.wistiaInitQueue||[],window.wistiaInitQueue.push(function(n){return n.api(e.dataset.embed)}),n.unobserve(e))})},{rootMargin:"800px"}),t=o.current.querySelectorAll(".wistia_embed");return t.length>0&&(p(!0),"ready"===s&&t.forEach(function(t){n.observe(t)})),function(){n.disconnect()}},[c,s]);var h=(0,Z.useMemo)(function(){return{__html:t}},[t]);return(0,nA.Y)(nA.FK,{children:(0,nA.Y)("div",function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?nj(Object(e),!0).forEach(function(t){(0,C.A)(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):nj(Object(e)).forEac
1h(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}({dangerouslySetInnerHTML:h,ref:o,id:void 0===e?"content":e,css:[R,V.TR,$,F,K,X,nn,nt,ne,no,ni,na,nl,nm,nd,nb,ng,nc,np,ns,nh,nf,nu,nx,nw,nk,ny,nq,nv,W,B,"",""]},r))})}},48040:(n,t,e)=>{e.d(t,{A:()=>l,h:()=>a});var r,o=e(14232);function i(){return(i=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)({}).hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n}).apply(null,arguments)}var a=function(n){return o.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:12,height:32,fill:"#fff",viewBox:"0 0 12 32"},n),r||(r=o.createElement("path",{d:"m10.431 16.531-7.362 7.25a.75.75 0 0 1-1.063 0l-.444-.444a.75.75 0 0 1 0-1.063l6.394-6.275-6.388-6.275a.75.75 0 0 1 0-1.063l.444-.444a.75.75 0 0 1 1.063 0l7.362 7.25a.76.76 0 0 1-.006 1.063z"})))};let l="data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMTIgMzIiPgo8dGl0bGU+YW5nbGUtcmlnaHQ8L3RpdGxlPgo8cGF0aCBkPSJNMTAuNDMxIDE2LjUzMWwtNy4zNjIgNy4yNWMtMC4yOTQgMC4yOTQtMC43NjkgMC4yOTQtMS4wNjMgMGwtMC40NDQtMC40NDRjLTAuMjk0LTAuMjk0LTAuMjk0LTAuNzY5IDAtMS4wNjNsNi4zOTQtNi4yNzUtNi4zODgtNi4yNzVjLTAuMjk0LTAuMjk0LTAuMjk0LTAuNzY5IDAtMS4wNjNsMC40NDQtMC40NDRjMC4yOTQtMC4yOTQgMC43NjktMC4yOTQgMS4wNjMgMGw3LjM2MiA3LjI1YzAuMjg3IDAuMjk0IDAuMjg3IDAuNzY5LTAuMDA2IDEuMDYzeiI+PC9wYXRoPgo8L3N2Zz4K"}}]);
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.