let _ = t => t,
  _t;
import styled from '@modern-js/runtime/styled';
export const HtmlWrap = styled.div(_t || (_t = _`
  .hideScrollbar {
    overflow: ${0};
    font-size: 20px;
    color: white;
    text-align: left;
    word-break: break-all;
    white-space: pre-line;
  }
  .htmlIframe {
    display: 'block';
  }
  .htmlImg {
    width: 100%;
    object-fit: contain;
  }
`), props => props.mediaVisible ? 'auto' : 'hidden');