.active:where(.astro-3EF6KSR2){color:#f4a023}.logo:where(.astro-3EF6KSR2){font-family:Recoleta;color:#333;font-weight:400;font-size:18px;display:flex;align-items:center;padding-left:0;text-decoration:none}span:where(.astro-3EF6KSR2){font-weight:600}header:where(.astro-3EF6KSR2){padding:0 30px;position:relative}nav:where(.astro-3EF6KSR2){display:none;border-bottom:1px solid #d9d9d9}.navul:where(.astro-3EF6KSR2){list-style:none}li:where(.astro-3EF6KSR2){padding-top:22px}a:where(.astro-3EF6KSR2){text-decoration:none;color:#333}.show-nav:where(.astro-3EF6KSR2){display:block}.menu-icon:where(.astro-3EF6KSR2){display:flex;flex-direction:column;justify-content:space-around;width:35px;height:30px;cursor:pointer;position:absolute;top:10px;right:20px;z-index:999}.menu-icon:where(.astro-3EF6KSR2) div:where(.astro-3EF6KSR2){width:35px;height:5px;background-color:#333;transition:transform .4s,opacity .4s}.menu-icon:where(.astro-3EF6KSR2){margin-left:auto}.change:where(.astro-3EF6KSR2) .bar1:where(.astro-3EF6KSR2){transform:rotate(-45deg) translate(-8px,8px)}.change:where(.astro-3EF6KSR2) .bar2:where(.astro-3EF6KSR2){opacity:0}.change:where(.astro-3EF6KSR2) .bar3:where(.astro-3EF6KSR2){transform:rotate(45deg) translate(-6px,-7px)}@media (min-width: 1250px){header:where(.astro-3EF6KSR2){display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;width:1300px;margin:0 auto}.menu-icon:where(.astro-3EF6KSR2){display:none}nav:where(.astro-3EF6KSR2){display:block;border-bottom:none}.navul:where(.astro-3EF6KSR2){display:flex}li:where(.astro-3EF6KSR2){padding:0 20px}}.arrow:where(.astro-SZ7XMLTE){position:absolute;top:-81px;width:85px}footer:where(.astro-SZ7XMLTE){position:relative;background-color:#f8f7f3;padding:64px 0;margin:64px 0;text-align:left}footer:where(.astro-SZ7XMLTE) h2:where(.astro-SZ7XMLTE){text-transform:lowercase;word-break:break-all}footer:where(.astro-SZ7XMLTE) p:where(.astro-SZ7XMLTE){margin-top:0}footer:where(.astro-SZ7XMLTE) img:where(.astro-SZ7XMLTE){border-radius:50%}ul:where(.astro-SZ7XMLTE) li:where(.astro-SZ7XMLTE){list-style:none;color:#616e7c}a:where(.astro-SZ7XMLTE){text-decoration:none}.copyright:where(.astro-SZ7XMLTE){text-align:center;color:#616e7c;border-top:1px solid #e0e8f0;padding:28px}.copyright:where(.astro-SZ7XMLTE) span:where(.astro-SZ7XMLTE){color:#fea114;font-weight:600}@media (min-width: 850px){footer:where(.astro-SZ7XMLTE) .wrapper:where(.astro-SZ7XMLTE){display:flex;justify-content:space-between;align-items:center;max-width:90%;width:1250px;margin:0 auto}footer:where(.astro-SZ7XMLTE) .footer_image:where(.astro-SZ7XMLTE),footer:where(.astro-SZ7XMLTE) .footer_text:where(.astro-SZ7XMLTE){flex:1}footer:where(.astro-SZ7XMLTE) .footer_image:where(.astro-SZ7XMLTE){order:2;text-align:right}footer:where(.astro-SZ7XMLTE) .footer_text:where(.astro-SZ7XMLTE){order:1}.footer_links:where(.astro-SZ7XMLTE){display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;margin:40px 0}footer:where(.astro-SZ7XMLTE) img:where(.astro-SZ7XMLTE){border-radius:50%;width:200px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{margin:0;font-family:Jost;overflow-x:hidden;border-top:6px solid #fac365}.wrapper{max-width:90%;margin:0 auto}h1{font-size:42px;line-height:56px;margin-bottom:16px;color:#1f2933;font-family:Recoleta;font-weight:600}h2{font-size:36px;line-height:46px;margin-bottom:4px;color:#1f2933;font-family:Recoleta;font-weight:500;text-transform:capitalize}h3{font-size:24px;line-height:32px;margin-bottom:8px;color:#1f2933;font-family:Recoleta;font-weight:600}p{font-size:20px;line-height:32px}img,iframe{max-width:100%}strong{color:#1f2933}.features{padding:48px 0}.features.yellow{background-color:#fef6e4}ul{font-size:20px;line-height:34px;list-style:none;padding-left:0;list-style:initial;color:#3e4c59}@media only screen and (min-width: 850px){.wrapper{width:1250px}p{font-size:22px;line-height:36px;color:#333}h1{font-size:58px;line-height:68px}h2{font-size:39px;line-height:52px;margin-bottom:8px}}.h2_line{position:relative;color:#616e7c;text-transform:uppercase;letter-spacing:.03em;font-weight:50;font-size:17px}.h2_line:after{content:"";display:block;position:absolute;left:0;bottom:-14px;width:17px;width:50px;height:4px;background-color:#fac365;transition:width .3s;border-radius:2px}.text_secondary{color:#616e7c}@font-face{font-family:Jost;src:url(/fonts/Jost-Regular.ttf);font-weight:500;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-Italic.ttf);font-style:italic;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-Medium.ttf);font-weight:600;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-SemiBold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-Bold.ttf);font-weight:800;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/RecoletaAlt-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/RecoletaAlt-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/RecoletaAlt-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:Recoleta;src:url(/fonts/RecoletaAlt-Bold.ttf);font-weight:700;font-display:swap}#article_rectangle{position:absolute;z-index:-999;width:100%}.product_name{color:#616e7c;font-size:14px}.post-content{max-width:90%;margin:32px auto}.post-content ul{padding-left:0;list-style:none}.article_category{display:block;text-align:center;font-size:16px;color:#ff773c;font-weight:500}.article h1{text-align:center;margin:4px auto 24px;max-width:850px}.article h2{padding-top:45px;border-top:1px solid #ccd2da;margin-top:48px;font-size:38px;text-align:left;line-height:58px}.shadowed{border:2px solid #ddd;display:block;margin:20px 0}article{width:550px;max-width:90%}article a{color:#ff4e17;transition:all .2s ease-in-out}article a:hover{opacity:.5}@media only screen and (min-width: 1289px){article{width:unset;max-width:unset}}.article ul{line-height:34px;list-style:disc;font-size:20px;color:#333;padding-left:20px}.article button{width:100%;margin:0;font-family:Jost;font-size:18px;padding:12px 0;background-color:#08ca5e;color:#fff;border-radius:5px;cursor:pointer}.article button a{text-decoration:none;color:#fff}.meta{display:flex;justify-content:center;align-items:center;font-size:17px;max-width:90%;margin:0 auto;color:#616e7c}.meta img{padding-left:12px;padding-right:12px}.reddit_source{font-size:16px;margin:0;padding:0;display:block}.image_article{background-color:#f0f0f0;padding:12px;display:flex;margin-top:28px}.image_article img{display:inline-block}.single_link{border:1px solid #ccd2da;border-radius:5px;padding:25px;grid-gap:25px;position:relative;margin:50px 0}.badge{position:absolute;top:-18px;z-index:0;right:-10px;display:inline-block;background-color:#000;color:#fff;padding:10px 15px;font-size:1rem;line-height:1rem;font-weight:700;box-shadow:2px 2px 2px #00000024}@media only screen and (max-width: 650px){.meta{flex-direction:column}.meta time{padding-bottom:8px}.meta img{display:none}.article h1{max-width:90%}.article h2{font-size:32px;line-height:39px}.post_image{margin:12px auto}}.author_link{text-decoration:none;transition:all .2s ease-in-out;color:#616e7c}.author_link:hover{opacity:.5}.post_image{text-align:center;margin:32px auto}.post_image img{object-fit:contain;max-width:360px}.article{padding-top:18px}.article p{font-size:20px;line-height:34px}.product_wide_single{display:flex;flex-direction:column;margin:64px 0}.single_link.blue{background-color:#f4f5fa}.single_link.blue li{line-height:30px;padding-top:12px}.single_link.blue img{mix-blend-mode:multiply}.single_link.blue a:hover{opacity:1}.single_link_no img{height:146px;object-fit:cover}@media only screen and (min-width: 850px){.single_link_img{display:flex;justify-content:center}.single_link.blue{grid-template-columns:40% 1fr}.single_link{display:grid;grid-template-columns:1fr 1fr;align-items:center}.product_wide_single{margin:32px 0}.design_tip{max-width:unset;margin-left:-150px;border:1px solid #e0e0e0;margin-top:12px;margin-bottom:12px}.article h3{font-size:28px;line-height:38px;text-align:left;margin-top:37px}#markdown-toc{max-width:50%}#table-of-content{text-align:left}.post-content{width:700px}}@media only screen and (min-width: 700px){.ahref_links{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:28px;margin:48px 0}}@media only screen and (min-width: 650px){.product_wide{display:flex;justify-content:center;align-items:center}}.tablescroll{overflow-x:auto}thead,tbody{display:table-row-group}thead tr{position:static}table{border-collapse:collapse}th,td{display:table-cell;text-align:left}tr{display:table-row}thead tr{background-color:#ff5722;color:#fff}tr:nth-child(2n){background-color:#eee}th,td{padding:1rem}caption{display:table-caption;margin:.5rem auto;font-size:1.5rem}table{display:table;width:100%;margin:1rem auto;font-size:18px;border:2px solid black}.animate-on-scroll{visibility:hidden;position:relative;bottom:-100px;opacity:0;transition:all .5s}.slide-in{visibility:visible;bottom:0;opacity:1}