.vvw-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000}
.vvw-wrapper iframe,
.vvw-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;object-fit:contain}
.vvw-error{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center;padding:10px}

.vvw-ratio-169 .vvw-wrapper{padding-bottom:56.25%}
.vvw-ratio-219 .vvw-wrapper{padding-bottom:42.857%}
.vvw-ratio-43  .vvw-wrapper{padding-bottom:75%}
.vvw-ratio-32  .vvw-wrapper{padding-bottom:66.667%}
.vvw-ratio-11  .vvw-wrapper{padding-bottom:100%}
.vvw-ratio-916 .vvw-wrapper{padding-bottom:177.778%}

@media (max-width:1024px){
  .vvw-ratio-tablet-169 .vvw-wrapper{padding-bottom:56.25%}
  .vvw-ratio-tablet-219 .vvw-wrapper{padding-bottom:42.857%}
  .vvw-ratio-tablet-43  .vvw-wrapper{padding-bottom:75%}
  .vvw-ratio-tablet-32  .vvw-wrapper{padding-bottom:66.667%}
  .vvw-ratio-tablet-11  .vvw-wrapper{padding-bottom:100%}
  .vvw-ratio-tablet-916 .vvw-wrapper{padding-bottom:177.778%}
}
@media (max-width:767px){
  .vvw-ratio-mobile-169 .vvw-wrapper{padding-bottom:56.25%}
  .vvw-ratio-mobile-219 .vvw-wrapper{padding-bottom:42.857%}
  .vvw-ratio-mobile-43  .vvw-wrapper{padding-bottom:75%}
  .vvw-ratio-mobile-32  .vvw-wrapper{padding-bottom:66.667%}
  .vvw-ratio-mobile-11  .vvw-wrapper{padding-bottom:100%}
  .vvw-ratio-mobile-916 .vvw-wrapper{padding-bottom:177.778%}
}