.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.ml-4 {
    margin-left: 1rem
}
.flex {
    display: flex
}
.min-w-\[24px\] {
    min-width: 24px
}
.items-center {
    align-items: center
}
.justify-between {
    justify-content: space-between
}
.gap-4 {
    gap: 1rem
}
.rounded-sm {
    border-radius: var(--radius-sm)
}
.bg-cyan-200 {
    background-color: var(--cyan-200)
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.text-2xl {
    font-size: var(--font-xxl)
}
.text-sm {
    font-size: var(--font-sm)
}
.font-medium {
    font-weight: 500
}
.leading-\[1\] {
    line-height: 1
}
.text-\[white\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

/* Auto-generated CSS for partials/shared/flash-message.htm */