/* Breakpoints */
/* ---------------------------------------------------
Context: Default
--------------------------------------------------- */
.c-iframe--default {
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  -ms-overflow-style: none;
}
.c-iframe--default .iframe__el {
  width: 100%;
  height: 25rem;
}
@media screen and (min-width: 768px) {
  .c-iframe--default .iframe__el {
    height: 40rem;
  }
}
@media screen and (min-width: 1025px) {
  .c-iframe--default .iframe__el {
    height: 50rem;
  }
}

/* ---------------------------------------------------
Context: With Resizer
--------------------------------------------------- */
.c-iframe--with-resizer .iframe__el {
  width: 1px;
  min-width: 100%;
}