@include export-module('co-return-lines-wizard-layout') {
  .co-return-lines-wizard {
    .return-line-wizard-contents {
      display: flex;
      flex-direction: column;
      row-gap: 10px;

      .lines-wizard-sub-title {
        margin-top: 30px;
        font-weight: bold;
      }

      .files-upload {
        display: flex;

        .co-files-upload {
          width: 100%;
          min-height: 150px;
          overflow-x: auto;

          co-drag-drop-container {
            display: flex;
            flex-direction: row;
            column-gap: 20px;
            padding-top: 30px;
            position: relative;
            margin-top: 0;
            gap: 5px;
            align-items: flex-start;

            .add-file {
              position: absolute;
              top: 0;

              .co-tile-render {
                display: flex;
                align-items: center;
                flex-direction: row-reverse;

                .add-button {
                  position: unset;
                }
              }

              .description {
                font-weight: bold;
                font-size: 12px;
              }
            }

            .tile {
              padding: 10px;
              border-radius: 5px;
              border: 1px solid #CCCCCC;
              height: 100%;

              .info {
                max-width: 100px;

                .description {
                  font-size: 10px;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
              }

              .trash {
                width: 20px;
                height: 20px;
                padding: 2px;
              }
            }
          }
        }
      }
    }
  }
}
