/**
 * Helper function for downsize mixin.
 */
/**
 * Downsize a CSS property using the viewport to affect calc().
 *
 * @param {string} $property: The property to be affected.
 * @param {string|list} $min: The min value / values.
 * @param {string|list} $max: The max value / values.
 * @param {string} $viewport: The biggest viewport, which the property must be calculated. NOTE: we use media-breakpoint-down here!
 * @param {boolean} $default: True if the default property must be set, regardless of the viewport size.
 * @param {list} $min-limit: A list containing the min viewport and the min value.
 */
.frc-captcha {
  max-width: 100% !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.08);
  padding: 1.5rem !important;
  border-radius: 1.5rem;
}
.frc-captcha:hover {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(34, 34, 34, 0.16), 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.12);
}
.frc-captcha .frc-content .frc-text {
  white-space: normal;
}
.frc-captcha .frc-banner {
  position: static;
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}