/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Task Loading */
.skeleton-col-wrapper {
    display: flex;
    column-gap: 20px;
}

.skeleton-row.loading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Skeleton */
.skeleton-wrapper {
  width: 100%;
}
.skeleton-row {
  display: flex;
  align-items: flex-start;
}
.skeleton-row:last-child {
  margin-bottom: 0 !important;
}
.skeleton-col {
  display: flex;
  flex-direction: column;
}
.skeleton-item {
  background: #0000001c;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.skeleton-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 20%,
    rgba(255, 255, 255, 0.7) 60%,
    rgba(255, 255, 255, 0)
  );
  transform: translateX(-100%);
  animation: shimmer 1.5s infinite;
}

.skeleton-item.task-text {
    height: 20px;
    border-radius: 4px;
    width: 50%;
}

.skeleton-item.task-action {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.skeleton-item.task-point {
    height: 30px;
    width: 30px;
    border-radius: 7px;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}