.video-component__wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-component__wrapper.video-playable:before{display:none}.video-component__controls{display:block}.video-component__loading-icon{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.video-component__loading-icon.is-loading{display:block}.video-component__loading-icon .loading-icon{animation:loader-spin 1s linear infinite;border:8px solid;border-bottom:8px solid transparent;border-radius:50%;color:#fff;display:inline-block;height:60px;opacity:.75;pointer-events:none;position:relative;vertical-align:middle;width:60px}@media screen and (max-width:768px){.video-component__loading-icon .loading-icon{border:6px solid;border-bottom:6px solid transparent;height:40px;width:40px}}@keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-component__play-pause{align-items:center;background-color:hsla(0,0%,100%,.15);border-radius:50%;bottom:30px;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:30px;transition:background-color .3s ease-in-out;visibility:hidden;width:36px;z-index:5}.video-component__play-pause:focus,.video-component__play-pause:hover{background-color:hsla(0,0%,100%,.3)}.video-component__play-pause svg{height:16px}.video-component__play-pause.is-paused .pause-icon,.video-component__play-pause.is-playing .play-icon{display:none}.video-component__play-pause.is-shown{opacity:1;visibility:visible}.video-component__play-pause:disabled{cursor:wait;opacity:.5}