@charset "utf-8";
#blogs-return-to-top{position:fixed;right:24px;bottom:24px}@media only screen and (min-width: 640px){#blogs-return-to-top{right:48px;bottom:48px}}
@charset "utf-8";
.cac-footer p a:not(:last-child){margin-right:24px}
@charset "utf-8";
.wt-card{z-index:0;border-radius:12px}.wt-card button.wt-card__button,.wt-card button.wt-card__action-button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;text-align:left;outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;padding:0px;background-color:rgba(0,0,0,0)}.wt-card button.wt-card__button:focus-visible,.wt-card button.wt-card__action-button:focus-visible{outline:inherit}.wt-card.wt-card--elevated{box-shadow:var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px rgba(0, 0, 0, 0.3019607843), 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078))}.wt-card select,.wt-card a,.wt-card button,.wt-card input,.wt-card textarea{z-index:10}.wt-card.wt-card--contained .wt-card__inner,.wt-card.wt-card--filled .wt-card__inner,.wt-card.wt-card--elevated .wt-card__inner,.wt-card.wt-card--transparent .wt-card__inner{border-radius:12px;overflow:hidden;background:var(--clg-color-sem-background-elevation-0, #FFFFFF)}.wt-card.wt-card--contained .wt-card__inner{border:1px solid var(--clg-color-sem-border-elevation-0, rgba(14, 14, 14, 0.1803921569))}.wt-card:before,.wt-card a.wt-card__action-link,.wt-card button.wt-card__action-button{border-radius:12px;transition:opacity 150ms ease-out,inset 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42)}.wt-card.wt-card--contained:before{transition:opacity 150ms ease-out,transform 200ms ease-in}.wt-card.wt-card--transparent:before{border-radius:18px}.wt-card a.wt-card__action-link,.wt-card button.wt-card__action-button,.wt-card a.wt-card__link:after,.wt-card button.wt-card__button:after,.wt-card:before{inset:0px;position:absolute}.wt-card:before{content:"";opacity:0;box-shadow:var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px rgba(0, 0, 0, 0.3019607843), 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078));inset:3px;backface-visibility:hidden;z-index:-1}.wt-card a.wt-card__action-link,.wt-card button.wt-card__action-button{z-index:10}.wt-card.wt-card--elevated .wt-card:before{box-shadow:var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px rgba(0, 0, 0, 0.3019607843), 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078))}.wt-card.wt-card--transparent .wt-card:before{inset:0px}.wt-card:hover::before,.wt-card.focus-within::before{opacity:1;inset:0px}.wt-card:focus-within::before{opacity:1;inset:0px}.wt-card.wt-card--transparent:hover::before,.wt-card.wt-card--transparent.focus-within::before{inset:calc(-1 * 6px * (4/3))}.wt-card.wt-card--transparent:focus-within::before{inset:calc(-1 * 6px * (4/3))}.wt-card.wt-card--transparent:hover .wt-card__inner,.wt-card.wt-card--transparent.focus-within .wt-card__inner{padding:calc(6px * (4/3));margin:calc(-1 * 6px * (4/3));border-radius:18px}.wt-card.wt-card--transparent:focus-within .wt-card__inner{padding:calc(6px * (4/3));margin:calc(-1 * 6px * (4/3));border-radius:18px}.wt-card.wt-card--transparent a.wt-card__action-link,.wt-card.wt-card--transparent button.wt-card__action-button{border-radius:18px}.wt-card.wt-card--transparent a.wt-card__action-link:hover,.wt-card.wt-card--transparent a.wt-card__action-link:focus,.wt-card.wt-card--transparent button.wt-card__action-button:hover,.wt-card.wt-card--transparent button.wt-card__action-button:focus{inset:calc(-1 * 6px * (4/3))}.wt-card:active::before{inset:calc(6px * (2/3))}.wt-card.wt-card--transparent:active::before{inset:calc(-1 * 6px * (2/3))}body:not(.wt-focus-visible) .wt-card a.wt-card__action-link:focus,body:not(.wt-focus-visible) .wt-card button.wt-card__action-button:focus{outline:3px solid rgba(0,0,0,0) !important}body:not(.wt-focus-visible) .wt-card a.wt-card__action-link:focus,body:not(.wt-focus-visible) .wt-card button.wt-card__action-button:focus{box-shadow:0 0 0 2px var(--clg-color-sem-background-elevation-0, #FFFFFF),0 0 0 4px var(--clg-color-sem-border-focused, #4D6BC6) !important}.wt-card:hover a.wt-card__link .wt-arrow-link.wt-arrow-link--forward:after,.wt-card:hover a.wt-card__link.wt-arrow-link.wt-arrow-link--forward:after,.wt-card:focus-within a.wt-card__link .wt-arrow-link.wt-arrow-link--forward:after,.wt-card:focus-within a.wt-card__link.wt-arrow-link.wt-arrow-link--forward:after{transform:translateX(4px)}.wt-card:hover :not(a .wt-arrow-link,a).wt-arrow-link.wt-arrow-link--forward:after,.wt-card:focus-within :not(a .wt-arrow-link,a).wt-arrow-link.wt-arrow-link--forward:after{transform:translateX(4px)}.wt-card a.wt-card__link,.wt-card button.wt-card__button{position:static;outline:none;text-decoration:none;color:inherit}.wt-card a.wt-card__link::after,.wt-card button.wt-card__button::after{content:""}.wt-card a.wt-card__link:hover,.wt-card a.wt-card__link:active,.wt-card a.wt-card__link:focus,.wt-card button.wt-card__button:hover,.wt-card button.wt-card__button:active,.wt-card button.wt-card__button:focus{opacity:1}.wt-card,a.wt-transparent-card,div.wt-transparent-card,button.wt-transparent-card,a.wt-card--transparent,div.wt-card--transparent,button.wt-card--transparent{background:none;border:none;color:inherit;font:inherit;cursor:pointer;text-align:left;outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;text-decoration:none;cursor:pointer;z-index:10;position:relative;display:inline-block;max-width:100%}.wt-card:focus-visible,a.wt-transparent-card:focus-visible,div.wt-transparent-card:focus-visible,button.wt-transparent-card:focus-visible,a.wt-card--transparent:focus-visible,div.wt-card--transparent:focus-visible,button.wt-card--transparent:focus-visible{outline:inherit}.wt-card img,a.wt-transparent-card img,div.wt-transparent-card img,button.wt-transparent-card img,a.wt-card--transparent img,div.wt-card--transparent img,button.wt-card--transparent img{display:block;width:100%}a.wt-transparent-card:before,div.wt-transparent-card:before,button.wt-transparent-card:before{content:"";opacity:0;position:absolute;border-radius:calc(6px*1.5);top:calc(-1 * 6px*1.5);right:calc(-1 * 6px*1.5);bottom:calc(-1 * 6px*1.5);left:calc(-1 * 6px*1.5);z-index:-1;box-shadow:var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px rgba(0, 0, 0, 0.3019607843), 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078));background:var(--clg-color-sem-background-elevation-1, #FFFFFF);border:1px dotted rgba(0,0,0,0);transform:scale(0.96);transition:transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42),opacity 150ms ease-out,border-color 200ms ease-out}a.wt-transparent-card:hover,a.wt-transparent-card:focus,div.wt-transparent-card:hover,div.wt-transparent-card:focus,button.wt-transparent-card:hover,button.wt-transparent-card:focus{text-decoration:none;color:var(--clg-color-sem-border-active, #222222)}a.wt-transparent-card:hover:before,a.wt-transparent-card:focus:before,div.wt-transparent-card:hover:before,div.wt-transparent-card:focus:before,button.wt-transparent-card:hover:before,button.wt-transparent-card:focus:before{opacity:1;transform:scale(1)}a.wt-transparent-card:focus,div.wt-transparent-card:focus,button.wt-transparent-card:focus{outline:none}a.wt-transparent-card:focus:before,div.wt-transparent-card:focus:before,button.wt-transparent-card:focus:before{border-color:var(--clg-color-sem-border-action-primary, #222222)}
@charset "utf-8";
.article-body>iframe[title="YouTube video player"]{width:100%;min-height:500px}@media only screen and (max-width: 640px){.article-body>iframe[title="YouTube video player"]{max-width:100%;min-height:auto !important}}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}.video-container-vimeo{padding-bottom:53%;padding-top:3%}
@charset "utf-8";
.article-body{display:flex;flex-direction:column}.article-body>a,.article-body>strong,.article-body>em,.article-body>b,.article-body>i,.article-body>mark,.article-body>small,.article-body>sub,.article-body>sup,.article-body>ins,.article-body>del{display:contents}.article-body p{padding:10px 0}.article-body h1{padding:20px 0}.article-body h2{padding:18px 0}.article-body h3{padding:16px 0}.article-body h4{padding:14px 0}.article-body h5{padding-top:25px}.article-body img{padding:12.5px 0;margin:auto;display:block}.article-body figure img{max-width:100%}.article-body figure figcaption{color:#595959;font-family:"Graphik Webfont",-apple-system,"Helvetica Neue","Droid Sans",Arial,sans-serif;font-weight:400;font-size:13px;line-height:18px;margin-top:6px}
@charset "utf-8";
span.badges{margin:0 3px 10px 3px}span.badges a{text-decoration:none}.article-primer{padding-top:20px}.author-image img{max-width:inherit !important;padding:0 0;float:left;margin-right:10px;position:relative}.author-by-line{display:inline-grid;vertical-align:initial}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}div#article-content{max-width:1920px !important;margin:29px auto 0;padding:0 12px;display:grid;grid-template-columns:1fr;grid-template-areas:"hero" "badges" "main" "related"}div#article-content>div.hero-image{grid-area:hero;padding:29px 21px 32px}div#article-content>div.hero-image img{max-width:100%}div#article-content>div.badges{grid-area:badges}div#article-content>div.social-share-container{display:grid;place-items:center}div#article-content>div.main-body-content{grid-area:main;display:flex;flex-direction:column;align-items:start}div#article-content>div.main-body-content .content{word-break:break-word}div#article-content>div.main-body-content .content .author-card .author-data{display:flex;flex-direction:column;justify-content:center}div#article-content>div.main-body-content .content .author-card .author-data .author-name{margin:0}div#article-content>div.main-body-content .content .article-body{max-width:95vw;display:block}div#article-content>div.main-body-content .content .article-body .responsive-video{position:relative;overflow:hidden;width:100%;padding-top:56.25%}div#article-content>div.main-body-content .content .article-body .responsive-video iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}div#article-content>div.main-body-content .content .article-body>p:first-of-type::first-letter{text-transform:uppercase;float:left;font-family:"Guardian-EgypTT",Charter,"Charter Bitstream",Cambria,"Noto Serif Light","Droid Serif",Georgia,serif;font-size:52px;line-height:56px;padding:0 5px 0 0}div#article-content>div.main-body-content .content .article-body ul,div#article-content>div.main-body-content .content .article-body ol,div#article-content>div.main-body-content .content .article-body dl{margin-left:1.25rem}div#article-content>div.main-body-content .content .article-body img{max-width:100%}div#article-content>div.main-body-content .content .article-body sup{display:block;margin:10px 0}div#article-content>div.main-body-content .content .article-body .gist{margin:10px 0;max-width:95vw}div#article-content>div.main-body-content .content .article-body blockquote{margin:20px 0;padding-left:20px;font-style:italic;border-left:5px solid gray;color:#000}div#article-content>div.main-body-content .content .article-body table{margin:15px auto}div#article-content>div.main-body-content .content .article-body table th,div#article-content>div.main-body-content .content .article-body table td{border:1px solid gray}div#article-content>div.main-body-content .content .article-body th,div#article-content>div.main-body-content .content .article-body td{padding:5px}div#article-content>div.main-body-content .content .article-body a{color:#e55400;text-decoration:none}div#article-content>div.main-body-content .content .article-body .hljs{white-space:pre;overflow-x:auto;max-width:94vw;border:1px solid #000}div#article-content>aside{padding-right:30px;display:none;grid-area:aside}div#article-content>aside div.badges>div{margin-left:0 !important;margin-right:0 !important}div#article-content>aside div.share-links{margin-left:-10px}div#article-content>aside div.share-links a{display:inline-flex;align-items:center;justify-content:center}div#article-content>aside div.recent-articles>div:not(:last-child){margin-bottom:22px}div#content>section .wt-card .wt-card__inner h3,div#content>section .wt-card .wt-card__inner p.article_title,div#content aside div.recent-articles .wt-card .wt-card__inner h3,div#content aside div.recent-articles .wt-card .wt-card__inner p.article_title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}@media only screen and (min-width: 640px){div#content>section .wt-card .wt-card__inner h3,div#content>section .wt-card .wt-card__inner p.article_title,div#content aside div.recent-articles .wt-card .wt-card__inner h3,div#content aside div.recent-articles .wt-card .wt-card__inner p.article_title{-webkit-line-clamp:3}div#article-content{margin-top:41px;padding:0;grid-template-columns:11fr .5fr 6fr;grid-row-gap:44px;grid-template-areas:"hero . ." "main . aside" "related related related"}div#article-content>div.hero-image{padding:0 25px}div#article-content>div.main-body-content>h1{padding-left:25px}div#article-content>div.main-body-content .content{padding:0 25px}div#article-content>div.main-body-content .content .article-body{max-width:60vw;width:100%}div#article-content>div.main-body-content .content .article-body figure figcaption{padding:0 30px}div#article-content>div.badges{display:none}div#article-content>div.social-share-container{display:none}div#article-content>aside{display:block}}@media only screen and (min-width: 1200px){div#article-content{grid-template-columns:4fr 11fr 1fr 6fr;grid-template-areas:". hero . ." ". main . aside" "related related related related"}div#article-content>div.hero-image{padding:0 50px 0 0}div#article-content>div.main-body-content>h1{padding:0}div#article-content>div.main-body-content .content{padding:0 50px 0 0}}
@charset "utf-8";
.cac-header{padding:30px 10px;border-bottom:1px solid #dedede}.cac-header>a:first-child{width:inherit}.cac-header>a:first-child,.cac-header>a:first-child:link,.cac-header>a:first-child:visited{text-decoration:none}.cac-header>a:first-child>svg{height:28px;margin-top:1px}.cac-header .navigation-links{display:none;align-items:center}.cac-header .navigation-links>*:not(:last-child){margin-right:24px}.cac-header .navigation-menu-trigger-container{display:block}.cac-header .wt-menu div.wt-menu__body{padding-top:0 !important;margin-top:52px;margin-right:-10px;overflow:unset}.cac-header .wt-menu div.wt-menu__body:before,.cac-header .wt-menu div.wt-menu__body:after{content:"";position:absolute;width:0;height:0;border-style:solid}.cac-header .wt-menu div.wt-menu__body:before{border-width:0 11px 11px 11px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #dedede rgba(0,0,0,0);top:-12px;right:10px}.cac-header .wt-menu div.wt-menu__body:after{border-width:0 10px 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);top:-11px;right:11px}.cac-header .wt-menu div.wt-menu__body a:focus{background-color:inherit}.cac-header .wt-menu div.wt-menu__body a:first-child{border-radius:10px 10px 0 0}.cac-header .wt-menu div.wt-menu__body a:last-child{border-radius:0 0 10px 10px}div.blog-category-navbar-mobile{padding-bottom:0}div.blog-category-navbar-mobile>.wt-overlay__modal{padding:18px;min-height:calc(35vh - 30px);height:calc(35vh - 30px);margin-top:auto;margin-bottom:0;transition:height .5s ease-out}div.blog-category-navbar-mobile>.wt-overlay__modal.big-modal{height:calc(80vh - 30px)}div.blog-category-navbar-mobile>.wt-overlay__modal a h1{margin-top:12px}div.blog-category-navbar-mobile>.wt-overlay__modal a:last-child h1{margin-bottom:12px}div.blog-category-navbar-mobile>.wt-overlay__modal div.overlay-body{overflow-y:auto}div.blog-category-navbar-mobile>.wt-overlay__modal div.overlay-body div[id^=category-navbar-section]{max-height:100%}@media only screen and (max-height: 639px)and (orientation: landscape){div.blog-category-navbar-mobile>.wt-overlay__modal{min-height:calc(50vh - 30px)}}@media only screen and (min-width: 935px){.cac-header .navigation-links{display:flex}.cac-header .navigation-menu-trigger-container{display:none}}@media only screen and (min-width: 640px){.cac-header{padding:28px 42px}.cac-header>a>svg{height:40px;margin-top:3px}div.blog-category-navbar-mobile>.wt-overlay__modal{min-height:calc(28vh - 30px);height:calc(28vh - 30px)}div.blog-category-navbar-mobile>.wt-overlay__modal.big-modal{height:calc(66vh - 30px)}}
@charset "utf-8";
body{padding:0}.transitional-wide #content{max-width:100%}.author-image img{width:60px;height:60px}.blog_article_card .wt-circle{max-width:45px}.blog_article_card .wt-card-link{height:100%}.blog_article_card .code-as-craft-author-container{position:absolute;bottom:10px;width:100%}.blog_article_card figure{padding-top:75%;display:block;position:relative}.blog_article_card figure img{display:block;height:100%;width:100%;bottom:0;top:0;left:0;right:0;position:absolute;max-width:100%}.card-image-container{padding-top:75%;display:block;position:relative}.card-image-container img{display:block;height:100%;width:100%;bottom:0;top:0;left:0;right:0;position:absolute;max-width:100%}.code-as-craft-author-name-container{margin-top:auto;margin-bottom:auto}.code-as-craft-author-name-container p{display:inline-block;width:100%}.code-as-craft-author-separator{width:12px}.code-as-craft-event-date{display:inline-grid;align-content:center}#wt-blog-sign-up:focus+button.wt-input-btn-group__btn{background-color:#222;border:0}.alert-success{color:#468847;font-size:20px}.alert-danger{color:#b94a48;font-size:20px}
@charset "utf-8";
.code-as-craft-back-picture{background-color:#e6e1f0;height:400px;width:100%;padding-top:6%;position:absolute}.code-as-craft-main-cards-container{margin-top:230px}.code-as-craft-main-cards-container .code-as-craft-hero-article-card-container .code-as-craft-author-container{margin-top:20px !important}.code-as-craft-main-cards-container .code-as-craft-hero-article-card-container .code-as-craft-text-container{margin:auto}.code-as-craft-main-cards-container .code-as-craft-hero-article-card-container .wt-circle{max-width:60px}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px){.code-as-craft-text-container{padding-top:12px !important;padding-bottom:12px !important}}div.code-as-craft-pre-footer{color:#fff}div.code-as-craft-pre-footer>div{margin:0 auto;text-align:center;max-width:1100px}div.code-as-craft-pre-footer>div hr{border:none;height:1px;background-color:rgba(255,255,255,.2)}div.code-as-craft-pre-footer>div>*:not(img):not(hr){margin:0 12px;max-width:725px}.cac-footer.wt-bg-denim{background-color:#232347 !important}@media only screen and (min-width: 480px){.code-as-craft-main-cards-container{margin-left:auto !important;margin-right:auto !important;margin-top:350px}.code-as-craft-back-picture{background-color:#e6e1f0;height:629px;width:100%;padding-top:6%;position:absolute}.code-as-craft-back-picture svg{display:block;margin:auto}}@media only screen and (min-width: 540px){div.code-as-craft-pre-footer>div>*:not(img):not(hr){margin:0 auto;width:100%}}