@mixin flex($direction: row, $gap: 1em) {
    display: flex;
    flex-direction: $direction;
    gap: $gap;
}

@mixin ellipseText() {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}