.#{$pui}legend {
  position: relative;

  border-width: 1px;
  border-style: solid;
  border-color: $color-border-gray;
  border-radius: $legend-border-radius;
  margin-top: 1.75rem;

  .label {
    display: block;
    position: absolute;
    top: -.75rem;
    left: calc(#{$legend-padding} - #{$legend-label-padding-h});

    color: $color-dark-gray;
    background-color: $color-white;

    padding-left: $legend-label-padding-h;
    padding-right: $legend-label-padding-h;
  }

  .content {
    padding: $legend-padding;
  }
}