/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Buttons.
 */
:root {
  /**
   * Buttons proprieties.
   */
  /* Primary button colors.*/
  --pr-btn-bg: hsl(var(--pr-btn-bg-hue), var(--pr-btn-bg-saturation), calc(1% * var(--pr-btn-bg-lightness)));
  --pr-btn-bg-hover: hsl(var(--pr-btn-bg-hover-hue), var(--pr-btn-bg-hover-saturation), calc(1% * var(--pr-btn-bg-hover-lightness)));
  --pr-btn-border-color: hsl(var(--pr-btn-border-color-hue), var(--pr-btn-border-color-saturation), calc(1% * var(--pr-btn-border-color-lightness)));
  --pr-btn-border-color-hover: hsl(var(--pr-btn-border-color-hover-hue), var(--pr-btn-border-color-hover-saturation), calc(1% * var(--pr-btn-border-color-hover-lightness)));
  --pr-btn-text-color: hsl(var(--pr-btn-text-color-hue), var(--pr-btn-text-color-saturation), calc(1% * var(--pr-btn-text-color-lightness)));
  --pr-btn-text-color-hover: hsl(var(--pr-btn-text-color-hover-hue), var(--pr-btn-text-color-hover-saturation), calc(1% * var(--pr-btn-text-color-hover-lightness)));
  /* Secondary button colors.*/
  --sc-btn-bg: hsl(var(--sc-btn-bg-hue), var(--sc-btn-bg-saturation), calc(1% * var(--sc-btn-bg-lightness)));
  --sc-btn-bg-hover: hsl(var(--sc-btn-bg-hover-hue), var(--sc-btn-bg-hover-saturation), calc(1% * var(--sc-btn-bg-hover-lightness)));
  --sc-btn-border-color: hsl(var(--sc-btn-border-color-hue), var(--sc-btn-border-color-saturation), calc(1% * var(--sc-btn-border-color-lightness)));
  --sc-btn-border-color-hover: hsl(var(--sc-btn-border-color-hover-hue), var(--sc-btn-border-color-hover-saturation), calc(1% * var(--sc-btn-border-color-hover-lightness)));
  --sc-btn-text-color: hsl(var(--sc-btn-text-color-hue), var(--sc-btn-text-color-saturation), calc(1% * var(--sc-btn-text-color-lightness)));
  --sc-btn-text-color-hover: hsl(var(--sc-btn-text-color-hover-hue), var(--sc-btn-text-color-hover-saturation), calc(1% * var(--sc-btn-text-color-hover-lightness)));
  /* Action link colors.*/
  --ac-btn-bg: hsl(var(--ac-btn-bg-hue), var(--ac-btn-bg-saturation), calc(1% * var(--ac-btn-bg-lightness)));
  --ac-btn-bg-hover: hsl(var(--ac-btn-bg-hover-hue), var(--ac-btn-bg-hover-saturation), calc(1% * var(--ac-btn-bg-hover-lightness)));
  --ac-btn-border-color: hsl(var(--ac-btn-border-color-hue), var(--ac-btn-border-color-saturation), calc(1% * var(--ac-btn-border-color-lightness)));
  --ac-btn-border-color-hover: hsl(var(--ac-btn-border-color-hover-hue), var(--ac-btn-border-color-hover-saturation), calc(1% * var(--ac-btn-border-color-hover-lightness)));
  --ac-btn-text-color: hsl(var(--ac-btn-text-color-hue), var(--ac-btn-text-color-saturation), calc(1% * var(--ac-btn-text-color-lightness)));
  --ac-btn-text-color-hover: hsl(var(--ac-btn-text-color-hover-hue), var(--ac-btn-text-color-hover-saturation), calc(1% * var(--ac-btn-text-color-hover-lightness)));
  /**
   * Buttons spacing.
   */
  --pr-btn-padding: var(--pr-btn-padding-top) var(--pr-btn-padding-right) var(--pr-btn-padding-bottom) var(--pr-btn-padding-left);
  --sc-btn-padding: var(--sc-btn-padding-top) var(--sc-btn-padding-right) var(--sc-btn-padding-bottom) var(--sc-btn-padding-left);
  --ac-btn-padding: var(--ac-btn-padding-top) var(--ac-btn-padding-right) var(--ac-btn-padding-bottom) var(--ac-btn-padding-left);
  /**
   * Buttons typography.
   */
  --pr-btn-font-size: var(--pr-btn-font-size);
  --pr-btn-line-height: var(--pr-btn-line-height);
  --pr-btn-letter-spacing: var(--pr-btn-letter-spacing);
  --pr-btn-border-style: var(--pr-btn-border-style);
  --pr-btn-border-width: var(--pr-btn-border-width);
  --pr-btn-border-radius: var(--pr-btn-border-radius);
  --pr-btn-text-decoration: var(--pr-btn-text-decoration);
  --pr-btn-text-decoration-hover: var(--pr-btn-text-decoration-hover);
  --sc-btn-font-size: var(--sc-btn-font-size);
  --sc-btn-line-height: var(--sc-btn-line-height);
  --sc-btn-letter-spacing: var(--sc-btn-letter-spacing);
  --sc-btn-border-style: var(--sc-btn-border-style);
  --sc-btn-border-width: var(--sc-btn-border-width);
  --sc-btn-border-radius: var(--sc-btn-border-radius);
  --sc-btn-text-decoration: var(--sc-btn-text-decoration);
  --sc-btn-text-decoration-hover: var(--sc-btn-text-decoration-hover);
  --ac-btn-font-size: var(--ac-btn-font-size);
  --ac-btn-line-height: var(--ac-btn-line-height);
  --ac-btn-letter-spacing: var(--ac-btn-letter-spacing);
  --ac-btn-border-style: var(--ac-btn-border-style);
  --ac-btn-border-width: var(--ac-btn-border-width);
  --ac-btn-border-radius: var(--ac-btn-border-radius);
  --ac-btn-text-decoration: var(--ac-btn-text-decoration);
  --ac-btn-text-decoration-hover: var(--ac-btn-text-decoration-hover);
}

.primary-button, .hi-select-persons .wizard-layout-footer .submit-button,
.hi-select-persons .form-actions .submit-button,
.hi-select-persons .insurances-details-actions .submit-button, .select-profiles .add-second-person,
.select-profiles .add-vehicle, .hi-start .insured-persons-table .add-person,
.hi-details .insured-persons-table .add-person, .hi-start .wizard-layout-footer .button--primary,
.hi-start .wizard-layout-footer .next-button,
.hi-start .wizard-layout-footer .submit-button,
.hi-start .wizard-layout-footer .add-to-cart,
.hi-start .wizard-layout-footer .checkout-button,
.hi-start .form-actions .button--primary,
.hi-start .form-actions .next-button,
.hi-start .form-actions .submit-button,
.hi-start .form-actions .add-to-cart,
.hi-start .form-actions .checkout-button,
.hi-start .insurances-details-actions .button--primary,
.hi-start .insurances-details-actions .next-button,
.hi-start .insurances-details-actions .submit-button,
.hi-start .insurances-details-actions .add-to-cart,
.hi-start .insurances-details-actions .checkout-button,
.hi-details .wizard-layout-footer .button--primary,
.hi-details .wizard-layout-footer .next-button,
.hi-details .wizard-layout-footer .submit-button,
.hi-details .wizard-layout-footer .add-to-cart,
.hi-details .wizard-layout-footer .checkout-button,
.hi-details .form-actions .button--primary,
.hi-details .form-actions .next-button,
.hi-details .form-actions .submit-button,
.hi-details .form-actions .add-to-cart,
.hi-details .form-actions .checkout-button,
.hi-details .insurances-details-actions .button--primary,
.hi-details .insurances-details-actions .next-button,
.hi-details .insurances-details-actions .submit-button,
.hi-details .insurances-details-actions .add-to-cart,
.hi-details .insurances-details-actions .checkout-button, button,
.button,
.btn,
.button--primary,
.more-link a,
.order-now,
.read-more,
.field--name-field-action-link a {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--pr-btn-bg);
  color: var(--pr-btn-text-color);
  border-width: var(--pr-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--pr-btn-border-style);
  border-color: var(--pr-btn-border-color);
  padding: var(--pr-btn-padding);
  font-size: var(--pr-btn-font-size);
  line-height: var(--pr-btn-line-height);
  letter-spacing: var(--pr-btn-letter-spacing);
  -webkit-text-decoration: var(--pr-btn-text-decoration);
          text-decoration: var(--pr-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.primary-button:hover, .hi-select-persons .wizard-layout-footer .submit-button:hover,
.hi-select-persons .form-actions .submit-button:hover,
.hi-select-persons .insurances-details-actions .submit-button:hover, .select-profiles .add-second-person:hover,
.select-profiles .add-vehicle:hover, .hi-start .insured-persons-table .add-person:hover,
.hi-details .insured-persons-table .add-person:hover, .hi-start .wizard-layout-footer .button--primary:hover,
.hi-start .wizard-layout-footer .next-button:hover,
.hi-start .wizard-layout-footer .submit-button:hover,
.hi-start .wizard-layout-footer .add-to-cart:hover,
.hi-start .wizard-layout-footer .checkout-button:hover,
.hi-start .form-actions .button--primary:hover,
.hi-start .form-actions .next-button:hover,
.hi-start .form-actions .submit-button:hover,
.hi-start .form-actions .add-to-cart:hover,
.hi-start .form-actions .checkout-button:hover,
.hi-start .insurances-details-actions .button--primary:hover,
.hi-start .insurances-details-actions .next-button:hover,
.hi-start .insurances-details-actions .submit-button:hover,
.hi-start .insurances-details-actions .add-to-cart:hover,
.hi-start .insurances-details-actions .checkout-button:hover,
.hi-details .wizard-layout-footer .button--primary:hover,
.hi-details .wizard-layout-footer .next-button:hover,
.hi-details .wizard-layout-footer .submit-button:hover,
.hi-details .wizard-layout-footer .add-to-cart:hover,
.hi-details .wizard-layout-footer .checkout-button:hover,
.hi-details .form-actions .button--primary:hover,
.hi-details .form-actions .next-button:hover,
.hi-details .form-actions .submit-button:hover,
.hi-details .form-actions .add-to-cart:hover,
.hi-details .form-actions .checkout-button:hover,
.hi-details .insurances-details-actions .button--primary:hover,
.hi-details .insurances-details-actions .next-button:hover,
.hi-details .insurances-details-actions .submit-button:hover,
.hi-details .insurances-details-actions .add-to-cart:hover,
.hi-details .insurances-details-actions .checkout-button:hover, button:hover,
.button:hover,
.btn:hover,
.button--primary:hover,
.more-link a:hover,
.order-now:hover,
.read-more:hover,
.field--name-field-action-link a:hover, .primary-button:focus, .hi-select-persons .wizard-layout-footer .submit-button:focus,
.hi-select-persons .form-actions .submit-button:focus,
.hi-select-persons .insurances-details-actions .submit-button:focus, .select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus, .hi-start .insured-persons-table .add-person:focus,
.hi-details .insured-persons-table .add-person:focus, .hi-start .wizard-layout-footer .button--primary:focus,
.hi-start .wizard-layout-footer .next-button:focus,
.hi-start .wizard-layout-footer .submit-button:focus,
.hi-start .wizard-layout-footer .add-to-cart:focus,
.hi-start .wizard-layout-footer .checkout-button:focus,
.hi-start .form-actions .button--primary:focus,
.hi-start .form-actions .next-button:focus,
.hi-start .form-actions .submit-button:focus,
.hi-start .form-actions .add-to-cart:focus,
.hi-start .form-actions .checkout-button:focus,
.hi-start .insurances-details-actions .button--primary:focus,
.hi-start .insurances-details-actions .next-button:focus,
.hi-start .insurances-details-actions .submit-button:focus,
.hi-start .insurances-details-actions .add-to-cart:focus,
.hi-start .insurances-details-actions .checkout-button:focus,
.hi-details .wizard-layout-footer .button--primary:focus,
.hi-details .wizard-layout-footer .next-button:focus,
.hi-details .wizard-layout-footer .submit-button:focus,
.hi-details .wizard-layout-footer .add-to-cart:focus,
.hi-details .wizard-layout-footer .checkout-button:focus,
.hi-details .form-actions .button--primary:focus,
.hi-details .form-actions .next-button:focus,
.hi-details .form-actions .submit-button:focus,
.hi-details .form-actions .add-to-cart:focus,
.hi-details .form-actions .checkout-button:focus,
.hi-details .insurances-details-actions .button--primary:focus,
.hi-details .insurances-details-actions .next-button:focus,
.hi-details .insurances-details-actions .submit-button:focus,
.hi-details .insurances-details-actions .add-to-cart:focus,
.hi-details .insurances-details-actions .checkout-button:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus {
  background-color: var(--pr-btn-bg-hover);
  border-color: var(--pr-btn-border-color-hover);
  color: var(--pr-btn-text-color-hover);
  -webkit-text-decoration: var(--pr-btn-text-decoration-hover);
          text-decoration: var(--pr-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.primary-button:focus, .hi-select-persons .wizard-layout-footer .submit-button:focus,
.hi-select-persons .form-actions .submit-button:focus,
.hi-select-persons .insurances-details-actions .submit-button:focus, .select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus, .hi-start .insured-persons-table .add-person:focus,
.hi-details .insured-persons-table .add-person:focus, .hi-start .wizard-layout-footer .button--primary:focus,
.hi-start .wizard-layout-footer .next-button:focus,
.hi-start .wizard-layout-footer .submit-button:focus,
.hi-start .wizard-layout-footer .add-to-cart:focus,
.hi-start .wizard-layout-footer .checkout-button:focus,
.hi-start .form-actions .button--primary:focus,
.hi-start .form-actions .next-button:focus,
.hi-start .form-actions .submit-button:focus,
.hi-start .form-actions .add-to-cart:focus,
.hi-start .form-actions .checkout-button:focus,
.hi-start .insurances-details-actions .button--primary:focus,
.hi-start .insurances-details-actions .next-button:focus,
.hi-start .insurances-details-actions .submit-button:focus,
.hi-start .insurances-details-actions .add-to-cart:focus,
.hi-start .insurances-details-actions .checkout-button:focus,
.hi-details .wizard-layout-footer .button--primary:focus,
.hi-details .wizard-layout-footer .next-button:focus,
.hi-details .wizard-layout-footer .submit-button:focus,
.hi-details .wizard-layout-footer .add-to-cart:focus,
.hi-details .wizard-layout-footer .checkout-button:focus,
.hi-details .form-actions .button--primary:focus,
.hi-details .form-actions .next-button:focus,
.hi-details .form-actions .submit-button:focus,
.hi-details .form-actions .add-to-cart:focus,
.hi-details .form-actions .checkout-button:focus,
.hi-details .insurances-details-actions .button--primary:focus,
.hi-details .insurances-details-actions .next-button:focus,
.hi-details .insurances-details-actions .submit-button:focus,
.hi-details .insurances-details-actions .add-to-cart:focus,
.hi-details .insurances-details-actions .checkout-button:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus, .primary-button:focus-visible, .hi-select-persons .wizard-layout-footer .submit-button:focus-visible,
.hi-select-persons .form-actions .submit-button:focus-visible,
.hi-select-persons .insurances-details-actions .submit-button:focus-visible, .select-profiles .add-second-person:focus-visible,
.select-profiles .add-vehicle:focus-visible, .hi-start .insured-persons-table .add-person:focus-visible,
.hi-details .insured-persons-table .add-person:focus-visible, .hi-start .wizard-layout-footer .button--primary:focus-visible,
.hi-start .wizard-layout-footer .next-button:focus-visible,
.hi-start .wizard-layout-footer .submit-button:focus-visible,
.hi-start .wizard-layout-footer .add-to-cart:focus-visible,
.hi-start .wizard-layout-footer .checkout-button:focus-visible,
.hi-start .form-actions .button--primary:focus-visible,
.hi-start .form-actions .next-button:focus-visible,
.hi-start .form-actions .submit-button:focus-visible,
.hi-start .form-actions .add-to-cart:focus-visible,
.hi-start .form-actions .checkout-button:focus-visible,
.hi-start .insurances-details-actions .button--primary:focus-visible,
.hi-start .insurances-details-actions .next-button:focus-visible,
.hi-start .insurances-details-actions .submit-button:focus-visible,
.hi-start .insurances-details-actions .add-to-cart:focus-visible,
.hi-start .insurances-details-actions .checkout-button:focus-visible,
.hi-details .wizard-layout-footer .button--primary:focus-visible,
.hi-details .wizard-layout-footer .next-button:focus-visible,
.hi-details .wizard-layout-footer .submit-button:focus-visible,
.hi-details .wizard-layout-footer .add-to-cart:focus-visible,
.hi-details .wizard-layout-footer .checkout-button:focus-visible,
.hi-details .form-actions .button--primary:focus-visible,
.hi-details .form-actions .next-button:focus-visible,
.hi-details .form-actions .submit-button:focus-visible,
.hi-details .form-actions .add-to-cart:focus-visible,
.hi-details .form-actions .checkout-button:focus-visible,
.hi-details .insurances-details-actions .button--primary:focus-visible,
.hi-details .insurances-details-actions .next-button:focus-visible,
.hi-details .insurances-details-actions .submit-button:focus-visible,
.hi-details .insurances-details-actions .add-to-cart:focus-visible,
.hi-details .insurances-details-actions .checkout-button:focus-visible, button:focus-visible,
.button:focus-visible,
.btn:focus-visible,
.button--primary:focus-visible,
.more-link a:focus-visible,
.order-now:focus-visible,
.read-more:focus-visible,
.field--name-field-action-link a:focus-visible {
  outline: none;
  box-shadow: none;
}

.secondary-button, .hi-select-persons .wizard-layout-footer .cancel-button,
.hi-select-persons .form-actions .cancel-button,
.hi-select-persons .insurances-details-actions .cancel-button, .hi-start .wizard-layout-footer .cancel-button,
.hi-start .wizard-layout-footer .ief-popup-cancel,
.hi-start .wizard-layout-footer .back-button,
.hi-start .form-actions .cancel-button,
.hi-start .form-actions .ief-popup-cancel,
.hi-start .form-actions .back-button,
.hi-start .insurances-details-actions .cancel-button,
.hi-start .insurances-details-actions .ief-popup-cancel,
.hi-start .insurances-details-actions .back-button,
.hi-details .wizard-layout-footer .cancel-button,
.hi-details .wizard-layout-footer .ief-popup-cancel,
.hi-details .wizard-layout-footer .back-button,
.hi-details .form-actions .cancel-button,
.hi-details .form-actions .ief-popup-cancel,
.hi-details .form-actions .back-button,
.hi-details .insurances-details-actions .cancel-button,
.hi-details .insurances-details-actions .ief-popup-cancel,
.hi-details .insurances-details-actions .back-button {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--sc-btn-bg);
  color: var(--sc-btn-text-color);
  border-width: var(--sc-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--sc-btn-border-style);
  border-color: var(--sc-btn-border-color);
  padding: var(--sc-btn-padding);
  font-size: var(--sc-btn-font-size);
  line-height: var(--sc-btn-line-height);
  letter-spacing: var(--sc-btn-letter-spacing);
  -webkit-text-decoration: var(--sc-btn-text-decoration);
          text-decoration: var(--sc-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.secondary-button:hover, .hi-select-persons .wizard-layout-footer .cancel-button:hover,
.hi-select-persons .form-actions .cancel-button:hover,
.hi-select-persons .insurances-details-actions .cancel-button:hover, .hi-start .wizard-layout-footer .cancel-button:hover,
.hi-start .wizard-layout-footer .ief-popup-cancel:hover,
.hi-start .wizard-layout-footer .back-button:hover,
.hi-start .form-actions .cancel-button:hover,
.hi-start .form-actions .ief-popup-cancel:hover,
.hi-start .form-actions .back-button:hover,
.hi-start .insurances-details-actions .cancel-button:hover,
.hi-start .insurances-details-actions .ief-popup-cancel:hover,
.hi-start .insurances-details-actions .back-button:hover,
.hi-details .wizard-layout-footer .cancel-button:hover,
.hi-details .wizard-layout-footer .ief-popup-cancel:hover,
.hi-details .wizard-layout-footer .back-button:hover,
.hi-details .form-actions .cancel-button:hover,
.hi-details .form-actions .ief-popup-cancel:hover,
.hi-details .form-actions .back-button:hover,
.hi-details .insurances-details-actions .cancel-button:hover,
.hi-details .insurances-details-actions .ief-popup-cancel:hover,
.hi-details .insurances-details-actions .back-button:hover, .secondary-button:focus, .hi-select-persons .wizard-layout-footer .cancel-button:focus,
.hi-select-persons .form-actions .cancel-button:focus,
.hi-select-persons .insurances-details-actions .cancel-button:focus, .hi-start .wizard-layout-footer .cancel-button:focus,
.hi-start .wizard-layout-footer .ief-popup-cancel:focus,
.hi-start .wizard-layout-footer .back-button:focus,
.hi-start .form-actions .cancel-button:focus,
.hi-start .form-actions .ief-popup-cancel:focus,
.hi-start .form-actions .back-button:focus,
.hi-start .insurances-details-actions .cancel-button:focus,
.hi-start .insurances-details-actions .ief-popup-cancel:focus,
.hi-start .insurances-details-actions .back-button:focus,
.hi-details .wizard-layout-footer .cancel-button:focus,
.hi-details .wizard-layout-footer .ief-popup-cancel:focus,
.hi-details .wizard-layout-footer .back-button:focus,
.hi-details .form-actions .cancel-button:focus,
.hi-details .form-actions .ief-popup-cancel:focus,
.hi-details .form-actions .back-button:focus,
.hi-details .insurances-details-actions .cancel-button:focus,
.hi-details .insurances-details-actions .ief-popup-cancel:focus,
.hi-details .insurances-details-actions .back-button:focus {
  background-color: var(--sc-btn-bg-hover);
  border-color: var(--sc-btn-border-color-hover);
  color: var(--sc-btn-text-color-hover);
  -webkit-text-decoration: var(--sc-btn-text-decoration-hover);
          text-decoration: var(--sc-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.secondary-button:focus, .hi-select-persons .wizard-layout-footer .cancel-button:focus,
.hi-select-persons .form-actions .cancel-button:focus,
.hi-select-persons .insurances-details-actions .cancel-button:focus, .hi-start .wizard-layout-footer .cancel-button:focus,
.hi-start .wizard-layout-footer .ief-popup-cancel:focus,
.hi-start .wizard-layout-footer .back-button:focus,
.hi-start .form-actions .cancel-button:focus,
.hi-start .form-actions .ief-popup-cancel:focus,
.hi-start .form-actions .back-button:focus,
.hi-start .insurances-details-actions .cancel-button:focus,
.hi-start .insurances-details-actions .ief-popup-cancel:focus,
.hi-start .insurances-details-actions .back-button:focus,
.hi-details .wizard-layout-footer .cancel-button:focus,
.hi-details .wizard-layout-footer .ief-popup-cancel:focus,
.hi-details .wizard-layout-footer .back-button:focus,
.hi-details .form-actions .cancel-button:focus,
.hi-details .form-actions .ief-popup-cancel:focus,
.hi-details .form-actions .back-button:focus,
.hi-details .insurances-details-actions .cancel-button:focus,
.hi-details .insurances-details-actions .ief-popup-cancel:focus,
.hi-details .insurances-details-actions .back-button:focus, .secondary-button:focus-visible, .hi-select-persons .wizard-layout-footer .cancel-button:focus-visible,
.hi-select-persons .form-actions .cancel-button:focus-visible,
.hi-select-persons .insurances-details-actions .cancel-button:focus-visible, .hi-start .wizard-layout-footer .cancel-button:focus-visible,
.hi-start .wizard-layout-footer .ief-popup-cancel:focus-visible,
.hi-start .wizard-layout-footer .back-button:focus-visible,
.hi-start .form-actions .cancel-button:focus-visible,
.hi-start .form-actions .ief-popup-cancel:focus-visible,
.hi-start .form-actions .back-button:focus-visible,
.hi-start .insurances-details-actions .cancel-button:focus-visible,
.hi-start .insurances-details-actions .ief-popup-cancel:focus-visible,
.hi-start .insurances-details-actions .back-button:focus-visible,
.hi-details .wizard-layout-footer .cancel-button:focus-visible,
.hi-details .wizard-layout-footer .ief-popup-cancel:focus-visible,
.hi-details .wizard-layout-footer .back-button:focus-visible,
.hi-details .form-actions .cancel-button:focus-visible,
.hi-details .form-actions .ief-popup-cancel:focus-visible,
.hi-details .form-actions .back-button:focus-visible,
.hi-details .insurances-details-actions .cancel-button:focus-visible,
.hi-details .insurances-details-actions .ief-popup-cancel:focus-visible,
.hi-details .insurances-details-actions .back-button:focus-visible {
  outline: none;
  box-shadow: none;
}

.action-link {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--ac-btn-bg);
  color: var(--ac-btn-text-color);
  border-width: var(--ac-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--ac-btn-border-style);
  border-color: var(--ac-btn-border-color);
  padding: var(--ac-btn-padding);
  font-size: var(--ac-btn-font-size);
  line-height: var(--ac-btn-line-height);
  letter-spacing: var(--ac-btn-letter-spacing);
  -webkit-text-decoration: var(--ac-btn-text-decoration);
          text-decoration: var(--ac-btn-text-decoration);
  transition: color 0.3s ease;
}

.action-link:hover, .action-link:focus {
  background-color: var(--ac-btn-bg-hover);
  border-color: var(--ac-btn-border-color-hover);
  color: var(--ac-btn-text-color-hover);
  -webkit-text-decoration: var(--ac-btn-text-decoration-hover);
          text-decoration: var(--ac-btn-text-decoration-hover);
  transition: color 0.3s ease;
}

.action-link:focus, .action-link:focus-visible {
  outline: none;
  box-shadow: none;
}

.select-profiles-link {
  color: var(--primary-color);
}

.hi-start .field__label,
.hi-details .field__label {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.hi-start .fieldset__legend,
.hi-details .fieldset__legend {
  font-family: var(--font-bold);
  font-weight: 700;
}

.hi-start .form-item__label,
.hi-start .fieldset__label,
.hi-details .form-item__label,
.hi-details .fieldset__label {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.hi-start .form-item__label.option,
.hi-start .fieldset__label.option,
.hi-details .form-item__label.option,
.hi-details .fieldset__label.option {
  font-family: var(--font-regular);
  font-weight: 400;
}

.hi-start .form-item__label.option a,
.hi-start .fieldset__label.option a,
.hi-details .form-item__label.option a,
.hi-details .fieldset__label.option a {
  text-decoration: unset;
  font-weight: 700;
  text-decoration: unset;
  color: var(--primary-color);
}

.hi-start .form-item__label.option a:hover,
.hi-start .fieldset__label.option a:hover,
.hi-details .form-item__label.option a:hover,
.hi-details .fieldset__label.option a:hover {
  color: var(--accent-color);
}

.hi-start .form-boolean-group .form-item__label,
.hi-details .form-boolean-group .form-item__label {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.hi-start .form-boolean-group .form-item,
.hi-details .form-boolean-group .form-item {
  border: 1px solid var(--bs-gray-400);
}

.hi-start .form-boolean-group input[type=radio],
.hi-details .form-boolean-group input[type=radio] {
  border: 1px solid var(--bs-gray-400) !important;
}

.hi-start .form-boolean-group input[type=radio]:checked::after,
.hi-details .form-boolean-group input[type=radio]:checked::after {
  background-color: var(--primary-color);
}

.hi-start .wizard-layout-footer,
.hi-start .form-actions,
.hi-start .insurances-details-actions,
.hi-details .wizard-layout-footer,
.hi-details .form-actions,
.hi-details .insurances-details-actions {
  margin-top: 0;
  padding-top: 0;
  border-top: 0 !important;
}

.hi-start .single-person-wrap .remove-person,
.hi-details .single-person-wrap .remove-person {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

.hi-start .insured-persons-table,
.hi-details .insured-persons-table {
  border-top: 1px solid var(--grey-color);
}

.hi-start .insured-persons-table .add-person:focus,
.hi-details .insured-persons-table .add-person:focus {
  outline: none;
}

.hi-start .select-profiles-link,
.hi-details .select-profiles-link {
  color: var(--primary-color);
}

.hi-start [data-provide=datepicker],
.hi-details [data-provide=datepicker] {
  border: 1px solid var(--bs-gray-400);
  color: var(--text-color);
}

.hi-start [data-provide=datepicker]:hover::placeholder, .hi-start [data-provide=datepicker]:focus::placeholder,
.hi-details [data-provide=datepicker]:hover::placeholder,
.hi-details [data-provide=datepicker]:focus::placeholder {
  color: var(--grey-color);
}

.hi-start [data-provide=datepicker]:hover:focus, .hi-start [data-provide=datepicker]:focus:focus,
.hi-details [data-provide=datepicker]:hover:focus,
.hi-details [data-provide=datepicker]:focus:focus {
  border: 1px solid var(--bs-gray-500);
}

.hi-start .bd-calendar-icon,
.hi-details .bd-calendar-icon {
  background-size: 20px;
}

.hi-start .bd-calendar-icon.button,
.hi-details .bd-calendar-icon.button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.hi-start .bd-calendar-icon.button:hover,
.hi-details .bd-calendar-icon.button:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.hi-start input[type=checkbox],
.hi-details input[type=checkbox] {
  border: 1px solid var(--bs-gray-400);
}

.hi-start input[type=checkbox]:focus,
.hi-details input[type=checkbox]:focus {
  border: 1px solid var(--primary-color);
}

.hi-start input[type=checkbox]:hover,
.hi-details input[type=checkbox]:hover {
  border: 1px solid var(--primary-color);
}

.hi-start input[type=checkbox]:checked,
.hi-details input[type=checkbox]:checked {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

.select-profiles .title {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color-75);
}

.select-profiles .disabled-message {
  font-family: var(--font-regular);
  font-weight: 400;
  color: var(--text-color);
}

.select-profiles.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.select-profiles.ui-dialog .ui-dialog-titlebar .ui-dialog-title em {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.hi-select-persons .fieldset__legend {
  font-family: var(--font-bold);
  font-weight: 700;
}

.hi-select-persons .fieldset__label {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.hi-select-persons .existing-profiles--wrap .fieldset__description,
.hi-select-persons .existing-profiles--wrap .title {
  font-family: var(--font-regular);
  font-weight: 400;
  color: var(--text-color-75);
}

.hi-select-persons input[type=checkbox] {
  border: 1px solid var(--bs-gray-400);
}

.hi-select-persons input[type=checkbox]:focus {
  border: 1px solid var(--primary-color);
}

.hi-select-persons input[type=checkbox]:hover {
  border: 1px solid var(--primary-color);
}

.hi-select-persons input[type=checkbox]:checked {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

.hi-select-persons .wizard-layout-footer,
.hi-select-persons .form-actions,
.hi-select-persons .insurances-details-actions {
  margin-top: 0;
  padding-top: 0;
  border-top: 0 !important;
}

.hi-details .wizard-details-price-wrapper,
.hi-details .wizard-details-main {
  border: 1px solid var(--grey-color);
}

.profile-wrapper [class*=details__summary] {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
  padding: 1rem 1.4rem;
}

.sticky_details .form-boolean-group .form-item__label {
  color: var(--text-color);
}

.sticky_details .form-boolean-group .form-item {
  border: 1px solid var(--bs-gray-400);
}

.sticky_details .form-boolean-group input[type=radio] {
  border: 1px solid var(--bs-gray-400) !important;
}

.sticky_details .form-boolean-group input[type=radio]:checked {
  border: 1px solid var(--primary-color) !important;
}

.sticky_details .form-boolean-group input[type=radio]:checked::after {
  background-color: var(--primary-color);
}

.sticky_details .form-boolean-group .term-name b {
  font-family: var(--font-bold);
  font-weight: 700;
}

.health-top--summary .block__title {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.health-top--summary .calculation-container {
  background-color: var(--primary-color);
}

.health-top--summary .calculation-container .calculation-title {
  font-family: var(--font-bold);
  font-weight: 700;
}

.health-top--summary .calculation-container .calculation-body .field__wrap {
  font-family: var(--font-bold);
  font-weight: 700;
}

.insurance-generalities .car-summary {
  border-top: 1px solid var(--grey-color);
}

.insurance-generalities table caption {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--text-color);
}

.insurance-generalities table thead {
  background: #FCFCFC;
  border: 1px solid rgba(85, 86, 90, 0.12);
}

.insurance-generalities table thead th {
  font-family: var(--font-regular);
  font-weight: 400;
  color: var(--text-color-75);
}

.insurance-generalities table tbody td {
  font-family: var(--font-regular);
  font-weight: 400;
  color: var(--text-color);
}

.insurance-generalities table tbody td .summary-name {
  font-family: var(--font-bold);
  font-weight: 700;
}

.insurance-generalities .car-name--wrap {
  font-family: var(--font-bold);
  font-weight: 700;
}

.health-top--summary .summary-banner img,
.health-top--summary .summary-banner svg {
  height: fit-content;
}

@media (max-width: 48rem) {
  .health-top--summary .calculation-body .field__wrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .health-top--summary .calculation-body .field__wrap + .field__wrap {
    border-top: 1px solid var(--grey-color-50);
    padding-top: 20px;
  }
}

/*# sourceMappingURL=health_insurance.css.map*/