@import "@plane/tailwind-config/index.css";

.shadow-custom {
  box-shadow: 2px 2px 8px 2px rgba(234, 231, 250, 0.3); /* Convert #EAE7FA4D to rgba */
}
/* backdrop filter */
.backdrop-blur-custom {
  @apply backdrop-filter blur-[9px];
}

/* progress bar */
.progress-bar {
  fill: currentColor;
  color: rgba(var(--color-sidebar-background-100));
}

/* Progress Bar Styles */
:root {
  --bprogress-color: rgb(var(--color-primary-100)) !important;
  --bprogress-height: 2.5px !important;
}

.bprogress {
  pointer-events: none;
}

.bprogress .bar {
  background: linear-gradient(
    90deg,
    rgba(var(--color-primary-100), 0.8) 0%,
    rgba(var(--color-primary-100), 1) 100%
  ) !important;
  will-change: width, opacity;
}

.bprogress .peg {
  display: block;
  box-shadow:
    0 0 8px rgba(var(--color-primary-100), 0.6),
    0 0 4px rgba(var(--color-primary-100), 0.4) !important;
  will-change: transform, opacity;
}