.youtube-player{aspect-ratio:16/9;background:#000;border-radius:12px;contain:layout style;overflow:hidden;position:relative;width:100%}.youtube-player.shorts{aspect-ratio:9/16;border-radius:16px;margin:0 auto;max-width:min(100%,39.375vh,520px)}.youtube-thumb{cursor:pointer;inset:0;position:absolute;transition:opacity .25s ease;z-index:2}.youtube-thumb img{display:block;height:100%;object-fit:cover;width:100%}.youtube-thumb.no-overlay:after{display:none!important}.youtube-thumb:after{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 40%,rgba(0,0,0,.5));content:"";inset:0;pointer-events:none;position:absolute}.play-button{backface-visibility:hidden;background:red;border:1px solid hsla(0,0%,100%,.2);border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.5);cursor:pointer;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:background .2s ease,transform .2s ease;width:72px;will-change:transform}.youtube-thumb:hover .play-button{transform:translate(-50%,-50%) scale(1.08)}.play-button:before{border-bottom:13px solid transparent;border-left:20px solid #fff;border-top:13px solid transparent;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-42%,-50%);width:0}.youtube-player.shorts .play-button{border-radius:50%;height:64px;width:64px}.youtube-player.shorts .play-button:before{border-bottom-width:14px;border-left-width:22px;border-top-width:14px;transform:translate(-38%,-50%)}.youtube-player.shorts .youtube-thumb:hover .play-button{transform:translate(-50%,-50%) scale(1.08)}.youtube-iframe{border:0;height:100%;inset:0;position:absolute;width:100%;z-index:1}.youtube-player.active .youtube-thumb{opacity:0;pointer-events:none}.youtube-loader{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.youtube-loader:after{animation:spin .7s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;content:"";display:block;height:40px;width:40px}.youtube-player.loading .youtube-loader{display:block}.youtube-player.active .youtube-loader{display:none}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:767px){.youtube-player:not(.shorts) .play-button{border-radius:10px;height:40px;width:56px}.youtube-player:not(.shorts) .play-button:before{border-bottom-width:10px;border-left-width:16px;border-top-width:10px}.youtube-player.shorts{border-radius:12px;max-width:100%}.youtube-player.shorts .play-button{height:52px;width:52px}.youtube-player.shorts .play-button:before{border-bottom-width:11px;border-left-width:18px;border-top-width:11px}}