/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */

.ams-aspect-ratio {
  // If you modify this list, you must also update the
  // aspectRatioOptions in packages/react/src/common/types.ts
  @each $value in ("9-16", "3-4", "1-1", "4-3", "16-9", "16-5") {
    &-#{$value} {
      /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
      aspect-ratio: var(--ams-aspect-ratio-#{$value}) !important;
    }
  }
}