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

.m-card-key {
  display: grid;
  grid-template-columns: 2.5rem auto;
  gap: 1.75rem;
  align-items: center;
  text-align: start;
}

@media (min-width: 1025px) {
  .m-card-key {
    grid-template-columns: auto;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    gap: 2rem;
  }
}

.m-card-key--second {
  grid-template-columns: 2.5rem auto;
  justify-content: flex-start;
  text-align: start;
}

@media (min-width: 1025px) {
  .m-card-key--second {
    grid-template-columns: 3rem auto;
    gap: 2.5rem;
  }
}

.m-card-key--third {
  grid-template-columns: 1.5rem auto;
  gap: 0.75rem;
  justify-content: flex-start;
  text-align: start;
}

@media (min-width: 1025px) {
  .m-card-key--third {
    gap: 1rem;
  }
}

.m-card-key__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  vertical-align: middle;
  color: var(--color-secondary-icons);
}

@media (min-width: 1025px) {
  .m-card-key__icon {
    width: 4rem;
    height: 4rem;
  }
}

@media (min-width: 1025px) {
  .m-card-key--second .m-card-key__icon {
    width: 3rem;
    height: 3rem;
  }
}

.m-card-key--third .m-card-key__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}

.m-card-key__icon div,
.m-card-key__icon svg {
  width: inherit;
  height: inherit;
}

.m-card-key__content {
  color: var(--color-text-stroke-primary);
}