.collection {
  width: 100%;
  height: 100%;

  &-flowMap {
    height: calc(100% - 56px - 18px);
    margin-top: 16px;
    border-radius: 8px;

    .ol-map-container {
      border-radius: 8px;
    }

    .ol-viewport {
      border-radius: 8px;
    }
  }

  &-myTable {
    height: 100%;

    &-total {
      height: 85px;
    }

    &-search {
      width: 100%;
      height: 56px;
      padding: 0 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #f1f0f0;

      &.dark {
        border-bottom: 1px solid rgba(12, 154, 255, 0.15);
      }

      &-left {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      &-right {
        display: flex;
        align-items: center;
        gap: 8px;
      }
    }

    &-main {
      height: calc(100% - 85px - 65px);
      padding: 0 16px;
    }
  }
}
