@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ********************************************** ADD THE COMMON STYLES HERE *********************************************/
* {
    font-family: "Fira Sans", sans-serif;
}


/* Common Max-Width Classes */
.max-w-xs {
    max-width: 320px;
}

.max-w-sm {
    max-width: 384px;
}

.max-w-md {
    max-width: 448px;
}

.max-w-lg {
    max-width: 512px;
}

.max-w-xl {
    max-width: 576px;
}

.max-w-2xl {
    max-width: 672px;
}

.max-w-3xl {
    max-width: 768px;
}

.max-w-4xl {
    max-width: 896px;
}

.max-w-5xl {
    max-width: 1024px;
}

.max-w-6xl {
    max-width: 1152px;
}

.max-w-7xl {
    max-width: 1280px;
}

.max-w-full {
    max-width: 100%;
}

.max-w-screen-sm {
    max-width: 640px;
}

.max-w-screen-md {
    max-width: 768px;
}

.max-w-screen-lg {
    max-width: 1024px;
}

.max-w-screen-xl {
    max-width: 1280px;
}

.max-w-screen-2xl {
    max-width: 1536px;
}


/* Common Background Gray Classes */
.bg-gray-50 {
    background-color: #f9fafb;
}
/* Lightest Gray */
.bg-gray-100 {
    background-color: #f3f4f6;
}

.bg-gray-200 {
    background-color: #e5e7eb;
}

.bg-gray-300 {
    background-color: #d1d5db;
}

.bg-gray-400 {
    background-color: #9ca3af;
}

.bg-gray-500 {
    background-color: #6b7280;
}
/* Neutral Gray */
.bg-gray-600 {
    background-color: #4b5563;
}

.bg-gray-700 {
    background-color: #374151;
}

.bg-gray-800 {
    background-color: #1f2937;
}

.bg-gray-900 {
    background-color: #111827;
}

.text-xs {
    font-size: 12px;
    line-height: calc(1/ 0.75);
}


#spinner {
    position: absolute;
    height: 100dvh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1056;
    background: #00000052;
    top: 0px;
    left: 0px;
}


.windowHeight{
    height: 100dvh;
}
/* Width Utilities (0-96) in Pixels */
.w-0 {
    width: 0px;
}

.w-px {
    width: 1px;
}


.w-1 {
    width: 4px;
}


.w-2 {
    width: 8px;
}

.w-3 {
    width: 12px;
}


.w-4 {
    width: 16px;
}

.w-5 {
    width: 20px;
}

.w-6 {
    width: 24px;
}

.w-7 {
    width: 28px;
}

.w-8 {
    width: 32px;
}

.w-9 {
    width: 36px;
}

.w-10 {
    width: 40px;
}

.w-11 {
    width: 44px;
}

.w-12 {
    width: 48px;
}

.w-14 {
    width: 56px;
}

.w-16 {
    width: 64px;
}

.w-20 {
    width: 80px;
}

.w-24 {
    width: 96px;
}

.w-28 {
    width: 112px;
}

.w-32 {
    width: 128px;
}

.w-36 {
    width: 144px;
}

.w-40 {
    width: 160px;
}

.w-44 {
    width: 176px;
}

.w-48 {
    width: 192px;
}

.w-52 {
    width: 208px;
}

.w-56 {
    width: 224px;
}

.w-60 {
    width: 240px;
}

.w-64 {
    width: 256px;
}

.w-72 {
    width: 288px;
}

.w-80 {
    width: 320px;
}

.w-96 {
    width: 384px;
}
/* Width Utilities (0-96) in Pixels */
.w-0 { width: 0px; }
.w-px { width: 1px; }
.w-1 { width: 4px; }
.w-2 { width: 8px; }
.w-3 { width: 12px; }
.w-4 { width: 16px; }
.w-5 { width: 20px; }
.w-6 { width: 24px; }
.w-7 { width: 28px; }
.w-8 { width: 32px; }
.w-9 { width: 36px; }
.w-10 { width: 40px; }
.w-11 { width: 44px; }
.w-12 { width: 48px; }
.w-14 { width: 56px; }
.w-16 { width: 64px; }
.w-20 { width: 80px; }
.w-24 { width: 96px; }
.w-28 { width: 112px; }
.w-32 { width: 128px; }
.w-36 { width: 144px; }
.w-40 { width: 160px; }
.w-44 { width: 176px; }
.w-48 { width: 192px; }
.w-52 { width: 208px; }
.w-56 { width: 224px; }
.w-60 { width: 240px; }
.w-64 { width: 256px; }
.w-72 { width: 288px; }
.w-80 { width: 320px; }
.w-96 { width: 384px; }
.h-0 {
    height: 0px;
}

.h-px {
    height: 1px;
}

.h-1 {
    height: 4px;
}

.h-2 {
    height: 8px;
}


.h-3 {
    height: 12px;
}


.h-4 {
    height: 16px;
}

.h-5 {
    height: 20px;
}

.h-6 {
    height: 24px;
}

.h-7 {
    height: 28px;
}

.h-8 {
    height: 32px;
}

.h-9 {
    height: 36px;
}

.h-10 {
    height: 40px;
}

.h-11 {
    height: 44px;
}

.h-12 {
    height: 48px;
}

.h-14 {
    height: 56px;
}

.h-16 {
    height: 64px;
}

.h-20 {
    height: 80px;
}

.h-24 {
    height: 96px;
}

.h-28 {
    height: 112px;
}

.h-32 {
    height: 128px;
}

.h-36 {
    height: 144px;
}

.h-40 {
    height: 160px;
}

.h-44 {
    height: 176px;
}

.h-48 {
    height: 192px;
}

.h-52 {
    height: 208px;
}

.h-56 {
    height: 224px;
}

.h-60 {
    height: 240px;
}

.h-64 {
    height: 256px;
}

.h-72 {
    height: 288px;
}

.h-80 {
    height: 320px;
}

.h-96 {
    height: 384px;
}