.interactive-frame-wrap .html-focus-button {
  padding: 8px 12px;
  border-color: #dcd6ff;
  background: #6a56d9;
  color: #fff;
  box-shadow: 0 6px 15px #6753d52c;
}
.interactive-frame-wrap .html-focus-button:hover {
  border-color: #5844c5;
  background: #5945c8;
}
.interactive-frame-wrap .html-focus-button .focus-open-label { display: inline; }
.interactive-frame-wrap .interactive-frame { min-height: 78dvh; }
.interactive-frame-wrap.is-focus .html-focus-button .focus-open-label,
.interactive-frame-wrap:fullscreen .html-focus-button .focus-open-label { display: none; }
.interactive-frame-wrap.is-focus .html-focus-button .focus-close-label,
.interactive-frame-wrap:fullscreen .html-focus-button .focus-close-label { display: inline; }
@media (max-width: 800px) {
  .interactive-frame-wrap .frame-bar { padding-right: 9px; padding-left: 12px; gap: 9px; }
  .interactive-frame-wrap .frame-bar > span { display: none; }
  .interactive-frame-wrap .frame-bar strong { font-size: 10px; }
  .interactive-frame-wrap .html-focus-button {
    padding: 8px 10px;
    font-size: 9px;
  }
  .interactive-frame-wrap .html-focus-button .focus-open-label { display: inline; }
  .interactive-frame-wrap.is-focus .html-focus-button .focus-open-label,
  .interactive-frame-wrap:fullscreen .html-focus-button .focus-open-label { display: none; }
}