.visibility-hide {
  visibility: hidden;
}

.visibility-show {
  visibility: visible;
}

code {
  font-size: 100%;
  color: $primary;
  word-break: break-word;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

figure.highlight {
  background-color: $light;
  padding: 1em;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

.highlight-code {
  pre {
    margin-top: 0;
  }
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

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

.flex-fill {
  flex: 1 1 auto;
}