.resource-top-video-block{align-items:center;display:flex;justify-content:center}.resource-top-video-block-left{display:flex;flex-direction:column;max-width:400px}.resource-top-video-block-right{margin-left:20px;width:770px}.resource-video-wrapper{display:block;height:auto;margin:auto;max-width:770px;min-width:256px;overflow:hidden;padding:0;position:relative;width:100%}.resource-video-wrapper .pwr--align-c>img{height:375px}@media (max-width:575px){.resource-top-video-block-left{flex-basis:100%;max-width:none}.resource-top-video-block-right{display:none}}.codio-resource-single-tile.pwr-sub-image-boxes .pwr-image-box .pwr-image-box__img>img,.codio-resources-catalog.pwr-sec-image-boxes .pwr-image-box .pwr-image-box__img>img{object-fit:none!important}.codio-resources-catalog.pwr-sec-image-boxes .pwr-filter{text-align:center}.bg-accent-light{background-color:var(--clr-background-accent-lt)}.codio-modules .pwr-accordion{margin-bottom:10px}.codio-resource-single-tile .pwr-image-box .pwr-image-box__img,.codio-resources-catalog .pwr-image-box .pwr-image-box__img{background-repeat:no-repeat;background-size:auto}.codio-resource-single-tile .pwr-image-box .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box .pwr-3D-box__sensor{background-color:#333}.codio-resource-single-tile .pwr-image-box .pwr-image-box__below,.codio-resources-catalog .pwr-image-box .pwr-image-box__below,.codio-resources-catalog .pwr-image-box .pwr-image-box__img{background-color:transparent}.codio-resources-catalog .pwr-image-box[data-category~="language:python"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=python] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_python .hs-image-widget{background-color:#f2c715}.codio-resources-catalog .pwr-image-box[data-category~="language:flode"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=flode] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_flode .hs-image-widget{background-color:#3323a7}.codio-resources-catalog .pwr-image-box[data-category~="language:html"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=html] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_html .hs-image-widget{background-color:#7c4dff}.codio-resources-catalog .pwr-image-box[data-category~="c/c++"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~="language:c/c++"] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_c_cplusplus .hs-image-widget{background-color:#78c8ff}.codio-resources-catalog .pwr-image-box[data-category~="language:css"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=css] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_css .hs-image-widget{background-color:#3574e3}.codio-resources-catalog .pwr-image-box[data-category~="language:crunch"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=crunch] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_crunch .hs-image-widget{background-color:#3323a7}.codio-resources-catalog .pwr-image-box[data-category~="language:ruby"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=ruby] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_ruby .hs-image-widget{background-color:#ef7050}.codio-resources-catalog .pwr-image-box[data-category~="language:bash"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=bash] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_bash .hs-image-widget{background-color:#3c4548}.codio-resources-catalog .pwr-image-box[data-category~="language:sql"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=sql] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_sql .hs-image-widget{background-color:#05d3bd}.codio-resources-catalog .pwr-image-box[data-category~="language:r"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=r] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_r .hs-image-widget{background-color:#97a1ba}.codio-resources-catalog .pwr-image-box[data-category~="language:java"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=java] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_java .hs-image-widget{background-color:#ff8b00}.codio-resources-catalog .pwr-image-box[data-category~="language:javascript"] .pwr-3D-box__sensor,.codio-resources-catalog .pwr-image-box[data-category~=javascript] .pwr-3D-box__sensor,.resource-top-video-block-left-image-container.bg_language_javascript .hs-image-widget{background-color:#069ba9}.pwr-sec-image-boxes-left-filters__container{margin-left:260px}.codio-resources-catalog.pwr-sec-image-boxes .pwr-filter-left{padding:20px 0 0;text-align:left}@media (max-width:575px){.pwr-sec-image-boxes-left-filters__container{margin-left:auto}}.pwr-sec-image-boxes-left-filters--status{font-weight:600;margin:80px 0;text-align:center}.codio-resources-catalog-header-desc{font-size:20px;font-weight:400}.codio-resources-catalog-header .pwr-hero__info-box{margin-bottom:50px!important;margin-top:172px!important}