/* docara-shell-source: runtime/utility/aspect-ratio/default/css/default.css */
@layer sf.utilities {
  .aspect-1x1 {
    aspect-ratio: 1 / 1;
  }
  .aspect-1x2 {
    aspect-ratio: 1 / 2;
  }
  .aspect-2x1 {
    aspect-ratio: 2 / 1;
  }
  .aspect-2x3 {
    aspect-ratio: 2 / 3;
  }
  .aspect-3x1 {
    aspect-ratio: 3 / 1;
  }
  .aspect-3x2 {
    aspect-ratio: 3 / 2;
  }
  .aspect-3x4 {
    aspect-ratio: 3 / 4;
  }
  .aspect-4x1 {
    aspect-ratio: 4 / 1;
  }
  .aspect-4x3 {
    aspect-ratio: 4 / 3;
  }
  .aspect-16x9 {
    aspect-ratio: 16 / 9;
  }
  .aspect-9x16 {
    aspect-ratio: 9 / 16;
  }
}

/* docara-shell-source: runtime/utility/aspect-ratio/sm/css/sm.css */
@layer sf.utilities {
  @media (min-width: 32rem) {
    .sm\:aspect-1x1 {
      aspect-ratio: 1 / 1;
    }
    .sm\:aspect-1x2 {
      aspect-ratio: 1 / 2;
    }
    .sm\:aspect-2x1 {
      aspect-ratio: 2 / 1;
    }
    .sm\:aspect-2x3 {
      aspect-ratio: 2 / 3;
    }
    .sm\:aspect-3x1 {
      aspect-ratio: 3 / 1;
    }
    .sm\:aspect-3x2 {
      aspect-ratio: 3 / 2;
    }
    .sm\:aspect-3x4 {
      aspect-ratio: 3 / 4;
    }
    .sm\:aspect-4x1 {
      aspect-ratio: 4 / 1;
    }
    .sm\:aspect-4x3 {
      aspect-ratio: 4 / 3;
    }
    .sm\:aspect-16x9 {
      aspect-ratio: 16 / 9;
    }
    .sm\:aspect-9x16 {
      aspect-ratio: 9 / 16;
    }
  }
}