1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,13586,e=>{"use strict";var t=e.i(66456),r=e.i(97053);let a=r.default.div.withConfig({displayName:"style",componentId:"sc-28c80c2a-0"})` 2 position: relative; 3 &:after { 4 content: ''; 5 width: 100vw; 6 left: 50%; 7 height: 100%; 8 position: absolute; 9 transform: translateX(-50%); 10 z-index: 1; 11 top: 0px; 12 } 13 * { 14 position: relative; 15 z-index: 2; 16 font-size: 1.375rem; 17 color: #a0a0a0; 18 } 19 20 .section-resource__content { 21 padding-top: 3em; 22 margin-bottom: 12em; 23 24 strong { 25 font-weight: 400 !important; 26 } 27 28 a { 29 text-decoration: underline; 30 color: #fff; 31 32 &:hover { 33 text-decoration: none; 34 } 35 } 36 37 img { 38 border-radius: 1.5rem; 39 } 40 41 .guide-heading { 42 width: 95%; 43 margin: 0 auto; 44 border-radius: 2.5rem; 45 background-image: linear-gradient(rgb(14, 14, 15), rgb(14, 14, 15)), 46 linear-gradient( 47 180deg, 48 rgba(255, 255, 255, 0) 0%, 49 rgba(255, 255, 255, 0.08) 70%, 50 rgba(255, 255, 255, 0.2) 100% 51 ); 52 background-origin: border-box; 53 background-clip: padding-box, border-box; 54 border: 3px double transparent !important; 55 .screen { 56 background: #0e0e0f; 57 display: flex; 58 width: 100%; 59 justify-content: center; 60 align-items: center; 61 gap: 1.2rem; 62 flex-direction: column; 63 border-width: 2px; 64 min-height: 35.5vh; 65 padding: 2em; 66 position: relative; 67 border-radius: 2.4rem; 68 &:after { 69 content: ''; 70 position: absolute; 71 top: -4em; 72 left: 0; 73 width: 100%; 74 height: 120%; 75 background: url(${t.BallPattern}) no-repeat center; 76 background-size: 80%; 77 filter: blur(4.8rem); 78 z-index: 1; 79 } 80 } 81 82 .pageBreadcrumbsContainer { 83 position: absolute; 84 top: 5px; 85 left: 20px; 86 } 87 88 .headerLoader { 89 width: 80%; 90 margin: 0 auto; 91 align-items: center; 92 display: flex; 93 flex-direction: column; 94 gap: 1.5em; 95 96 span { 97 width: 100%; 98 margin: 0 auto; 99 } 100 } 101 102 h1 { 103 text-align: center; 104 background: linear-gradient( 105 94deg, 106 rgba(255, 255, 255, 0.72) 42.56%, 107 rgba(255, 255, 255, 0.24) 63.66%, 108 rgba(255, 255, 255, 0.48) 83.86% 109 ); 110 background-clip: text; 111 -webkit-background-clip: text; 112 font-size: clamp(2.5rem, 5vw, 4rem) !important; 113 -webkit-text-fill-color: transparent; 114 } 115 116 .guide-category { 117 color: rgba(255, 255, 255, 0.32); 118 text-align: center; 119 text-overflow: ellipsis; 120 font-size: 12px; 121 letter-spacing: 1.12px; 122 text-transform: uppercase; 123 display: flex; 124 align-items: center; 125 gap: 0.8em; 126 127 span { 128 display: inline-block; 129 height: 4px; 130 width: 4px; 131 border-radius: 50%; 132 background: #d8d8d899; 133 } 134 } 135 136 p, 137 span { 138 color: #d8d8d899; 139 } 140 141 span { 142 text-transform: uppercase; 143 } 144 } 145 146 header { 147 height: 17.625rem; 148 max-width: 72.25rem; 149 width: 100%; 150 display: flex; 151 padding: 2em; 152 justify-content: center; 153 align-items: center; 154 flex-direction: column; 155 gap: 1.3rem; 156 box-shadow: 0px 10px 40px #00000029; 157 border: 2px solid #4f21ea; 158 border-radius: 15px; 159 margin: 0 auto; 160 161 span { 162 letter-spacing: 2.8px; 163 color: #d8d8d899; 164 text-transform: uppercase; 165 font-size: 14px; 166 } 167 168 p.tags { 169 display: flex; 170 align-items: center; 171 172 span { 173 color: #d8d8d899; 174 font-weight: 400 !important; 175 letter-spacing: 2.8px; 176 font-size: 0.75rem; 177 text-transform: uppercase; 178 179 &:nth-child(2) { 180 display: inline-block; 181 width: 6px; 182 height: 6px; 183 border-radius: 50%; 184 background-color: #d8d8d899; 185 margin: 0 0.4rem; 186 } 187 } 188 } 189 190 h1 { 191 font-size: clamp(1.8rem, 5vw, 2.2rem); 192 font-weight: 500; 193 } 194 } 195 196 .content-body { 197 max-width: 905px; 198 width: 100%; 199 margin: 5em auto 0; 200 201 a { 202 color: #d8d8dd; 203 text-decoration: underline; 204 205 &:hover { 206 text-decoration: none; 207 } 208 } 209 210 h2 { 211 font-size: clamp(2.3rem, 5vw, 2.8rem) !important; 212 margin-bottom: 0.5em; 213 span, 214 strong { 215 font-size: 2rem !important; 216 } 217 } 218 219 h3 { 220 font-weight: 400; 221 color: #ccc; 222 font-size: 1.875rem; 223 background: linear-gradient( 224 106deg, 225 #ffffffd8 0%, 226 #ffffff55 61%, 227 #ffffff9b 100% 228 ); 229 background-clip: text; 230 -webkit-background-clip: text; 231 -webkit-text-fill-color: transparent; 232 margin-bottom: 0.5em; 233 strong { 234 font-size: 1.5rem !important; 235 margin: 1em 0; 236 } 237 } 238 239 img { 240 margin-top: 1em; 241 } 242 243 p { 244 color: #a0a0a0 !important; 245 font-size: 1.375rem !important; 246 font-weight: 300 !important; 247 line-height: 170%; 248 margin-bottom: 1.5em; 249 font-family: 'Niveau Grotesk' !important; 250 span { 251 color: #a0a0a0 !important; 252 font-size: 1.375rem !important; 253 font-weight: 300 !important; 254 line-height: 170%; 255 margin-bottom: 1.5em; 256 font-family: 'Niveau Grotesk' !important; 257 } 258 } 259 260 ul { 261 padding: 0 0 0 1em !important; 262 } 263 264 ol { 265 padding: 0 0 0 1em !important; 266 } 267 268 li { 269 color: #a3a3a3 !important; 270 margin-bottom: 0.5em; 271 span, 272 p { 273 color: #a3a3a3 !important; 274 font-weight: 300 !important; 275 font-family: 'Niveau Grotesk' !important; 276 margin-bottom: 0.5em; 277 strong { 278 color: #d8d8d8d9; 279 } 280 } 281 } 282 283 blockquote { 284 margin: 0; 285 } 286 287 pre { 288 white-space: pre-line; 289 font-size: 1rem !important; 290 font-family: cursive; 291 } 292 293 h1, 294 h2 span, 295 h2 strong, 296 h3 strong, 297 h4, 298 h5, 299 h6 { 300 color: #a3a3a3 !important; 301 -webkit-text-fill-color: #a3a3a3 !important; 302 letter-spacing: 0.25px !important; 303 font-weight: 400 !important; 304 font-family: 'Niveau Grotesk'; 305 } 306 307 .emptyParagraphTag { 308 display: none; 309 } 310 } 311 .author-container { 312 display: flex; 313 margin: 2em auto 0; 314 max-width: 905px; 315 gap: 1em; 316 align-items: center; 317 318 span { 319 display: grid; 320 place-items: center; 321 width: 5rem; 322 height: 5rem; 323 border-radius: 50%; 324 font-size: 2.5rem; 325 font-weight: 400; 326 text-transform: uppercase;
327 background: #1b1a1b; 328 } 329 330 p { 331 margin: 0; 332 text-align: left; 333 text-transform: capitalize; 334 font-weight: 400; 335 font-size: 1.375rem; 336 letter-spacing: 0.5px; 337 color: #d8d8d8; 338 339 &:last-child { 340 color: #a3a3a3; 341 font-weight: 300; 342 font-size: 1.125rem; 343 margin-top: 0.3em; 344 } 345 } 346 } 347 348 table { 349 width: 100%; 350 border-collapse: collapse; 351 margin: 20px 0 30px; 352 353 p { 354 span { 355 span { 356 /* display: none; */ 357 } 358 } 359 } 360 } 361 362 th, 363 td { 364 border: 1px solid #ddd; 365 padding-top: 0.5rem; 366 padding-bottom: 0.5rem; 367 padding-left: 1rem; 368 padding-right: 1rem; 369 text-align: left; 370 border-color: rgba(75, 85, 99, var(--tw-border-opacity)); 371 } 372 373 /* Style table rows */ 374 tr:nth-child(even) { 375 background-color: rgba(75, 85, 99, 0.2); 376 border-color: rgba(75, 85, 99, var(--tw-border-opacity)); 377 } 378 379 th { 380 background-color: #121212; 381 } 382 383 /* Add spacing between the table and text */ 384 .table-space { 385 margin-top: 20px; 386 } 387 388 /* Style code blocks */ 389 code { 390 background-color: hsla(0, 0%, 100%, 0.1); 391 padding: 0.25rem 0.4em; 392 border: 0px solid hsla(0, 0%, 100%, 0.1); 393 border-radius: 3px; 394 font-size: 1rem; 395 font-family: monospace; 396 } 397 398 pre { 399 background-color: hsla(0, 0%, 100%, 0.1); 400 border-radius: 3px; 401 padding: 1em; 402 code { 403 background-color: transparent; 404 padding: 0; 405 line-height: 1.5; 406 } 407 } 408 } 409`;e.s(["default",0,a])},93493,e=>e.a(async(t,r)=>{try{var a=e.i(18050),i=e.i(66540);e.i(71645);var o=e.i(96924),n=e.i(82078),d=e.i(76389),s=e.i(46197),l=e.i(86335);e.i(74918);var m=e.i(38460),p=e.i(13586),c=t([s]);[s]=c.then?(await c)():c,e.s(["default",0,({blogDetails:e=null})=>{let t=e?.createdBy?.firstname||e?.updatedBy?.firstname,r=e?.createdBy?.lastname||e?.updatedBy?.lastname,s=new Date(e?.createdat).getFullYear();return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(p.default,{className:"appContentContainer",children:[(0,a.jsxs)("section",{className:"section-resource__content",children:[(0,a.jsx)("div",{className:"guide-heading",children:(0,a.jsxs)("div",{className:"screen",children:[(0,a.jsx)("div",{className:"pageBreadcrumbsContainer",children:e?(0,a.jsx)(m.BreadCrumbs,{navLists:[{title:"Blog",link:"/blog"},{title:e?.title,link:`/blog/${e?.title}`}]}):(0,a.jsx)(o.default,{width:"25vw",height:"1rem"})}),e?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("p",{className:"guide-category",children:[e?.categories,(0,a.jsx)("span",{}),e?.ReadTime," min read"]}),(0,a.jsx)("h1",{children:e?.title})]}):(0,a.jsxs)("div",{className:"headerLoader",children:[(0,a.jsx)("p",{children:(0,a.jsx)(o.default,{width:"10vw",height:"1.2rem"})}),(0,a.jsx)(o.default,{width:"100%",height:"3rem"})]})]})}),e?(0,a.jsx)("div",{className:"content-body",children:(0,a.jsx)(n.default,{remarkPlugins:[d.default],children:e?.content})}):(0,a.jsxs)("div",{className:"content-body",children:[(0,a.jsx)(o.default,{style:{marginTop:"3rem"},width:"30rem",height:"2rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"3rem"},width:"30rem",height:"2rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"3rem"},width:"30rem",height:"2rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"}),(0,a.jsx)(o.default,{style:{marginTop:"1rem"},height:"1.3rem"})]}),!["aptresponses","porchplus"].some(t=>e?.title?.toLowerCase()?.includes(t))&&(t||r)&&Number(s)>2025&&(0,a.jsxs)("div",{className:"author-container",children:[(0,a.jsx)("span",{children:t[0]})," ",(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{children:[t," ",r]}),(0,a.jsx)("p",{children:(0,i.default)(e?.createdAt).format("MMMM Do YYYY")})]})]})]}),(0,a.jsx)(l.ProductionReadyCard,{})]})})}]),r()}catch(e){r(e)}},!1),86335,e=>{"use strict";var t=e.i(47381);e.s(["ProductionReadyCard",()=>t.default])},38460,e=>{"use strict";var t=e.i(96838);e.s(["BreadCrumbs",()=>t.default])}]);
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.