.lazyframe{
    position:relative;
    background-color:rgba(255,255,255,0);
    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:56.25%;
}
.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:#fff;
    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:;
    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:;
    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:;
    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
}