:root{--frontend-video-border-radius:20px;--frontend-video-bg-color:#fff;--frontend-video-padding:0;--frontend-video-play-btn-bg:#e00;--frontend-video-volume-btn-bg:#e00}.frontend-video{background:var(--frontend-video-bg-color);border-radius:var(--frontend-video-border-radius);padding:var(--frontend-video-padding);position:relative}.frontend-video .embed-container{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.frontend-video .embed-container embed,.frontend-video .embed-container iframe,.frontend-video .embed-container object{height:100%;left:0;position:absolute;top:0;width:100%}.frontend-video.video-is-pending-play .play-button--animate{zoom:.5;animation:spin .5s linear infinite}.frontend-video.video-is-playing .frontend-video__layer{background-image:none!important}.frontend-video.overlay-hidden .frontend-video__layer{display:none!important}.frontend-video{font-size:30px;overflow:hidden}@keyframes volume-btn-animation{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes volume-animation{0%{background-image:url(../images/video/icon-volume_mute-white.svg)}50%{background-image:url(../images/video/icon-volume_down-white.svg)}to{background-image:url(../images/video/icon-volume_up-white.svg)}}.frontend-video__volume-image{background-color:var(--frontend-video-volume-btn-bg);background-size:70% 70%;border-radius:50%}.frontend-video__volume-btn{animation-duration:2s;animation-iteration-count:infinite;animation-name:volume-btn-animation;width:6em}.frontend-video__volume-btn-text{text-transform:uppercase}.frontend-video__layer{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.frontend-video__volume-btn{align-items:center;background:rgba(0,0,0,.3);border-radius:1em;color:#fff;display:flex;flex-wrap:nowrap;margin:10px 0 0 10px;padding:.2em;width:5em}.frontend-video__volume-image{animation-duration:2s;animation-iteration-count:infinite;animation-name:volume-animation;background-position:50%;background-repeat:no-repeat;flex-shrink:0;height:1em;width:1em}.frontend-video__volume-btn-text{color:#fff;display:block;font-size:.4em;font-weight:700;line-height:1.2;margin:0 0 0 .6em}.frontend-video__play-button{align-items:center;background:var(--frontend-video-play-btn-bg);border-radius:50%;color:#fff;display:flex;height:1.8em;justify-content:center;width:1.8em}.frontend-video__play-button:before{background-image:url(../images/video/svg-play-icon.svg);background-position:60%;background-repeat:no-repeat;background-size:45%;content:"";height:100%;width:100%}.frontend-video__play-button--center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.frontend-video__play-button--animate{animation:playButtonBeat 1.5s infinite}.frontend-video__play-button--shadow{filter:drop-shadow(0 .5em .2em rgba(0,0,0,.1))}@keyframes playButtonBeat{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.25)}50%{transform:translate(-50%,-50%) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.frontend-video{font-size:60px}}@media (min-width:992px){.frontend-video{font-size:80px}}