.bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(34, 197, 94);
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219);
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38) !important;
}

.focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(220, 38, 38) !important;
}

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

.flex-wrap {
    flex-wrap: wrap;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-full {
    width: 100%;
}

.w-1\/4 {
    width: 25%;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.w-24 {
    width: 6rem;
}

.w-28 {
    width: 7rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

@media (min-width: 768px) { /** md **/
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }

    .md\:w-1\/3 {
        width: 33.333333%;
    }

    .md\:w-2\/3 {
        width: 66.666667%;
    }

    .md\:w-full {
        width: 100%;
    }

    .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0rem * var(--tw-space-y-reverse));
    }
}

@media (min-width: 1024px) {  /** lg **/
    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .lg\:flex-wrap {
        flex-wrap: wrap;
    }

    .lg\:w-1\/3 {
        width: 33.333333%;
    }

    .lg\:w-1\/3 {
        width: 33.333333%;
    }

    .lg\:w-2\/3 {
        width: 66.666667%;
    }

    .lg\:w-full {
        width: 100%;
    }

    .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0rem * var(--tw-space-y-reverse));
    }
}