.flex
{
    display: flex;
}

.hidden {
    display: none;
}

.flex-col
{
    flex-direction: column;
}

.justify-between
{
    justify-content: space-between;
}

.w-full
{
    width: 100%;
}

.gap {
    --gap: 8px;
    gap: var(--gap);
}

.mt {
    --mt: 16px;
    margin-top: var(--mt);
}

.mb {
    --mb: 16px;
    margin-bottom: var(--mb);
}

.mt-0
{
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mx-auto
{
    margin-inline: auto;
}

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

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

.items-end 
{
    align-items: end
}

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