.window {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 85px);

  .top {
    .move-line {
      display: flex;
      flex-direction: row;
      align-items: center;

      padding: 0 10px;

      background: hsl(219deg 29% 72%);

      .move-title {
        margin-right: auto;
        padding-right: 10px;

        .move-item {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-right: 5px;

          .move-cancel-single {
            cursor: pointer;
            margin-left: 3px;
          }
        }
      }

      .buttons {
        white-space: nowrap;

        .move-accept {
          margin-right: 10px;
        }
      }
    }
  }

  .bottom {
    overflow: hidden;
    display: flex;
    flex: 1;
    flex-direction: row;

    margin-top: 5px;

    .content {
      position: relative;

      overflow: hidden;
      display: flex;
      flex: 2 1 800px;
      flex-direction: column;

      .drop {
        position: absolute;
        inset: 0;

        background: hsl(219deg 29% 72% / 30%);
        border: 3px solid hsl(219deg 29% 72%);

        .drop-help-wrap {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;

          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;

          margin: 30px;

          .drop-help {
            padding: 30px;
            color: white;
            background: hsl(219deg 29% 72%);
            border-radius: 5px;
          }
        }
      }

      .content-scroll {
        overflow: auto;
        height: 100%;
      }
    }

    .tree {
      overflow: hidden;
      display: none;
      flex: 1 0 200px;
      flex-direction: column;

      max-width: 300px;

      border-right: 1px solid var(--border-primary-color);

      .tree-scroll {
        overflow: auto;
        height: 100%;
      }
    }
  }
}