.fill-info {
    fill:hsl(var(--in))
}
.fill-current {
    fill:currentColor
}
.fill-base-content {
    fill:hsl(var(--bc))
}
.fill-base-100 {
    fill: hsl(var(--b1)/var(--tw-bg-opacity));
}
.fill-base-200 {
    fill: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
}
.fill-secondary {
    fill:hsl(var(--s))
}

.atcb-button{
    background-color: white !important;
}

.lazyload,
.lazyloading {
  opacity: 0.3;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: #d7dee0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(10%, #d7dee0),
    color-stop(18%, #c8cecf),
    color-stop(33%, #d7dee0)
  );
  background: linear-gradient(to right, #d7dee0 10%, #c8cecf 18%, #d7dee0 33%);
  background-size: 200% 100% !important;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.lazyloaded {
  opacity: 1;
}
@-webkit-keyframes placeHolderShimmer {
  0 {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes placeHolderShimmer {
  0 {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.pulse-effect{
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 50px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 50px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}