.icon {
  width: 0.75em;
  width: 1cap;
  height: 0.75em;
  height: 1cap;
  color: var(--color-dark);
}

.icon-s {
  width: 1.25em;
  width: 2cap;
  height: 1.25em;
  height: 2cap;
  color: var(--color-dark);
}

.icon-m {
  width: 1.75em;
  width: 2.5cap;
  height: 1.75em;
  height: 2.5cap;
  color: var(--color-dark);
}

.icon-lg {
  width: 2.25em;
  width: 3cap;
  height: 2.25em;
  height: 3cap;
  color: #5f5f5f;
  font-size: var(--font-size-l-m);
}

.with-icon {
  display: inline-flex;
  align-items: center;
}

.with-icon .icon {
  margin-inline-start: 0rem;
}