/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

.m-icon-text {
  display: flex;
  border-bottom: 0.0625rem solid currentColor;
  padding-block: 0.75rem;
  gap: 1rem;
}

@media (min-width: 1025px) {
  .m-icon-text {
    padding-block: 0.875rem;
  }
}

.m-icon-text--second {
  position: relative;
  padding-right: 4.375rem;
  padding-block: 0;
  gap: 0;
}

.m-icon-text--third {
  flex-direction: column;
  gap: 2rem;
  padding: 0;
  border-bottom: 0;
}

.m-icon-text--fourth {
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  border-bottom: 0;
}

.m-icon-text--fifth {
  gap: 1.5rem;
  padding-block: 0;
  border-bottom: 0;
}

.m-icon-text__icon-container {
  position: relative;
  top: 0.125rem;
  flex-shrink: 0;
}

.m-icon-text--second .m-icon-text__icon-container {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -0.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.375rem;
  height: 3.5rem;
  border: 0.0625rem solid currentColor;
}

.m-icon-text--third .m-icon-text__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.375rem;
  height: 3.375rem;
  border: 0.0625rem solid currentColor;
}

.m-icon-text--fourth .m-icon-text__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-extended-neutrals-n-700);
}

.m-icon-text__icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.m-icon-text__text {
  flex-grow: 1;
}

.m-icon-text--second .m-icon-text__text {
  display: flex;
  align-items: center;
  height: 3.375rem;
}