.react-video{--play-button-width:100px;--play-button-height:100px;position:relative}.react-video>figure,.react-video__thumbnail-placeholder{display:block;position:relative;z-index:2;margin:0}.react-video__thumbnail,.react-video__thumbnail>img{display:block;width:100%;object-fit:cover}.react-video__thumbnail-placeholder{padding-top:56.25%;background-color:#000}.react-video__play-btn{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:#0000002c;font-size:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.react-video__play-icon{position:absolute;top:-moz-calc(50% - -moz-calc(var(--play-button-height)/2));top:calc(50% - calc(var(--play-button-height) / 2));left:-moz-calc(50% - -moz-calc(var(--play-button-width)/2));left:calc(50% - calc(var(--play-button-width) / 2));height:var(--play-button-height);width:var(--play-button-width)}.react-video__play-icon path{fill:#fff}.react-video__video{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}