.page-video-panel{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#000}.page-video-panel iframe{display:block;width:100%;height:100%;border:0}.page-feature-card-youtube.page-feature-card-with-media{--feature-card-padding-inline: 1.7rem;--feature-card-padding-top: 1.7rem;--feature-card-padding-bottom: 1.85rem}.page-feature-card-youtube{--feature-card-accent: #ff0033;--feature-card-tint: rgba(255, 0, 51, 0.14)}.youtube-lazy-card .youtube-thumbnail-container{border-radius:8px;overflow:hidden;transition:transform 0.2s ease}.youtube-lazy-card .youtube-thumbnail-container:hover{transform:scale(1.02)}.youtube-lazy-card .youtube-thumbnail{transition:filter 0.2s ease, opacity 0.3s ease}.youtube-lazy-card .youtube-thumbnail:hover{filter:brightness(0.9)}.youtube-lazy-card .youtube-thumbnail[src*="yt_icon_rgb.svg"]{background-color:#f9f9f9;object-fit:contain !important;padding:20px !important}.youtube-lazy-card .youtube-play-button{transition:opacity 0.2s ease, transform 0.2s ease}.youtube-lazy-card .youtube-play-button:hover{opacity:1 !important;transform:translate(-50%, -50%) scale(1.1)}.youtube-lazy-card .youtube-play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.youtube-lazy-card.thumbnail-loading .youtube-thumbnail-container{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.youtube-lazy-card.thumbnail-loading .youtube-play-button{opacity:0.3}.youtube-lazy-card.thumbnail-loaded .youtube-thumbnail{opacity:1}.youtube-lazy-card.loading .youtube-thumbnail-container{opacity:0.7;pointer-events:none}.youtube-lazy-card.loading .youtube-thumbnail-container::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width: 699px){.page-feature-card-youtube.page-feature-card-with-media{--feature-card-padding-inline: 1.4rem;--feature-card-padding-top: 1.45rem;--feature-card-padding-bottom: 1.55rem}}html.theme-light .page-feature-card-youtube .page-feature-card-badge img{filter:brightness(0) saturate(100%) invert(18%) sepia(16%) saturate(842%) hue-rotate(169deg) brightness(92%) contrast(91%)}html.theme-light .frontpage-learn-section .page-feature-card-youtube .page-feature-card-badge img{filter:brightness(0) saturate(100%)}@media (prefers-color-scheme: light){html:not(.theme-dark) .page-feature-card-youtube .page-feature-card-badge img{filter:brightness(0) saturate(100%) invert(18%) sepia(16%) saturate(842%) hue-rotate(169deg) brightness(92%) contrast(91%)}html:not(.theme-dark) .frontpage-learn-section .page-feature-card-youtube .page-feature-card-badge img{filter:brightness(0) saturate(100%)}}.dark-mode .youtube-lazy-card .youtube-thumbnail:hover{filter:brightness(1.1)}