/* +++++++++++++++++++++++++++++++++++++++++ */
/*        PFP - ROTATION ANIMATION           */
/* +++++++++++++++++++++++++++++++++++++++++ */

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes spin {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                  SLIDER                   */
/* +++++++++++++++++++++++++++++++++++++++++ */

@keyframes autoRun {
  from {
    left: 100%;
  }
  to {
    left: calc(var(--width) * -1);
  }
}