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

@layer base {
  html[dir="rtl"] body {
	direction: rtl;
  }

  html[dir="ltr"] body {
	direction: ltr;
  }

  body {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
  }

  img,
  video,
  canvas,
  svg {
	max-width: 100%;
	height: auto;
  }
}

@layer components {
  .app-shell {
	min-height: 100vh;
	overflow-x: hidden;
  }
}