/* ==========================================================
   STE_ENGINEERING_REQUIRED_FIELD_UX_V1
   Shared required/default field guidance.
   Presentation only.
   ========================================================== */

.engineering-field-title {
  display: inline;
}


.engineering-required-star {
  display: inline;

  margin-right: 3px;

  color: #ff4d57;

  font-weight: 900;

  line-height: inherit;
}


.engineering-field-required {
  position: relative;
}


.engineering-field-legend {
  width: 100%;

  margin:
    14px 0
    16px;

  padding:
    10px 12px;

  border:
    1px solid
    rgba(125, 151, 183, 0.15);

  border-radius:
    9px;

  background:
    rgba(8, 22, 38, 0.34);

  color:
    rgba(205, 220, 238, 0.72);

  font-size:
    12px;

  font-weight:
    500;

  line-height:
    1.55;
}


.engineering-field-legend__required {
  margin-bottom:
    2px;

  color:
    rgba(222, 233, 246, 0.88);
}


.engineering-field-legend__required
.engineering-required-star {
  margin-right:
    4px;
}


@media (max-width: 720px) {
  .engineering-field-legend {
    font-size:
      11px;
  }
}