<template>
  <div class="skeleton"></div>
</template>

<style lang="css" scoped>
@keyframes blink-animation {
  0% {
    background-color: var(--bms-main-25);
  }
  50% {
    background-color: var(--bms-main-10);
  }
  100% {
    background-color: var(--bms-main-25);
  }
}
.skeleton {
  /* background-color: var(--bms-main-25); */
  min-height: var(--field-height);
  border-radius: var(--bms-border-radius);
  height: 100%;
  width: 100%;
  /* opacity: 0.7; */
  /* transition: background-color 1000ms linear; */
  animation: blink-animation 2s steps(10, start) infinite alternate;
}
</style>
