@font-face {
    src: url(/_css/MetricWeb-Regular.woff);
    font-family: MetricWeb;
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    src: url(/_css/MetricWeb-Semibold.woff);
    font-family: MetricWeb;
    font-weight: 600;
    font-style: normal;
    font-display: swap
}
.comments .comments fieldset {
  padding:$base-spacing-unit;
  border: 1px solid #c0c0c0;
}
.comments .form-fields {
  list-style:none;
  @include m-0;
}
.comments .form-fields > li:last-child {
  @include mb-0;
}


label,
.comments .label {
  @include block;
}
.comments .additional {
  @include block;
  @include font-normal;
}


.comments .check-list {
list-style:none;
  @include m-0;
}
.comments .check-label,
.comments .check-list label,
.comments .check-list .label {
  @include inline-block;
}

.comments .spoken-form label {
  @include inline-block;
  @include font-inherit;
}

/*small*/.comments .extra-help {
  @include inline-block;
  @include invisible;
}
.comments .text-input:active + .extra-help,
.comments .text-input:focus + .extra-help {
  @include visible;
}


label,
.comments .label {
  font:bold 0.9em/2 sans-serif;
}

.comments .fieldset--boxed {
  background: #fafafa;
  border: 1px solid #aaa;
}

.comments .legend--boxed {
  background: #eee;
  border: 1px solid #aaa;
  padding: 4px 10px;
}

.comments .text-input,
textarea {
  padding: 5px;
  box-shadow: none;
  font-family: arial;
}

.comments input,
.comments select,
.comments textarea {  
  border-width: 1px;
  border-style: solid;
  border-color: #A9A9A9;
  border-image: initial;
}

.comments button,
.comments html input[type="button"],
.comments input[type="reset"],
.comments input[type="submit"] {
  -webkit-appearance: push-button;
  cursor: pointer;
  padding: 1px 6px;
}

.comments button[disabled],
.comments html input[disabled] {
  cursor: default;
}


.font-metricweb {
  font-family: MetricWeb;
}