/**
 * @file
 * Styles for Request a quote webform block (appears in hero).
 */
.webform-submission-request-a-quote-form {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  max-width: 31.25rem;
  margin-inline: auto;
  padding: var(--sp1);
  background: rgba(0, 0, 0, 0.6666666667);
  color: white;
}
@media (min-width: 21.875rem) {
  .webform-submission-request-a-quote-form {
    padding: var(--sp1) var(--sp2);
  }
}
@media (min-width: 56.25rem) {
  .webform-submission-request-a-quote-form {
    margin: var(--sp2) 0;
    float: right;
  }
}
.webform-submission-request-a-quote-form h2 {
  margin-block: 0 var(--sp1);
  color: inherit;
}
.webform-submission-request-a-quote-form a {
  color: var(--color--yellow);
}
.webform-submission-request-a-quote-form a:hover {
  color: var(--color--orange);
}
.webform-submission-request-a-quote-form :is(input, textarea):focus {
  outline: solid 2px white;
  outline-offset: 2px;
}
.webform-submission-request-a-quote-form input[type=checkbox] {
  outline-color: currentColor;
}
.webform-submission-request-a-quote-form input:where(:not([type=checkbox])) {
  width: 100%;
}
.webform-submission-request-a-quote-form .form-item {
  margin: var(--sp0-5) 0;
}
.webform-submission-request-a-quote-form .form-item:first-child {
  margin-top: 0;
}
.webform-submission-request-a-quote-form .form-submit {
  margin-inline: 0;
}
.webform-submission-request-a-quote-form .fieldset-toggle {
  --form-element-bg: var(--color--white);
}