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