html {
  body {
    background-color: #f0f2f5;
  }
  .ant-layout-header {
    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
    background: #fff;
  }
  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
    border-right: 1px solid rgba(5, 5, 5, 0.06);
    box-shadow: none;
  }
}
html[data-layout-menu='hide'] {
  .ant-layout.ant-layout-has-sider {
    > div:first-child {
      display: none;
    }
    > .ant-layout-sider {
      display: none;
    }
  }
}
html[data-layout-menu='show'] {
  .ant-layout-content {
    padding: 16px;
  }
}
html[data-layout='hide'] {
  .ant-layout-header {
    display: none;
  }
  .ant-layout-content {
    padding: 0;
  }
}
html[data-render-root='show'] {
  #root {
    display: block;
  }
}
html[data-render-root='hide'] {
  #root {
    display: none;
  }
}
