/* SPDX-License-Identifier: MIT */
/* Copyright (C) 2026 Abhishek Sengar */

@media (min-width: 640px) {
  .sm\:inline {
    display: inline;
  }

  .sm\:h-\[390px\] {
    height: 390px;
  }

  .sm\:min-h-\[330px\] {
    min-height: 330px;
  }

  .sm\:w-28 {
    width: 7rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --ui-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--ui-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--ui-divide-x-reverse)));
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --ui-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--ui-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--ui-divide-y-reverse));
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --ui-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--ui-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--ui-divide-x-reverse)));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --ui-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--ui-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--ui-divide-y-reverse));
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }
}

@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:w-56 {
    width: 14rem;
  }

  .xl\:w-72 {
    width: 18rem;
  }

  .xl\:w-80 {
    width: 20rem;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0px;
  }
}

@media (min-width: 1536px) {
  .\32xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .\32xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .\32xl\:inline {
    display: inline;
  }

  .\32xl\:w-96 {
    width: 24rem;
  }

  .\32xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}