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

@include export-module('co-image-enhancer-layout') {
  .co-image-enhancer {
    .image-enhancer-container {
      width: 100%;

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

      .tabs {
        align-items: center;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-radius: 5px;

        .instruction-dialog {
          font-size: var(--font-size-small);
        }

        .tab-button {
          box-sizing: border-box;
          padding: 10px;
          cursor: pointer;
          height: 100%;
          display: flex;
          align-items: center;
        }
      }
    }
  }
}
