/* These are custom CSS variables which we wish to animate with transitions
Not all browsers support this yet, but browsers that do not support this
gracefully fall back to simply not displaying animations for these variables.

Isolating this to a separate file since a lot of code editors seem
to struggle to handle syntax highlighting of CSS files if they
contain this fairly new syntax */

@property --radius {
  syntax: '<length>',
  inherits: false,
  initialValue: 50px,
}

@property --content-max-height {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}