/* ───────────────────────────────────────────────────────────────
   کلاس‌های واکنش‌گرای قالب‌های EJS

   ‼️ این فایل دست‌ساز نیست. با این دستور بازتولید می‌شود:
        node scripts/build-responsive-css.js

   چرا لازم است: tailwind.config.js فقط site/public را اسکن می‌کرد و
   هرگز قالب‌های EJS را ندیده بود، پس این کلاس‌ها در app.css تولید
   نشده بودند و بی‌صدا هیچ کاری نمی‌کردند.

   باید *بعد از* app.css لینک شود تا بازنویسی‌ها اثر کنند.
   ─────────────────────────────────────────────────────────────── */

@media (min-width: 360px) {
  .xxs\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width: 480px) {
  .xs\:flex { display:flex; }
  .xs\:flex-row { flex-direction:row; }
  .xs\:gap-2 { gap:0.5rem; }
  .xs\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .xs\:justify-end { justify-content:flex-end; }
  .xs\:text-start { text-align:start; }
  .xs\:w-auto { width:auto; }
}

@media (min-width: 640px) {
  .sm\:flex { display:flex; }
  .sm\:flex-row { flex-direction:row; }
  .sm\:gap-4 { gap:1rem; }
  .sm\:gap-x-4 { column-gap:1rem; }
  .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sm\:hidden { display:none; }
  .sm\:justify-between { justify-content:space-between; }
  .sm\:max-w-sm { max-width:24rem; }
  .sm\:mx-auto { margin-left:auto;margin-right:auto; }
  .sm\:text-sm\/6 { font-size:0.875rem;line-height:1.5rem; }
  .sm\:w-56 { width:14rem; }
  .sm\:w-64 { width:16rem; }
  .sm\:w-auto { width:auto; }
  .sm\:w-full { width:100%; }
}

@media (min-width: 768px) {
  .md\:child\:col-span-3 > * { grid-column:span 3 / span 3; }
  .md\:child\:col-span-4 > * { grid-column:span 4 / span 4; }
  .md\:child\:col-span-6 > * { grid-column:span 6 / span 6; }
  .md\:col-span-2 { grid-column:span 2 / span 2; }
  .md\:col-span-3 { grid-column:span 3 / span 3; }
  .md\:col-span-4 { grid-column:span 4 / span 4; }
  .md\:col-span-6 { grid-column:span 6 / span 6; }
  .md\:col-span-8 { grid-column:span 8 / span 8; }
  .md\:container { width: 100%; margin-right: auto; margin-left: auto; }
  .md\:flex { display:flex; }
  .md\:flex-row { flex-direction:row; }
  .md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .group:hover .md\:group-hover\:-translate-x-1 { --tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:h-96 { height:24rem; }
  .md\:hidden { display:none; }
  .md\:items-end { align-items:flex-end; }
  .md\:justify-between { justify-content:space-between; }
  .md\:justify-end { justify-content:flex-end; }
  .md\:ml-0 { margin-left:0rem; }
  .md\:mr-5 { margin-right:1.25rem; }
  .md\:ms-2 { margin-inline-start:0.5rem; }
  .md\:p-4 { padding:1rem; }
  .md\:p-6 { padding:1.5rem; }
  .md\:px-3 { padding-left:0.75rem;padding-right:0.75rem; }
  .md\:px-6 { padding-left:1.5rem;padding-right:1.5rem; }
  .md\:px-8 { padding-left:2rem;padding-right:2rem; }
  .md\:py-6 { padding-top:1.5rem;padding-bottom:1.5rem; }
  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse)); }
  .md\:text-2xl { font-size:1.5rem;line-height:2rem; }
  .md\:text-3xl { font-size:1.875rem;line-height:2.25rem; }
  .md\:text-base { font-size:1rem;line-height:1.5rem; }
  .md\:w-1\/6 { width:16.666667%; }
  .md\:w-3\/4 { width:75%; }
}

@media (min-width: 1024px) {
  .lg\:child\:gap-x-2 > * { column-gap:0.5rem; }
  .lg\:child\:p-4 > * { padding:1rem; }
  .lg\:col-span-6 { grid-column:span 6 / span 6; }
  .lg\:container { width: 100%; margin-right: auto; margin-left: auto; }
  .lg\:flex { display:flex; }
  .lg\:flex-row { flex-direction:row; }
  .lg\:gap-4 { gap:1rem; }
  .lg\:gap-x-10 { column-gap:2.5rem; }
  .lg\:gap-x-4 { column-gap:1rem; }
  .lg\:h-20 { height:5rem; }
  .lg\:h-6 { height:1.5rem; }
  .lg\:h-\[120px\] { height:120px; }
  .lg\:hidden { display:none; }
  .lg\:mr-2 { margin-right:0.5rem; }
  .lg\:mt-0 { margin-top:0rem; }
  .lg\:mt-10 { margin-top:2.5rem; }
  .lg\:mt-20 { margin-top:5rem; }
  .lg\:p-6 { padding:1.5rem; }
  .lg\:p-9 { padding:2.25rem; }
  .lg\:sticky { position:sticky; }
  .lg\:text-base { font-size:1rem;line-height:1.5rem; }
  .lg\:text-lg { font-size:1.125rem;line-height:1.75rem; }
  .lg\:w-1\/4 { width:25%; }
  .lg\:w-20 { width:5rem; }
  .lg\:w-3\/4 { width:75%; }
  .lg\:w-6 { width:1.5rem; }
  .lg\:w-\[120px\] { width:120px; }
  .lg\:w-auto { width:auto; }
}

@media (min-width: 1280px) {
  .xl\:child\:col-span-3 > * { grid-column:span 3 / span 3; }
  .xl\:col-span-4 { grid-column:span 4 / span 4; }
  .xl\:flex { display:flex; }
  .xl\:gap-x-2 { column-gap:0.5rem; }
  .xl\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .xl\:px-3 { padding-left:0.75rem;padding-right:0.75rem; }
  .xl\:px-4 { padding-left:1rem;padding-right:1rem; }
  .xl\:text-base { font-size:1rem;line-height:1.5rem; }
}