@mixin center-content-flex() {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin padding-vertical($padding) {
  padding-top: $padding;
  padding-bottom: $padding;
}

@mixin padding-horizontal($padding) {
  padding-left: $padding;
  padding-right: $padding;
}

@mixin margin-vertical($margin) {
  margin-top: $margin;
  margin-bottom: $margin;
}

@mixin margin-horizontal($margin) {
  margin-left: $margin;
  margin-right: $margin;
}

@mixin dir-col() {
  display: flex;
  flex-direction: column;
}

@mixin dir-row() {
  display: flex;
  flex-direction: row;
}

.margin-4-bottom {
  margin-bottom: 4px;
}
.margin-8-bottom {
  margin-bottom: 8px;
}
.margin-16-bottom {
  margin-bottom: 16px;
}
.margin-24-bottom {
  margin-bottom: 24px;
}
.margin-32-bottom {
  margin-bottom: 32px;
}