.wrapper {
  padding: 10px;
}

.group {
  padding: 20px;
  background-color: var(--c-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.pointer {
  border-radius: 5px;
  padding: 5px;
  background-color: var(--c-neutral);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.flex-label {
  display: flex;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--c-white-dark);
  padding-bottom: 5px;
}

.flex-label .icon {
  margin-left: 20px;
  width: 30px;
}

.flex-label .icon img {
  width: 100%;
}

.flex-label .type {
  margin-left: auto;
}

.flex-label .name {
  font-size: 12pt;
}

.flex-label .lock {
  margin: auto 0 auto 10px;
  color: --c-gray;
}

.flex-label .error {
  margin: auto 0 auto 20px;
  color: var(--c-error);
  display: flex;
}

.flex-label .error .icon {
  margin: auto 0;
}

.flex-label .error .text {
  margin: auto 0;
}

.break {
  margin-bottom: 30px;
}