.loading-indicator{display:inline-block;vertical-align:middle}.loading-indicator i{position:relative;display:inline-block;width:8px;height:8px;background-color:#A6ADAD;border-radius:50%;line-height:0;transform-origin:center center;animation:bouncedelay 1.3s infinite linear}.loading-indicator i:nth-child(2){animation-delay:.3s}.loading-indicator i:nth-child(3){animation-delay:.6s}.white .loading-indicator i{background-color:#fff}@keyframes bouncedelay{0%, 80%, 100%{transform:scale(0)}40%{transform:scale(1)}}code[class*="language-"],pre[class*="language-"]{color:black;background:none;text-shadow:0 1px white;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none}}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f5f2f0}:not(pre)>code[class*="language-"]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,0.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#DD4A68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.square-button{padding:.6em 1.2em;border-radius:2px;background-color:#deecdc;color:#39aa56;font-size:14px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:color 170ms ease,border-color 200ms ease,stroke 200ms ease}.square-button:hover,.square-button:active,.square-button:focus{background-color:#39aa56;color:#deecdc}.square-button:hover .button-icon path,.square-button:hover .button-icon polyline,.square-button:hover .button-icon circle,.square-button:hover .button-icon line,.square-button:hover .button-icon polygon,.square-button:hover .button-icon rect,.square-button:hover .button-icon ellipse,.square-button:active .button-icon path,.square-button:active .button-icon polyline,.square-button:active .button-icon circle,.square-button:active .button-icon line,.square-button:active .button-icon polygon,.square-button:active .button-icon rect,.square-button:active .button-icon ellipse,.square-button:focus .button-icon path,.square-button:focus .button-icon polyline,.square-button:focus .button-icon circle,.square-button:focus .button-icon line,.square-button:focus .button-icon polygon,.square-button:focus .button-icon rect,.square-button:focus .button-icon ellipse{fill:none;stroke:#deecdc}.button-icon{margin-right:.3em;vertical-align:sub;stroke-width:1.5}.button-icon path,.button-icon polyline,.button-icon circle,.button-icon line,.button-icon polygon,.button-icon rect,.button-icon ellipse{fill:none;stroke:#39aa56}@media (min-width: 800px){.layout-inner{padding-left:4rem}}@media (min-width: 1280px){.layout-inner{padding:0 1rem}}.layout-main{min-height:110vh}@media (min-width: 1280px){.layout-main{background-image:url(/images/ui/bg-pattern.svg);background-position:center 80px;background-repeat:no-repeat}}@media (min-width: 800px){.blog-layout{display:grid;grid-gap:35px;grid-template-columns:1fr 200px;grid-template-rows:70px 1fr 75px}}.blog-main{grid-column-start:1;grid-row-start:2}.blog-avatar{width:36px;height:36px;margin-right:.3em;vertical-align:middle;border-radius:50%;border:1px solid #f1f1f1}.blog-nav{grid-column-start:1;grid-row-start:1;margin-top:25px}@media (max-width: 800px){.blog-nav{margin-bottom:55px}}.blog-nav ul{display:flex;list-style:none;padding:0;margin:0;border-bottom:2px solid #f1f1f1}@media (max-width: 800px){.blog-nav ul{justify-content:space-between}}@media (min-width: 800px){.blog-nav li{margin-right:35px}}.blog-nav a{position:relative;display:flex;align-items:center;top:2px;padding:.3em 0;color:#9d9d9d;white-space:nowrap;border-bottom:2px solid transparent;transition:color 200ms ease,border-color 200ms ease}.blog-nav a.is-active,.blog-nav a:hover,.blog-nav a:active{border-color:#3eaaaf;color:#3eaaaf}.blog-nav a.is-active .nav-icon path,.blog-nav a.is-active .nav-icon polyline,.blog-nav a.is-active .nav-icon circle,.blog-nav a.is-active .nav-icon line,.blog-nav a.is-active .nav-icon polygon,.blog-nav a.is-active .nav-icon rect,.blog-nav a.is-active .nav-icon ellipse,.blog-nav a:hover .nav-icon path,.blog-nav a:hover .nav-icon polyline,.blog-nav a:hover .nav-icon circle,.blog-nav a:hover .nav-icon line,.blog-nav a:hover .nav-icon polygon,.blog-nav a:hover .nav-icon rect,.blog-nav a:hover .nav-icon ellipse,.blog-nav a:active .nav-icon path,.blog-nav a:active .nav-icon polyline,.blog-nav a:active .nav-icon circle,.blog-nav a:active .nav-icon line,.blog-nav a:active .nav-icon polygon,.blog-nav a:active .nav-icon rect,.blog-nav a:active .nav-icon ellipse{fill:none;stroke:#3eaaaf}.blog-nav a.is-active .nav-icon--fill path,.blog-nav a.is-active .nav-icon--fill polyline,.blog-nav a.is-active .nav-icon--fill circle,.blog-nav a.is-active .nav-icon--fill line,.blog-nav a.is-active .nav-icon--fill polygon,.blog-nav a.is-active .nav-icon--fill rect,.blog-nav a.is-active .nav-icon--fill ellipse,.blog-nav a:hover .nav-icon--fill path,.blog-nav a:hover .nav-icon--fill polyline,.blog-nav a:hover .nav-icon--fill circle,.blog-nav a:hover .nav-icon--fill line,.blog-nav a:hover .nav-icon--fill polygon,.blog-nav a:hover .nav-icon--fill rect,.blog-nav a:hover .nav-icon--fill ellipse,.blog-nav a:active .nav-icon--fill path,.blog-nav a:active .nav-icon--fill polyline,.blog-nav a:active .nav-icon--fill circle,.blog-nav a:active .nav-icon--fill line,.blog-nav a:active .nav-icon--fill polygon,.blog-nav a:active .nav-icon--fill rect,.blog-nav a:active .nav-icon--fill ellipse{fill:#3eaaaf;stroke:none}.nav-icon{width:16px;height:auto;margin-right:.3em}.nav-icon path,.nav-icon polyline,.nav-icon circle,.nav-icon line,.nav-icon polygon,.nav-icon rect,.nav-icon ellipse{fill:none;stroke:#9d9d9d}.nav-icon--fill{width:17px;height:auto;margin-right:.3em}.nav-icon--fill path,.nav-icon--fill polyline,.nav-icon--fill circle,.nav-icon--fill line,.nav-icon--fill polygon,.nav-icon--fill rect,.nav-icon--fill ellipse{fill:#9d9d9d;stroke:none}.article-list{list-style:none;padding:0;margin:0}@media (min-width: 800px){.article-padding{padding-top:20px;max-width:640px}}@media (min-width: 1024px){.article-padding{padding-top:20px}}.article-main h2{margin:1em 0 .5em;color:#3eaaaf}.article-main p{line-height:1.6}.article-main hr{margin:55px 0 35px}.article-main p>img,.article-main figure>img,.article-main a>img{width:auto;max-width:100%}.article-header{margin-bottom:35px}.article-title{margin:0;font-size:36px;line-height:1.25}.article-meta{margin-top:.75em;color:rgba(157,157,157,0.5)}.article-meta span,.article-meta .author{color:#9d9d9d}.article-meta>span:first-of-type{margin-right:.5em}.article-meta .author,.article-meta .category-label{margin-right:.5em;margin-left:.5em}.article-meta .author:first-of-type:not(:nth-last-of-type(2)){margin-right:0}.article-main a:not(.square-button){text-decoration:none;color:#666;border-bottom:1px solid #9d9d9d;transission:border-color 200ms ease,color 200ms ease}.article-main a:not(.square-button):focus{border-bottom:1px dotted #666}.article-main a:not(.square-button):active,.article-main a:not(.square-button):hover{text-decoration:none;color:#333;border-bottom:1px solid #333}.article-main .highlight,.article-main .highlighter-rouge{border:none}@media (min-width: 800px){.right{float:right}.left{float:left}}.small,.small img{width:250px !important}.full{width:100% !important}.center{text-align:center}.pagination{display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.pagination{padding:35px 0}}@media (min-width: 800px){.pagination{grid-column-start:1;grid-column-end:span 2}}.pagination a:hover,.pagination a:active{color:#3eaaaf}.pagination a:hover .pagination-icon path,.pagination a:hover .pagination-icon polyline,.pagination a:hover .pagination-icon circle,.pagination a:hover .pagination-icon line,.pagination a:hover .pagination-icon polygon,.pagination a:hover .pagination-icon rect,.pagination a:hover .pagination-icon ellipse,.pagination a:active .pagination-icon path,.pagination a:active .pagination-icon polyline,.pagination a:active .pagination-icon circle,.pagination a:active .pagination-icon line,.pagination a:active .pagination-icon polygon,.pagination a:active .pagination-icon rect,.pagination a:active .pagination-icon ellipse{fill:none;stroke:#3eaaaf}.pagination-mascot{margin:0 20px}.pagination-icon{width:20px;height:20px;margin:0 .15em;vertical-align:sub;stroke-width:1.5}.pagination-icon path,.pagination-icon polyline,.pagination-icon circle,.pagination-icon line,.pagination-icon polygon,.pagination-icon rect,.pagination-icon ellipse{fill:none;stroke:#666}.feedback{background-color:#f1f1f1}.feedback .layout-inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media (max-width: 800px){.feedback .layout-inner{flex-wrap:wrap;justify-content:space-evenly}.feedback .layout-inner .feedback-cta{order:1;width:100%}.feedback .layout-inner img{order:2}}.feedback a{text-decoration:none;color:#3eaaaf;border-bottom:1px solid #3eaaaf;transission:border-color 200ms ease,color 200ms ease}.feedback a:focus{border-bottom:1px dotted #3eaaaf}.feedback a:active,.feedback a:hover{text-decoration:none;color:#3eaaaf;border-bottom:1px solid transparent}.feedback img{width:130px;filter:grayscale(100%) brightness(100%);mix-blend-mode:color-burn}.related-posts .layout-inner{border-bottom:2px solid #f1f1f1}.related-list{list-style:none;padding:0;margin:35px 0 0}@media (min-width: 800px){.related-list{display:flex;justify-content:space-evenly}}.related-list li{flex:0 0 40%}@media (max-width: 800px){.related-list li{margin-top:20px}}.related-list h4{display:inline;margin:0;border-bottom:1px solid currentColor}.related-list a{display:block;padding:1em;border:1px solid #f1f1f1}.related-list a:hover,.related-list a:active{border-color:#F0F7F7;background-color:#F0F7F7}.related-list a:hover h4,.related-list a:hover .related-more,.related-list a:active h4,.related-list a:active .related-more{color:#3eaaaf}.related-list a:hover path,.related-list a:hover polyline,.related-list a:hover circle,.related-list a:hover line,.related-list a:hover polygon,.related-list a:hover rect,.related-list a:hover ellipse,.related-list a:active path,.related-list a:active polyline,.related-list a:active circle,.related-list a:active line,.related-list a:active polygon,.related-list a:active rect,.related-list a:active ellipse{fill:none;stroke:#3eaaaf}.related-more{margin:0;text-transform:uppercase;font-weight:700;font-size:14px}.related-icon{width:18px;height:16px;vertical-align:sub}.related-icon path,.related-icon polyline,.related-icon circle,.related-icon line,.related-icon polygon,.related-icon rect,.related-icon ellipse{fill:none;stroke:#666}.category-label{font-weight:700;color:#3eaaaf;font-size:14px;text-transform:uppercase}@media (max-width: 800px){.tags{padding-top:35px;padding-bottom:55px}}.tag{text-transform:capitalize}.tag-icon{width:20px;height:20px;vertical-align:sub}.tag-icon path,.tag-icon polyline,.tag-icon circle,.tag-icon line,.tag-icon polygon,.tag-icon rect,.tag-icon ellipse{fill:none;stroke:#3eaaaf}.search{grid-column-start:2;grid-row-start:1;margin:55px 0}@media (min-width: 800px){.search{margin:35px 0 0}}.search input{background-image:url(/images/ui/icon-search.svg);background-size:15px;background-position:96% center;background-repeat:no-repeat}.search input:valid{background-image:none}.newsletter-form{max-width:420px;margin:auto;display:flex;border:1px solid #f1f1f1;border-radius:2px}.newsletter-form .email{border:none;flex:3}.newsletter-form .square-button{flex:1;border-radius:0}