.fej-showcase-embed {
  position: relative;
  display: block;
  width: 100%;
  height: var(--fej-height, 900px);
  min-height: var(--fej-min-height, 620px);
  overflow: hidden;
  line-height: 0;
  background: #aa906b;
  isolation: isolate;
}

.fej-showcase-embed--full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.fej-showcase-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: #aa906b;
}

.fej-showcase-noscript {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-content: center;
  padding: 2rem;
  color: #321d13;
  background: #d8c29a;
  line-height: 1.6;
  text-align: center;
}

.fej-showcase-noscript p { margin: .6rem 0 0; }
.fej-showcase-noscript a { font-weight: 700; text-decoration: underline; }

.fej-showcase-template,
.fej-showcase-template html {
  width: 100%;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #aa906b;
}

body.fej-showcase-template {
  width: 100%;
  height: 100vh;
  min-height: 520px;
}

.fej-showcase-template-main,
.fej-showcase-template-main .fej-showcase-embed {
  width: 100%;
  height: 100%;
  min-height: 520px;
  margin: 0;
  padding: 0;
}

.fej-skip-link:focus {
  position: fixed;
  z-index: 999999;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  color: #fff;
  background: #321d13;
}

@media (max-width: 760px) {
  .fej-showcase-embed {
    min-height: min(var(--fej-min-height, 620px), 100svh);
  }
}