.tw-flex {
    display: flex
}
.tw-flex-1 {
    flex: 1 1 0%
}
.tw-flex-row {
    flex-direction: row
}
.tw-items-center {
    align-items: center
}
.tw-gap-2 {
    gap: 0.5rem
}
.tw-rounded-full {
    border-radius: 9999px
}
.tw-bg-green-400\/20 {
    background-color: rgb(74 222 128 / 0.2)
}
.tw-bg-red-400\/20 {
    background-color: rgb(248 113 113 / 0.2)
}
.tw-px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.tw-py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.tw-font-semibold {
    font-weight: 600
}
.tw-text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}