.youtube-video{display:block}@media screen and (min-width: 600px){.youtube-video{display:inline-block}}.youtube-video__container{cursor:pointer;position:relative;overflow:hidden;padding-bottom:calc(var(--youtube-video-height-without-unit)/var(--youtube-video-width-without-unit)*100%);height:0}.youtube-video__container .cj-watermark-wrapper{position:static}.youtube-video:hover .youtube-video__play-button{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8IS0tIENpcmNsZSBCYWNrZ3JvdW5kIC0tPgogICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDgiIGZpbGw9IiIgc3Ryb2tlPSIjRTYyMTE3IiBzdHJva2Utd2lkdGg9IjQiLz4KCiAgICA8IS0tIFBsYXkgSWNvbiBUcmlhbmdsZSAtLT4KICAgIDxwYXRoIGQ9Ik00MCAyMCBMODAgNTAgTDQwIDgwIEw0MCAyMCBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat}.youtube-video__container{width:initial;height:initial}.youtube-video__container,.youtube-video__preview-image{width:100%;height:auto}@media screen and (min-width: 600px){.youtube-video__container,.youtube-video__preview-image{width:100%;width:var(--youtube-video-width-with-unit, 100%);height:315px;height:var(--youtube-video-height-with-unit, 315px)}}.youtube-video__preview-image,.youtube-video__youtube-iframe{position:absolute;top:calc(50% - var(--youtube-video-height-without-unit)/var(--youtube-video-width-without-unit)*100%);left:0;-o-object-fit:cover;object-fit:cover;height:100%}@media screen and (min-width: 600px){.youtube-video__preview-image,.youtube-video__youtube-iframe{top:0}}.youtube-video__youtube-iframe{width:100%}@media screen and (min-width: 600px){.youtube-video__youtube-iframe{height:100%}}.youtube-video__play-button{position:absolute;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8IS0tIENpcmNsZSBCYWNrZ3JvdW5kIC0tPgogICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDgiIGZpbGw9IiNFNjIxMTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgoKICAgIDwhLS0gUGxheSBJY29uIFRyaWFuZ2xlIC0tPgogICAgPHBhdGggZD0iTTQwIDIwIEw4MCA1MCBMNDAgODAgTDQwIDIwIFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat;display:inline-block;top:50%;left:50%;transform:translate(-50%, -50%);transition:background 400ms ease-in-out;width:60px;height:60px;background-size:contain}@media screen and (min-width: 768px){.youtube-video__play-button{width:100px;height:100px}}