body {
  font-family: Arial, sans-serif;
}

#wrapper {
  width: 500px;
  margin: 0 auto;
}

.form {
  display: flex;
}

label {
  padding: 5px 0 0;
  display: block;
}

.content {
  position: relative;
  padding: 5px;
  margin: 20px 5px 5px 20px;
  border: 2px dashed transparent;
}

.content--blue {
  border-color: blue;
}
.content--green {
  border-color: green;
}
.content--red {
  border-color: red;
  padding: 20px;
}
.title {
  position: absolute;
  top: -10px;
  background: white;
  display: inline-block;
  padding: 0 6px;
  left: 15px;
}

.title--blue {
  color: blue;
}
.title--green {
  color: green;
}
.title--red {
  color: red;
}

.test {
  background: var(--control-warning-enabled);
}