.mfp-iframe-scaler .mfp-close {
  background: transparent;
  top: -50px; }
  .mfp-iframe-scaler .mfp-close:hover {
    background: transparent;
    color: #fff; }

.mfp-wrap {
  z-index: 99999; }

.mfp-bg {
  z-index: 99999; }

.react-video .rts__circle {
  position: relative; }
  .react-video .rts__circle::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -50%;
    top: -50%;
    display: block;
    width: 200%;
    height: 200%;
    background: rgba(235, 24, 24, 0);
    border-radius: 50%;
    border: 1px solid var(--e-global-color-primary);
    animation: waves 3s ease-in-out infinite; }
.react-video .video-icon {
  display: inline-block;
  width: 59px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  background: #F2F2F2;
  border-radius: 100px;
  color: var(--e-global-color-primary); }
  .react-video .video-icon .label {
    font-weight: 600; }

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
.react-video .circle {
  position: relative;
  width: 255px;
  height: 255px;
  border-radius: 100vmax;
  background: var(--e-global-color-primary); }
  .react-video .circle .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    z-index: 9;
    background: transparent !important;
    font-size: 70px; }
    .react-video .circle .icon svg {
      width: 70px;
      height: 70px;
      fill: var(--e-global-color-white); }
    .react-video .circle .icon i {
      color: var(--e-global-color-white); }
  .react-video .circle .text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: consolas;
    color: #fff;
    text-transform: uppercase;
    font-size: 8px;
    animation: textRotation 8s linear infinite;
    letter-spacing: 3px; }
@keyframes textRotation {
  to {
    transform: rotate(360deg); } }
.react-video .rts__circle.rotate::before {
  display: none; }