@include export-module('co-preferred-planning') {
  .co-preferred-planning {
    .planning-container {
      display: flex;
      min-height: 0;
      margin-top: 20px;
      .planning-options {
        .eventOption {
          border: 1px solid #939397;
          border-radius: 2px;
          box-sizing: border-box;
          padding: 15px;
          min-width: 330px;
          margin-bottom: 15px;

          p {
            font-weight: bold;
            margin-bottom: 5px;
          }

          .planning-option {
            margin-bottom: 10px;
          }
        }
        &.horizontal-layout {
          display: flex;
          column-gap: 20px;
          flex-direction: row;
        }
      }
      .day-selected {
        border: 1px solid #1A73E8;
      }
      .planning-disclaimer {
        box-sizing: border-box;
        padding-left: 20px;
        h2 {
          font-weight: bold;
          margin-bottom: 10px;
        }

        .planning-disclaimer-contents {
          display: flex;
          justify-items: center;
          align-items: center;
          .disclaimer-icon {
            path {
              fill: #1A73E8;
            }
          }
        }
      }
    }

    .load-more-container {
      margin: 10px 0;
    }
    .load-more-container p {
      display: flex;
      color: #1A73E8;
      cursor: pointer;
      align-items: center;
      polygon {
        fill: #1A73E8;
      }
    }
    .load-more-container-disabled p {
      color: #939397;
      cursor: default;
      polygon {
        fill: #939397;
      }

    }
  }
  .submit-button {
    cursor: pointer;
    padding: 15px;
    place-content: center;
    background: #1A73E8;
    color: #fff;
    max-width: 250px;
  }
}
