.mp {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.77;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
}
.mp video,
.mp audio {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.mp__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.mp__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.mp__video-embed iframe {
    border: 0;
    height: 110%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}