/**
 * Legacy CSS features that should not be processed by build tools
 * This file contains experimental CSS syntax that needs to be sent to the browser as-is
 */

@supports not ((background-color: if(style(--test: 1): red; else: blue;)) and (width: calc(sibling-index() * 1px))) {
  .circles {
    & .circle {
      background-color: var(--color-inactive);
      transition-property: none;

      &.active {
        background-color: var(--color-active);

        &:nth-last-child(1 of .active) {
          transition-property: background-color;
        }
      }
    }
  }
}