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

.grid {
    display: grid;
}

.z-10 {
    z-index: 10;
}

.top-0 {
    top: 0px;
}

.inset-x-0 {
    left: 0px;
    right: 0px;
}

.fixed {
    position: fixed;
}

.py-3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
}

.flex {
    display: flex;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.py-3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.justify-center {
    justify-content: center;
}

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

.col-span-3 {
    grid-column: span 3 / span 3;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.h-6 {
    height: 1.5rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.h-4 {
    height: 1rem;
}

@media (min-width: 640px) {
    .sm\:h-5 {
        height: 1.25rem;
    }

    .sm\:h-6 {
        height: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .lg\:pl-20 {
        padding-left: 5rem;
    }

    .lg\:h-8 {
        height: 2rem;
    }

    .lg\:mr-10 {
        margin-right: 2.5rem;
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

    .lg\:pl-4 {
        padding-left: 1rem;
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
}