@import "../../../style/mixin.scss";

@include export-module('co-threedscene-layout') {
  .co-threedscene {

    .threed-container {
      display: flex;
      gap: 20px;

      .scene-container {
        width: 70%;

        .three-container {
          width: 100%;
          height: 100%;
          min-height: 500px;
        }
      }
    }

    .scene-info-container {
      width: 30%;

      .info-container {
        box-sizing: border-box;
        padding: 10px;

        .header-icon-container {
          margin-bottom: 10px;
          display: flex;
          align-items: center;
          gap: 10px;
        }
      }



    }
  }
}
