@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{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:transparent;-webkit-appearance:none;}.wt-card button.wt-card__button:focus-visible,.wt-card button.wt-card__action-button:focus-visible{outline:inherit;}.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;}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 transparent !important;}body:not(.wt-focus-visible) .wt-card a.wt-card__action-link:focus:not(:hover):not(:active),body:not(.wt-focus-visible) .wt-card button.wt-card__action-button:focus:not(:hover):not(:active){box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #4d6bc6 !important;}.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,.wt-card.wt-card--transparent:before{left:0;top:0;right:0;bottom:0;position:absolute;}.wt-card a.wt-card__action-link,.wt-card button.wt-card__action-button,.wt-card:before,.wt-card.wt-card--transparent:before{border-radius:12px;transition:opacity 150ms ease-out,transform 200ms cubic-bezier(0.345, 0.115, 0.135, 1.42);}.wt-card:before,.wt-card.wt-card--transparent:before{content:'';opacity:0;box-shadow:0 4px 20px rgba(34, 34, 34, 0.15);transform:scale(0.98);backface-visibility:hidden;z-index:-1;}.wt-card.wt-card--transparent a.wt-card__action-link,.wt-card.wt-card--transparent button.wt-card__action-button{transform:scale(1);}.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{transform:scale(1.02);}.wt-card:hover::before,.wt-card.focus-within::before,.wt-card.wt-card--elevated:hover::before,.wt-card.wt-card--transparent:hover::before,.wt-card.wt-card--elevated.focus-within::before,.wt-card.wt-card--transparent.focus-within::before{opacity:1;transform:scale(1);}.wt-card:focus-within::before,.wt-card.wt-card--elevated:focus-within::before,.wt-card.wt-card--transparent:focus-within::before{opacity:1;transform:scale(1);}.wt-card.wt-card--contained:hover::before,.wt-card.wt-card--contained.focus-within::before,.wt-card.wt-card--contained:focus-within::before{transform:scale(0.97, 0.97) translateZ(0);}.wt-card:active::before,.wt-card.wt-card--elevated:active::before{opacity:1;transform:scale(0.96);}.wt-card.wt-card--transparent:active::before{opacity:1;transform:scale(0.98);}.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: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.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:#FFFFFF;transform:translateZ(0px);}.wt-card.wt-card--contained .wt-card__inner{border:1px solid rgba(34, 34, 34, 0.15);}.wt-card.wt-card--elevated{box-shadow:0 4px 20px rgba(34, 34, 34, 0.15);}.wt-card.wt-card--elevated:before{opacity:0;border-radius:12px;box-shadow:0 4px 20px rgba(34, 34, 34, 0.2);}.wt-card.wt-card--transparent:before{margin:-9px;border-radius:18px;transform:scale(0.95);}.wt-card.wt-card--contained:before{transition:opacity 150ms ease-out,transform 200ms ease-in;}.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:transparent;-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:9px;top:-9px;right:-9px;bottom:-9px;left:-9px;z-index:-1;box-shadow:0 2px 18px rgba(34, 34, 34, 0.2);background:#FFFFFF;border:1px dotted transparent;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:#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:#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:black;}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 black;}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 0.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:transparent transparent #dedede transparent;top:-12px;right:10px;}.cac-header .wt-menu div.wt-menu__body:after{border-width:0 10px 10px 10px;border-color:transparent transparent #ffffff transparent;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 0.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:#222222;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:white;}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, 0.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%;}}