div._2Kvno {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: auto;
  gap: 4px;
}

._1FuAw {
  animation: _3rp21 0.2s ease-in-out forwards;
}

@keyframes _3rp21 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

div._1-UmJ {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  gap: 4px;
  padding: 8px;
}

div._1weGt {
  display: flex;
  flex-direction: column;
  flex: 2;
  width: 100%;
  gap: 4px;
  padding: 8px;
}

._3podL {
  animation: _2tX4U 0.2s linear infinite;
}

@keyframes _2tX4U {
  50% {
    opacity: 0.3;
  }
}

._3TjI2 {
  animation: _3Fjwi 0.2s ease-in-out;
}

@keyframes _3Fjwi {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

._P6IdW {
  animation: _1u98t 0.2s ease-in-out;
}

@keyframes _1u98t {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

@media screen and (max-width: 1023px) {
  div._2Kvno {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1535px) {
  div._2Kvno {
    display: flex;
    flex-direction: row;
  }

  /* div.column-layout-column-regular {
    height: 100%;
  }

  div.column-layout-column-master {
    height: 100%;
  } */
}

@media screen and (min-width: 1536px) {
  div._2Kvno {
    display: flex;
    flex-direction: row;
  }

  /* div.column-layout-column-regular {
    height: 100%;
  }

  div.column-layout-column-master {
    height: 100%;
  } */
}