@use '../../sass/abstracts/variables';

#{variables.$component-prefix}video-modal {
  &__video,
  &__youtube__container {
    display: none;

    &.active {
      display: block;
    }
  }

  &__video {
    position: relative;
    width: 100%;
  }

  &__youtube {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;

    &__container {
      position: relative;
      width: 100%;
      padding: 0;
      overflow: hidden;

      &::before {
        padding-top: 56.25%;
        display: block;
        content: '';
      }
    }
  }
}