.background{background-color:#d3f0f0}body{color:#231f20;background-color:#231f20}body .logo .stacked{background-image:url(/images/smallindie/stacked-light.svg)}.hero{background:#00b9f2 image-set("/images/smallindie/hero-mobile.png" 1x,"/images/smallindie/hero-mobile@2x.png" 2x,"/images/smallindie/hero-mobile@3x.png" 3x) 100% no-repeat;border-bottom:2px solid #231f20}h1{color:#fff;background-color:#231f20}.course .box a:link,.course .box a:visited{color:#231f20}.post main,.box{color:#231f20;background-color:#fff}.post main .tag,.box .tag{color:#fff;background-color:#231f20}.post main.post h2,.box.post h2{color:#fff;background-color:#ed135d;border-bottom:4px solid #231f20}.post main.video .thumbnail,.box.video .thumbnail{border-bottom:4px solid #ed135d}.post main.video .thumbnail .sequence,.box.video .thumbnail .sequence{color:#fff;background:#ed135d}.post main.video h2,.box.video h2{color:#ed135d}.post main a.cta,.post main a.cta:visited,.box a.cta,.box a.cta:visited{color:#fff;background-color:#00b9f2}.post main a.cta:hover,.post main a.cta:visited:hover,.box a.cta:hover,.box a.cta:visited:hover{border-bottom:0}main{background-image:url(/images/smallindie/tiled-background-light.png);padding:0 16px}.top-nav ul{background-color:#fff}.top-nav .hamburger-button,.top-nav .hamburger-button:hover{color:#fff;background-color:#0000}.top-nav ul a{color:#231f20;background:#fff}.top-nav ul a:link:active,.top-nav ul a:visited:active,.top-nav ul a:hover{color:#fff;background-color:#00b9f2}.top-nav ul a.active{color:#fff;background-color:#ed135d}.top-nav .logo{text-indent:-1000px;background:#231f20 url(/images/smallindie/inline-dark.svg) 16px no-repeat;border-bottom:2px solid #cdd;overflow:hidden;box-shadow:0 4px 4px #00000040}div.highlight{background:#fff;border-radius:16px;padding:12px;overflow:scroll;box-shadow:0 2px 10px #00000040}@media (width>=768px){.top-nav ul{background-color:#231f20}.top-nav ul a{color:#fff;background-color:#231f20}.top-nav ul a:hover{color:#231f20;background-color:#cdd}}@media (width>=1024px){.hero{background-image:image-set("/images/smallindie/hero-desktop-small.png" 1x,"/images/smallindie/hero-desktop-small@2x.png" 2x,"/images/smallindie/hero-desktop-small@3x.png" 3x)}}a[target=_blank]:after{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiBmaWxsPSIjMWE3M2U4Ij48cGF0aCBkPSJNMTkgMTlINVY1aDdWM0g1YTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGMxLjEgMCAyLS45IDItMnYtN2gtMnY3ek0xNCAzdjJoMy41OWwtOS44MyA5LjgzIDEuNDEgMS40MUwxOSA2LjQxVjEwaDJWM2gtN3oiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48L3N2Zz4=);background-repeat:no-repeat;width:.8125rem;height:.8125rem;margin:0 .1875rem 0 .25rem;display:inline-block;position:relative;top:.125rem}section a:link,section a:visited{color:#ed135d;border-bottom:2px solid #0000;text-decoration:none}section a:link:hover,section a:visited:hover{border-bottom:2px solid #000}.hide{display:none}body.post{font-size:20px}.warning-color{color:#dfc622}.font-mid{font-size:32px;font-weight:500}.relative{position:relative}a.wrap-link{color:inherit;text-decoration:none}.collection{flex-wrap:wrap;justify-content:space-evenly;gap:16px;display:flex}.collection>a{flex-grow:1}.carousel{flex-wrap:wrap}html,body{margin:0;padding:0}body{font-family:Jost,sans-serif;font-weight:400}main img{max-width:100%}footer{color:#fff;text-align:center;background-color:#231f20;border-top:4px solid #00b9f2;height:488px;padding:0 16px}footer .title{font-size:24px;font-weight:500}footer ul{padding:0;list-style:none}footer ul li{margin-bottom:8px}footer a{color:#fff;font-size:16px;text-decoration:none}footer a:hover i{color:#fff}footer a:hover{color:#00b9f2}h1,h2,h3{font-family:Jost;font-weight:500}h1{border-radius:16px;padding:10px 40px;font-size:40px;box-shadow:0 4px 4px #00000040}h1:first-child{margin-top:0}.hero{width:100%;height:208px;padding:0 16px;display:block}.hero,main,footer{box-sizing:border-box;max-width:1440px;margin:0 auto;box-shadow:-4px 0 #000,4px 0 #000,12px 0 12px #00000040,-12px 0 12px #00000040}.box{border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040}.box .tags{text-align:right;margin:8px 0}.box .tag{border-radius:8px;padding:2px 10px;font-size:12px;font-weight:500}.box.post{flex-grow:1}.box.post h2{white-space:nowrap;text-overflow:ellipsis;margin:0;padding:16px;font-size:24px;overflow:hidden}.box.post p{padding-bottom:50px}.box.video{padding-bottom:8px}.box.video .thumbnail{background-color:#cdd;width:100%;height:202px;position:relative}.box.video .thumbnail .sequence{border-radius:8px 0 0;padding:10px 24px;font-size:32px;position:absolute;bottom:0;right:0}.box.video h2{white-space:nowrap;text-overflow:ellipsis;margin:0 16px;overflow:hidden}.box.video h3{white-space:nowrap;text-overflow:ellipsis;margin:0 16px;font-size:32px;overflow:hidden}.box.video p{margin-top:8px}.box.video .duration{color:#777d7e;margin:0 16px}.box p{margin:16px;font-weight:400}.box .tags{padding:0 16px}.box .cta{text-align:center;border-radius:8px 0;padding:12px 24px;font-family:Jost;font-size:20px;font-weight:600;text-decoration:none;position:absolute;bottom:0;right:0}.posts-controls{margin:24px 0}.button{text-align:center;border-radius:8px;padding:12px 24px;font-family:Jost;font-size:20px;font-weight:600;text-decoration:none;display:block}.primary{color:#fff;background-color:#00b9f2}.site-offline .logo{position:absolute}.site-offline .logo .stacked{background-size:260px 179px;width:260px;height:179px}.site-offline .logo{text-align:center;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%)}.site-offline .logo p.message{margin:32px 0;font-size:24px}.top-nav .logo-bar{z-index:100;width:100%;height:80px;position:relative;top:0}.top-nav a{padding:12px 24px;text-decoration:none;display:block}.top-nav a.logo{height:56px}.top-nav .menu-opener{display:none}.top-nav .menu-opener:checked~ul{opacity:1;transform:translate(0)}.top-nav .menu-opener:checked~.logo-bar .fa-bars{opacity:0;transform:translateY(100%)}.top-nav .menu-opener:checked~.logo-bar .fa-xmark{opacity:1;transform:translate(0)}.top-nav .hamburger-button{padding:12px 16px;font-size:24px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.top-nav .hamburger-button .icon{width:24px;height:24px}.top-nav .hamburger-button .fa{transition:all .2s ease-in-out;position:absolute}.top-nav .hamburger-button .fa-bars{opacity:1;transform:translate(0)}.top-nav .hamburger-button .fa-xmark{opacity:0;transform:translate(-100%)}.top-nav ul{opacity:0;z-index:50;width:100%;height:100vh;margin:0;padding:0;list-style:none;transition:all .15s ease-in-out;position:absolute;transform:translate(-100%);box-shadow:4px 0 4px #00000040}.top-nav ul li{font-family:Jost;font-size:24px;font-weight:500}.dialog.box{text-align:center;max-width:800px;margin:40px auto}.dialog.box h1{letter-spacing:-1px;box-shadow:none;border-radius:16px 16px 0 0;margin:0;font-size:40px;line-height:1}.dialog.box .icon{text-align:center;font-size:128px;display:block}section{color:#231f20;background:#eaffff;border-radius:16px;padding:16px}.course-video{flex-direction:column;gap:16px;display:flex}.video-list{font-size:20px;font-weight:500}.video-list h2{color:#fff;background:#231f20;border-bottom:4px solid #fff;margin:0;padding:24px;position:relative;box-shadow:0 4px 4px #00000040}.video-list,.video-list ol{margin:0;padding:0;list-style:none}.video-list .video-row{color:#000;background:#cdd;justify-content:space-between;align-items:center;padding:24px;text-decoration:none;display:flex}.video-list .video-row.section{background:#aebcbc;position:relative;box-shadow:0 4px 4px #00000040}.video-list .video-row.active{background:#eaffff}.video-list:hover,.video-list a:hover,.video-list .even{background:#d3f0f0}.video-list .duration{color:#4a4b4c;text-align:right;min-width:100px;font-size:20px}blockquote{background-color:#0000001a;border-radius:16px;padding:32px;position:relative}blockquote:not(.error):before{content:"”";color:#000000b3;font-family:Times New Roman,serif;font-size:6em;font-weight:700;position:absolute;top:0;right:12px}blockquote p{margin:8px 0}blockquote.error{background-color:#ff000040}blockquote.error:before{content:"❌ Error";font-weight:700}.steps li ul{list-style:none}@media (hover:none){.carousel{flex-wrap:nowrap;justify-content:start;overflow:scroll}.box{min-width:240px}.code-action{opacity:1}}@media (width>=375px){.box{min-width:300px}}@media (width>=425px){.site-offline .logo .stacked{background-size:343px 236px;width:343px;height:236px}.site-offline .logo p.message{font-size:32px}.box{min-width:341px;max-width:360px}}@media (width>=768px){.show-on-flyout{display:none}.top-nav{position:relative}.top-nav ul{opacity:1;width:auto;height:auto;box-shadow:none;z-index:100;gap:16px;display:flex;top:50%;right:16px;transform:translateY(-50%)}.top-nav ul a{border-radius:10px;padding:8px 16px;font-size:20px;font-weight:600}.top-nav .hamburger-button{display:none}}@media (width>=1024px){.button{display:inline-block}.top-nav ul{gap:24px;right:24px}.top-nav ul a{font-size:24px}.hero{height:308px}.course-video{flex-direction:row;align-items:flex-start;gap:0}.course-video section{flex:auto;min-width:0}.video-list{flex:0 0 340px;padding-top:16px}}footer ul a i{margin-right:8px}.tags{margin:8px 0}.tag{color:#fff;background-color:#231f20;border-radius:8px;margin-right:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.embed-container{background:#000;border-radius:16px;max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 4px #00000040}.embed-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}pre{border-radius:16px;padding:16px;position:relative;overflow-x:auto;box-shadow:0 2px 10px #00000040}pre .code-toolbar{gap:4px;display:flex;position:absolute;top:8px;right:8px}pre .code-action{color:#fff;cursor:pointer;opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:4px 10px;font-size:12px;transition:opacity .15s,background-color .15s}pre .code-action:hover{background:#ffffff40}pre:hover .code-action,pre:focus-within .code-action{opacity:1}