@use '../variables/fonts';
@use '../variables/colors';
@use '../variables/spacing';
@use '../variables/line-height';
@use '../variables/breakpoints';

@use '../tools/rfs';
@use '../tools/mq';

div.inlinevideo-container {
  margin: auto;
  &.inline {
    max-width: 630px;
  }
  &.expanded {
      max-width: 733px;
  }
  div.iframe-container {
    @include rfs.margin-bottom(5px);
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
}