@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .loading-spinner {
    @apply animate-spin rounded-full h-12 w-12 border-4 border-neutral-200 border-t-primary-600;
  }
}

.aspect-w-16 {
  position: relative;
  padding-bottom: 75%;
}

.aspect-w-16 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}