.web3d-renderer {
  display: inline-flex; }
  .web3d-renderer button {
    padding: 0;
    margin: 0;
    border: none; }
  .web3d-renderer .ui-column .expand-button {
    margin-left: 2px;
    display: inline-block;
    font-size: small;
    text-align: center; }
    .web3d-renderer .ui-column .expand-button .expand-icon {
      color: black; }
  .web3d-renderer .ui-column .expand-button:hover {
    cursor: pointer; }
    .web3d-renderer .ui-column .expand-button:hover i {
      color: grey;
      cursor: pointer; }
  .web3d-renderer .modal-window {
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 1%;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */ }
    .web3d-renderer .modal-window .modal-window-dialog {
      align-items: end;
      background-color: #fefefe;
      border: 1px solid #888;
      display: inline-flex;
      flex-direction: column;
      height: 90%;
      margin: auto;
      padding: 20px;
      text-align: right; }
      .web3d-renderer .modal-window .modal-window-dialog .modal-window-close {
        cursor: pointer;
        margin-bottom: 0.5em; }
        .web3d-renderer .modal-window .modal-window-dialog .modal-window-close .modal-window-close-icon {
          font-size: small;
          color: red; }
      .web3d-renderer .modal-window .modal-window-dialog .modal-window-renderer {
        width: 100%;
        height: 100%; }