@include export-module('co-component-activity-list-layout') {
  .co-component-activity-list {
    &:not(.co-shared-hidden) {
      display: flex;
    }
    flex-direction: column;
    height: 100%;
    padding: 30px 0;

    .activity-list-content {
      display: flex;
      flex-direction: column;
      column-gap: 5px;
      .co-dialog {
        .co-dialog-wrapper {
          max-width: 600px;
        }
        .header-title-wrapper {
          display: flex;
          align-items: center;
          gap: 10px;
          .co-icon {
            width: 20px;
            height: 20px;
          }
        }
        .task-column {
          display: flex;
          flex-direction: column;
          gap: 5px;
          margin-top: 15px;
        }
        .marked-time-wrapper {
          margin-bottom: 15px;
        }
        .co-input-text, .co-list-of-values, .co-input-textarea {
          &:before {
            box-shadow: none;
          }
        }
      }
    }
    .activity-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 20px;
      height: 100%;
    }
    .activity-tab-content {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex-shrink: 0;
      overflow: visible;
    }
    .co-collapsible {
      overflow: visible;
      .collapsible-content {
        overflow: visible;
      }
    }
  }
}