.lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover;background-position:center}.lazyframe__title{position:absolute;top:0;right:0;left:0;padding:15px 17px;z-index:3}.lazyframe__title::after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe::before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]::before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]::before{padding-top:75%}.lazyframe[data-ratio="1:1"]::before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie]{background-color:#e52d27;font-family:Roboto,Arial,Helvetica,sans-serif}.lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title{color:#eee;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-shadow:rgba(0,0,0,.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor=youtube] .lazyframe__title::before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title::before{content:"";display:block;background:linear-gradient(rgba(0, 0, 0, 0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lazyframe[data-vendor=youtube]::before,.lazyframe[data-vendor=youtube_nocookie]::before{padding-top:56.25%}.lazyframe[data-vendor=youtube]::after,.lazyframe[data-vendor=youtube_nocookie]::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M501.303,132.765c-5.887,-22.03 -23.235,-39.377 -45.265,-45.265c-39.932,-10.7 -200.038,-10.7 -200.038,-10.7c0,0 -160.107,0 -200.039,10.7c-22.026,5.888 -39.377,23.235 -45.264,45.265c-10.697,39.928 -10.697,123.238 -10.697,123.238c0,0 0,83.308 10.697,123.232c5.887,22.03 23.238,39.382 45.264,45.269c39.932,10.696 200.039,10.696 200.039,10.696c0,0 160.106,0 200.038,-10.696c22.03,-5.887 39.378,-23.239 45.265,-45.269c10.696,-39.924 10.696,-123.232 10.696,-123.232c0,0 0,-83.31 -10.696,-123.238Z' /%3E%3Cpath fill='%23FEFDFD' d='M205,333l0,-153.603l133.019,76.802l-133.019,76.801Z' /%3E%3C/svg%3E");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor=youtube]:hover::after,.lazyframe[data-vendor=youtube_nocookie]:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M501.303,132.765c-5.887,-22.03 -23.235,-39.377 -45.265,-45.265c-39.932,-10.7 -200.038,-10.7 -200.038,-10.7c0,0 -160.107,0 -200.039,10.7c-22.026,5.888 -39.377,23.235 -45.264,45.265c-10.697,39.928 -10.697,123.238 -10.697,123.238c0,0 0,83.308 10.697,123.232c5.887,22.03 23.238,39.382 45.264,45.269c39.932,10.696 200.039,10.696 200.039,10.696c0,0 160.106,0 200.038,-10.696c22.03,-5.887 39.378,-23.239 45.265,-45.269c10.696,-39.924 10.696,-123.232 10.696,-123.232c0,0 0,-83.31 -10.696,-123.238Z' /%3E%3Cpath fill='%23FEFDFD' d='M205,333l0,-153.603l133.019,76.802l-133.019,76.801Z' /%3E%3C/svg%3E");opacity:1}.lazyframe[data-vendor=vimeo]{background-color:#00adef}.lazyframe[data-vendor=vimeo] .lazyframe__title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}.lazyframe[data-vendor=vimeo]::before{padding-top:48.25%}.lazyframe[data-vendor=vimeo]::after{content:"";height:40px;width:65px;display:block;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor=vimeo]:hover::after{background-color:#00adef}