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

@include export-module('co-prepare-starting-image-layout') {
  .co-prepare-starting-image {
    .prepare-starting-image-container {
      display: flex;
      gap: 20px;

      .prepare-starting-image-canvas-container {
        width: 70%;
      }

      .prepare-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;
          }
        }

        .co-button.disabled {
          cursor: not-allowed;
          opacity: 0.5;
        }
      }
    }
  }
}
