/* stylelint-disable plugin/use-baseline -- Intentional CSS registration demo. */
@property --piece-alpha {
  inherits: false;
  initial-value: 0.72;
  syntax: "<number>";
}

@property --piece-delay {
  inherits: false;
  initial-value: 0s;
  syntax: "<time>";
}

@property --piece-drift {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}

@property --piece-duration {
  inherits: false;
  initial-value: 6s;
  syntax: "<time>";
}

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

@property --piece-radius {
  inherits: false;
  initial-value: 2px;
  syntax: "<length>";
}

@property --piece-ratio {
  inherits: false;
  initial-value: 1;
  syntax: "<number>";
}

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

@property --piece-size {
  inherits: false;
  initial-value: 10px;
  syntax: "<length>";
}

@property --piece-spin {
  inherits: false;
  initial-value: 1turn;
  syntax: "<angle>";
}

@property --piece-static-y {
  inherits: false;
  initial-value: 50%;
  syntax: "<percentage>";
}

@property --piece-x {
  inherits: false;
  initial-value: 50%;
  syntax: "<percentage>";
}

@property --piece-y {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}
/* stylelint-enable plugin/use-baseline */