/* DANGYLSIRL_OBS_PLUGIN_GUIDE_VIDEO_V1 */

.dgl-obs-guide-video{
  padding:
    28px
    0
    92px;
}

.dgl-obs-guide-video-inner{
  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  margin:
    0 auto;
}

.dgl-obs-guide-video-head{
  max-width:
    760px;

  margin-bottom:
    28px;
}

.dgl-obs-guide-video-eyebrow{
  margin-bottom:
    12px;

  font-size:
    12px;

  font-weight:
    800;

  letter-spacing:
    .14em;

  text-transform:
    uppercase;

  color:
    #9ea4ad;
}

.dgl-obs-guide-video h2{
  margin:
    0;

  font-size:
    clamp(
      30px,
      4vw,
      52px
    );

  line-height:
    1.03;

  letter-spacing:
    -.035em;
}

.dgl-obs-guide-video-copy{
  margin:
    16px
    0
    0;

  max-width:
    670px;

  color:
    #a9aeb7;

  font-size:
    16px;

  line-height:
    1.65;
}

.dgl-obs-guide-video-frame{
  position:
    relative;

  overflow:
    hidden;

  width:
    100%;

  aspect-ratio:
    16 / 9;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:
    22px;

  background:
    #050607;

  box-shadow:
    0
    30px
    80px
    rgba(0,0,0,.34);
}

.dgl-obs-guide-video-frame iframe{
  position:
    absolute;

  inset:
    0;

  width:
    100%;

  height:
    100%;

  border:
    0;
}

@media(max-width:700px){

  .dgl-obs-guide-video{
    padding:
      12px
      0
      64px;
  }

  .dgl-obs-guide-video-inner{
    width:
      min(
        100% - 28px,
        1180px
      );
  }

  .dgl-obs-guide-video-head{
    margin-bottom:
      20px;
  }

  .dgl-obs-guide-video h2{
    font-size:
      clamp(
        28px,
        9vw,
        40px
      );
  }

  .dgl-obs-guide-video-copy{
    font-size:
      15px;
  }

  .dgl-obs-guide-video-frame{
    border-radius:
      16px;
  }

}

/* END_DANGYLSIRL_OBS_PLUGIN_GUIDE_VIDEO_V1 */