.grid { 
    display: grid; 
    gap: var(--s3); 
}
.flex { 
    display: flex; 
    gap: var(--s2); 
    align-items: center; 
}
.mt-0{
    margin-top:0
}
.mt-1{
    margin-top:var(--s1)
}
.mt-2{
    margin-top:var(--s2)
}
.mt-3{
    margin-top:var(--s3)
}
.mb-1{
    margin-bottom:var(--s1)
}
.mb-2{
    margin-bottom:var(--s2)
}
.mb-3{
    margin-bottom:var(--s3)
}
.text-muted { 
    color: var(--muted); 
}
.hide-md { 
    display: none; 
}
@media (min-width: var(--bp-md)) { 
    .hide-md { display: initial; } 
}