/* Native Divi Video module, with the supplied reference's phone/feed chrome. */
.rvd-page #main-content .rv-hero-row>.et_pb_column:has(.rv-phone-video){
  padding:0!important;max-width:440px;width:100%!important;
  margin-left:auto!important;isolation:isolate;
}
.rvd-page #main-content .rv-hero:has(.rv-phone-video) :is(.rv-visual-label,.rv-photo-caption){display:none}
.rvd-page #main-content .rv-phone-video{
  width:min(300px,100%)!important;margin:0 auto!important;position:relative;
  overflow:visible;background:transparent;--rv-feed-footer:76px;
}
.rvd-page #main-content .rv-phone-video::before{
  content:'';position:absolute;z-index:-1;inset:18% -45% 8%;pointer-events:none;
  background:radial-gradient(ellipse,#a5232329 0,transparent 67%);
}
.rvd-page #main-content .rv-phone-video .et_pb_video_box{
  position:relative;width:100%;height:auto!important;aspect-ratio:9/19;
  padding:0!important;background:#030303;border:6px solid #242423;
  border-radius:46px;overflow:hidden;isolation:isolate;
  box-shadow:0 0 0 1px #d3d0c1,0 0 0 3px #575750,0 0 0 4px #171717,
    14px 22px 55px #0008,inset 0 0 0 1px #000;
}
.rvd-page #main-content .rv-phone-video .et_pb_video_box::before{
  content:'';position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);
  width:80px;height:24px;border-radius:20px;
  background:radial-gradient(circle at 86% 50%,#121c35 0 2px,#080b13 3px,#020202 5px);
  box-shadow:inset -2px 0 3px #1c1c1c;
  pointer-events:none;
}
.rvd-page #main-content .rv-phone-video .et_pb_video_box::after{
  content:'';position:absolute;z-index:4;bottom:9px;left:50%;transform:translateX(-50%);
  width:34%;height:3px;border-radius:4px;background:#f8f8f8;pointer-events:none;
}
.rvd-page #main-content .rv-phone-video .et_pb_video_box video{
  display:block;position:absolute;inset:0 0 auto;width:100%!important;
  height:calc(100% - var(--rv-feed-footer))!important;
  max-width:none;aspect-ratio:auto!important;object-fit:cover!important;object-position:center;
  background:#050505;
  border-radius:0;margin:0!important;
}
.rvd-page #main-content .rv-phone-video .rv-phone-status{
  position:absolute;z-index:3;inset:0 0 auto;height:52px;padding:14px 28px 0;
  display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;
  background:linear-gradient(#0003,transparent);color:#fff;text-shadow:0 1px 3px #0004;
  font:700 12px/20px Arial,sans-serif;
}
.rvd-page #main-content .rv-phone-video .rv-phone-indicators{display:flex;align-items:center;gap:5px;height:20px}
.rvd-page #main-content .rv-phone-video .rv-phone-indicators svg{display:block;width:13px;height:13px;fill:currentColor}
.rvd-page #main-content .rv-phone-video .rv-phone-indicators .rv-battery{width:17px}
.rvd-page #main-content .rv-phone-video .rv-feed-bar{
  position:absolute;z-index:3;inset:auto 0 0;height:var(--rv-feed-footer);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;
  padding:12px 5px 23px;background:#030303;color:#a9a9a9;
  border-top:1px solid #ffffff12;pointer-events:none;
  font:400 7px/1.3 Arial,sans-serif;letter-spacing:0;
}
.rvd-page #main-content .rv-phone-video .rv-feed-item{display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap}
.rvd-page #main-content .rv-phone-video .rv-feed-item:first-child{color:#fff}
.rvd-page #main-content .rv-phone-video .rv-feed-item svg{display:block;width:20px;height:20px;flex:none}
.rvd-page #main-content .rv-phone-video .rv-feed-create{display:flex;align-items:center;justify-content:center;padding-top:2px}
.rvd-page #main-content .rv-phone-video .rv-feed-create-icon{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:29px;height:21px;border-radius:5px;background:#fff;color:#080808;
  box-shadow:-4px 0 #25f4ee,4px 0 #fe2c55;
}
.rvd-page #main-content .rv-phone-video .rv-feed-create-icon svg{width:15px;height:15px}
.rvd-page #main-content .rv-phone-video .rv-phone-controls{
  display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;
}
.rvd-page #main-content .rv-phone-video .rv-phone-control{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  appearance:none;background:#1a1a1a;color:#f7f7f7;border:1px solid #414141;
  border-radius:24px;padding:10px 14px;min-height:42px;
  font:600 12px/1.5 'Open Sans',Arial,sans-serif;cursor:pointer;
  transition:background .2s,border-color .2s;
}
.rvd-page #main-content .rv-phone-video .rv-phone-control:hover{background:#292929;border-color:#929292}
.rvd-page #main-content .rv-phone-video .rv-phone-control:focus-visible{outline:2px solid #f04444;outline-offset:4px}
.rvd-page #main-content .rv-phone-video .rv-phone-control svg{display:block;flex:none;width:16px;height:16px}
.rvd-page #main-content .rv-phone-video.rv-phone-ready .et_pb_video_overlay{display:none!important}
.rvd-page #main-content .rv-phone-video .rv-phone-message{font-size:13px;color:#bdbdbd;line-height:1.5;margin:14px 0 0;text-align:center}
.rvd-page #main-content .rv-phone-video .rv-phone-message a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .rvd-page #main-content .rv-hero-row>.et_pb_column:has(.rv-phone-video){max-width:none;margin:0!important}
  .rvd-page #main-content .rv-phone-video{width:min(276px,calc(100% - 32px))!important;--rv-feed-footer:70px}
  .rvd-page #main-content .rv-phone-video .et_pb_video_box{border-width:6px;border-radius:42px}
  .rvd-page #main-content .rv-phone-video .rv-phone-status{padding:14px 22px 0;font-size:11px}
  .rvd-page #main-content .rv-phone-video .rv-phone-indicators{gap:4px}
  .rvd-page #main-content .rv-phone-video .rv-feed-bar{padding-top:10px}
  .rvd-page #main-content .rv-phone-video .rv-phone-control{padding:10px 12px}
}