/* =========================================
  Utility Styles
========================================= */

/* aspect ratio utilities */
.ar-16-9 {
  aspect-ratio: 16 / 9;
}

.ar-4-3 {
  aspect-ratio: 4 / 3;
}

.ar-1-1 {
  aspect-ratio: 1 / 1;
}

.ar-3-2 {
  aspect-ratio: 3 / 2;
}

.ar-2-1 {
  aspect-ratio: 2 / 1;
}

.ar-21-9 {
  aspect-ratio: 21 / 9;
}

.ar-9-16 {
  aspect-ratio: 9 / 16;
}

.ar-4-5 {
  aspect-ratio: 4 / 5;
}