.youtube-api-video-container:not(.video-bg),.youtube-api-video-container:not(.video-bg) iframe{height:192px;max-height:192px;width:100%}@media (min-width:768px){.youtube-api-video-container:not(.video-bg),.youtube-api-video-container:not(.video-bg) iframe{height:346px;max-height:346px}}.hero-banner-course-search .youtube-api-video-container.video-bg iframe{--tw-scale-x:1.25;--tw-scale-y:1.25;max-width:none;min-height:130%;min-width:100%;position:absolute;top:-40%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:auto;z-index:10}@media (min-width:1024px){.hero-banner-course-search .youtube-api-video-container.video-bg iframe{top:-20%}}@media (min-width:1280px){.hero-banner-course-search .youtube-api-video-container.video-bg iframe{aspect-ratio:16/9;min-height:150%;top:-25%}}@media (min-width:1536px){.hero-banner-course-search .youtube-api-video-container.video-bg iframe{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}