/* stylelint-disable */
@layer drv.components.icontext {
  .drv-icontext {
    display: block;
  }
  .drv-icon-heading {
    display: flex;
    column-gap: 0.25em;
  }
  .drv-icon-heading__icon {
    display: flex;
    align-self: start;
    color: inherit;
  }
  @media (min-width: 64.0625rem) {
    .drv-icon-heading__icon {
      margin-block-start: var(--drv-spacing-01, 0.125rem);
    }
  }
  h2.drv-icon-heading .drv-icon-heading__icon,
  h1.drv-icon-heading .drv-icon-heading__icon {
    margin-block-start: 0;
  }
  .drv-icontext--decorative .drv-icon-heading {
    align-items: center;
    column-gap: var(--drv-spacing-06, 1.5rem);
  }
  .drv-icontext--decorative .drv-icon-heading__icon {
    clip-path: circle(50%);
  }
  .drv-icontext--decorative .drv-icon-heading__icon .drv-icon {
    box-sizing: content-box;
    flex-shrink: 0;
    block-size: var(--drv-icon-heading-size--sm, 1.5rem);
    inline-size: var(--drv-icon-heading-size--sm, 1.5rem);
    margin-block-start: 0;
    padding: var(--drv-icon-heading-padding--sm, 0.75rem);
    background-color: var(--drv-color-ui-05, #e1e6ec);
    color: var(--drv-color-ui-07, #083163);
    aspect-ratio: 1/1;
  }
  @media (min-width: 64.0625rem) {
    .drv-icontext--decorative .drv-icon-heading__icon .drv-icon {
      block-size: var(--drv-icon-heading-size--lg, 2rem);
      inline-size: var(--drv-icon-heading-size--lg, 2rem);
      padding: var(--drv-icon-heading-padding--lg, 1rem);
    }
  }
  .drv-icontext--dark {
    color: var(--drv-color-text-02, #ffffff);
  }
  .drv-icontext--dark .drv-icon-heading__icon .drv-icon {
    background-color: var(--drv-color-ui-05, #e1e6ec);
  }
  .drv-icontext--color .drv-icon-heading__icon .drv-icon {
    background-color: var(--drv-color-ui-01, #ffffff);
  }
}