/* Hardcoded embed presets (iframe frames) */

.embed-block {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: calc(var(--content-max) + var(--page-pad) * 2);
  margin: 0 auto;
  padding: 0 var(--page-pad) var(--space-14);
}

.embed-block__frame {
  width: min(100%, calc(var(--embed-w) * 1px));
  aspect-ratio: var(--embed-w) / var(--embed-h);
  overflow: hidden;
  border-radius: 8px;
  background: #f4f3f0;
  box-shadow: 0 2px 16px rgba(23, 23, 31, 0.08);
}

.embed-block__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  color-scheme: normal;
  vertical-align: top;
}

.accordion__panel-inner .embed-block {
  max-width: none;
  margin: 0;
  padding: 0;
}

.accordion__panel-inner .embed-block__frame {
  max-width: 100%;
}

@media (max-width: 768px) {
  .embed-block {
    padding: 0 var(--page-pad) var(--space-9);
  }
}
