@font-face{font-display:swap;font-family:BebasNeue;font-style:normal;font-weight:400;src:url(fonts/bebasneue-webfont.woff2) format("woff2"),url(fonts/bebasneue-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:BebasNeue;font-style:normal;font-weight:300;src:url(fonts/bebasneue_light-webfont.woff2) format("woff2"),url(fonts/bebasneue_light-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:BebasNeue;font-style:normal;font-weight:700;src:url(fonts/bebasneue_bold-webfont.woff2) format("woff2"),url(fonts/bebasneue_bold-webfont.woff) format("woff")}.shadow-6{box-shadow:inset 0 4px 31px rgba(0,0,0,.15)}.resources-post #rescources-post-top,.screencast-post #screencast-long,.shadow-4{box-shadow:0 10.5px 25px 1px rgba(0,0,0,.15)}.shadow-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.shadow-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.btn{background-color:transparent;border:1px solid transparent;border-radius:0;cursor:pointer;font-family:Open Sans,sans-serif;letter-spacing:1px;text-transform:uppercase}.btn:focus{box-shadow:none}.btn-arrow-fa{position:relative}.btn-arrow-fa:after{content:"";display:inline-block!important;font-family:FontAwesome;font-size:.8em;font-weight:400;opacity:0;position:relative;top:1px;transition:all .2s ease-in-out;visibility:hidden;width:0}.btn-arrow-fa.btn-link{min-width:unset;padding-left:0;padding-right:0;text-decoration:none}.btn-arrow-fa.btn-link:after{left:0;opacity:1;visibility:visible;width:.85rem}.btn-arrow-fa.btn-link:hover:after{left:2px}.btn-arrow-fa.active:after,.btn-arrow-fa:focus:after,.btn-arrow-fa:hover:after{opacity:1;padding-left:5px;transition:all .2s ease-in-out;visibility:visible;width:.85rem}.btn-green-bck{background-color:#40be46;border-radius:.1875rem;color:#fff}.btn-green-bck:hover{color:#fff}.btn-transparent-bck{background-color:transparent;border:1px solid #fff;color:#fff}.btn-transparent-bck:hover{color:#fff}.btn-arrow,.btn-full-green,.btn-minimal-black{padding-right:30px;position:relative}.btn-arrow:hover:after,.btn-full-green:hover:after,.btn-minimal-black:hover:after{right:12px}.btn-arrow:after,.btn-full-green:after,.btn-minimal-black:after{content:">";display:block;position:absolute;right:17px;top:6px;-webkit-transition:right .2s ease-in-out;-moz-transition:right .2s ease-in-out;-ms-transition:right .2s ease-in-out;-o-transition:right .2s ease-in-out;transition:right .2s ease-in-out}.btn-green{background:linear-gradient(90deg,#49bb50 0,#49bb50 31%,#49bb50);border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;line-height:1;padding:1.1rem 2rem;text-transform:capitalize}.btn-green:focus{box-shadow:none}.btn-green:active,.btn-green:focus,.btn-green:hover{background-image:linear-gradient(139deg,#7a73ae 1%,#41bf47 50%),linear-gradient(#4bb658,#4bb658)!important;color:#fff}.btn-green.arrow:not(.btn-tt){background-color:#40be46;background-image:unset!important;position:relative}.btn-green.arrow:not(.btn-tt):after{align-items:center;content:"";display:inline-block;display:inline-flex;font-family:FontAwesome;height:calc(100% - 2.2rem);margin-left:5px;margin-top:1px;opacity:0;position:absolute;transform:translateX(-6px);transition:all .2s linear}.btn-green.arrow:not(.btn-tt) .txt{display:inline-block;letter-spacing:0;transition:all .2s linear}.btn-green.arrow:not(.btn-tt):hover{background-color:#40be46;background-image:unset!important}.btn-green.arrow:not(.btn-tt):hover:after{opacity:1;transform:translateX(-2px)}.btn-green.arrow:not(.btn-tt):hover .txt{transform:translateX(-8px)}.btn-green.green-hover:active,.btn-green.green-hover:focus,.btn-green.green-hover:hover{background-color:#40c946;background:linear-gradient(90deg,#40c946 0,#40c946)!important}.btn-green.download{padding-left:3.4rem;padding-right:24px;text-transform:none}.btn-green.download.white{color:#fff}.btn-green.download.white:after{display:none}.btn-green.download.white:before{background-image:url(images/6e0c4ba8317a76f3071573c2727f53f9.png);background-size:16px 21px;content:"";height:21px;left:24px;margin:-2px 0 0;min-width:unset;opacity:1;position:absolute;transform:unset;width:16px}.btn-green.download:hover{background-color:#40c946}.btn-green.download:hover .txt{transform:none}.btn-green.arrow:not(.btn-tt).transparent-background{background-color:transparent;border:1px solid #fff;color:#fff}.btn-green.arrow:not(.btn-tt).transparent-background:focus,.btn-green.arrow:not(.btn-tt).transparent-background:hover{background-color:transparent;color:#fff}.btn-green.arrow:not(.btn-tt).white-background{background-color:#fff;border:1px solid transparent;color:#40be46}.btn-green.arrow:not(.btn-tt).white-background:focus,.btn-green.arrow:not(.btn-tt).white-background:hover{background-color:#fff;color:#40be46}.btn-minimal-black{color:#000;font-weight:700}.btn-minimal-black:hover{color:#000}.btn-minimal-black:hover:after{right:5px;top:6px}.btn-minimal-black:focus{color:#000}.btn-minimal-black:after{color:#40be46;right:10px}.btn-minimal-black.black-arrow:after{color:#000}#green-stripe{background:#2a4061;color:#fff}@media(min-width:576px){#green-stripe .bg-holder{background-image:var(--green-stripe-bg-img,none);background-repeat:no-repeat;background-size:cover}}#green-stripe .section-content{padding-bottom:60px;padding-top:60px}#green-stripe h2{font-size:46px;margin:0 auto;padding:0 1.5rem}@media(min-width:576px){#green-stripe h2{font-size:62px;padding:0}}@media(min-width:992px){#green-stripe h2{max-width:700px}}#green-stripe .buttons-container{gap:1rem}#green-stripe .buttons-container .btn-tt{border-width:1px}#green-stripe a.btn{min-width:175px}html:lang(ja) #green-stripe h2{font-size:1.6rem;margin:0 auto;padding:0 1.5rem}@media(min-width:576px){html:lang(ja) #green-stripe h2{font-size:2.4rem;padding:0}}.btn-tt.white-background{background-color:#fff}.btn-dark-txt{color:#051329!important}.btn-border-white{border:1px solid #fff}.share_buttons{align-items:center;display:flex;justify-content:left;padding:14px 0}.share_buttons p{margin:0}.share_buttons span{color:#40be46;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.39;padding-right:5px}.share_buttons .icon{border:1px solid #000;border-radius:50%;color:#262626;cursor:pointer;margin:0 5px;position:relative;text-align:center;transition:.5s}.share_buttons .icon i{font-size:12px}.share_buttons .icon a{align-items:center;color:#262626;display:flex;height:20px;justify-content:center;padding:4px;width:20px}.share_buttons .icon a:active,.share_buttons .icon a:focus,.share_buttons .icon a:hover{color:#262626}.share_buttons .icon.tw a{padding:5px}.share_buttons .icon.li a{font-size:13px}.share_buttons .icon.github i{font-size:16px}.share_buttons .icon.stackoverflow a{padding:3px}.resources-post h1{line-height:1}.resources-post img{height:auto;max-width:100%}.resources-post .stripe{display:none;height:25px;justify-content:space-between;position:absolute;width:25%}@media(min-width:768px){.resources-post .stripe{display:flex}}.resources-post .stripe span{background-color:#40be46;height:100%}.resources-post .stripe span:first-child{width:80%}.resources-post .stripe span:last-child{width:10%}.resources-post .share_buttons p span{font-size:18px;font-weight:600;line-height:2}.resources-post .share_buttons .icon.social{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:18px}@media(min-width:576px){.resources-post .share_buttons .icon.social{margin:0 15px}}.resources-post .share_buttons .icon.social.tw a{padding:3px}.resources-post .share_buttons .icon i{font-size:20px}.resources-post .share_buttons .icon.social.fb i,.resources-post .share_buttons .icon.social.in i,.resources-post .share_buttons .icon.social.tw i{top:6px}.resources-post #rescources-post-top{position:relative;z-index:3}.resources-post .jf-form #gated_resource_form .form-control{max-width:none}.resources-post .jf-form #gated_resource_form .select2-container{max-width:none;width:100%!important}.resources-back-button{margin-bottom:20px}.resources-back-button .btn{padding-left:0}.screencast-post h3{font-family:Open Sans,sans-serif;font-size:18px;margin-bottom:1em;text-transform:none}.screencast-post .embed-container{height:0;height:auto;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.screencast-post .embed-container embed,.screencast-post .embed-container iframe,.screencast-post .embed-container object{height:100%;left:0;position:absolute;top:0;width:100%}.screencast-post #rescources-post-top h1{margin-bottom:25px}.screencast-post #rescources-post-top .youtube-box{aspect-ratio:16/9;display:block;position:relative;width:100%}.screencast-post #rescources-post-top .youtube-box .youtube-poster{height:100%;object-fit:cover;width:100%}.screencast-post #rescources-post-top .youtube-box .youtube-play{height:110px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:110px}@media(max-width:767px){.screencast-post #rescources-post-top .youtube-box .youtube-play{height:75px;width:75px}}@media(min-width:768px){.screencast-post #rescources-post-top .screencast-content{margin-top:50px}}.screencast-post #rescources-post-top .stripe{left:0}@media(min-width:1200px){.screencast-post #rescources-post-top .stripe{width:35%}}.screencast-post #rescources-post-top .share_buttons{display:block;padding-top:35px;text-align:center}.screencast-post #rescources-post-top .share_buttons p{display:block;margin-bottom:10px}.screencast-post #rescources-post-top .share_buttons .icon.social{display:inline-block}.screencast-post #screencast-long{position:relative;z-index:2}.btn-full-green{background:linear-gradient(90deg,#49bb50 0,#49bb50 31%,#49bb50);border:0;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;padding:.85rem 2rem .9rem 1.5rem}.btn-full-green.border_green:hover,.btn-full-green:not(.border_green):active,.btn-full-green:not(.border_green):focus,.btn-full-green:not(.border_green):hover{color:#fff}.btn-full-green:after{top:14px}.btn-hover-gradient{background:linear-gradient(90deg,#49bb50 0,#49bb50 31%,#49bb50);border:none}.btn-hover-gradient:active,.btn-hover-gradient:hover{background:linear-gradient(139deg,#7a73ae 1%,#41bf47 50%),linear-gradient(#4bb658,#4bb658)!important}