@import "flive-vars";

.fieldset {
  position: relative;
  border: 1px solid $light-grey;
  box-shadow: 0px 0 0.5rem 0px rgba(0, 0, 0, 0.05);
  margin: 1rem 0;
}

.fieldset > legend {
  position: absolute;
  background-color: white;
  color: $flive-night-blue;
  margin-left: 1rem;
  padding: 0 1rem;
}

.top-left > legend {
  top: -10px;
}
.top-right > legend {
  top: -10px;
  right: 2rem;
}
.bottom-left > legend {
  bottom: -10px;
}
.bottom-right > legend {
  bottom: -10px;
  right: 2rem;
}