pr-conditional-validation input {
  width: 100%;
  height: 100%;
  border: 1px solid var(--c-border);
}
pr-conditional-validation input:required:invalid {
  border: 1px solid var(--c-error);
}
pr-conditional-validation .header-row {
  border-top: var(--c-border) solid 1.5px;
}
pr-conditional-validation .validations {
  display: grid;
  grid-template-columns: 2rem 8rem auto auto;
  grid-template-rows: 2rem;
  border-left: var(--c-border) solid 1.5px;
}
pr-conditional-validation .validations div {
  border-right: var(--c-border) solid 2px;
  border-bottom: var(--c-border) solid 2px;
  display: flex;
  align-items: center;
}
pr-conditional-validation .validations div.check {
  justify-content: center;
}
pr-conditional-validation .validations [data-disabled] {
  background: var(--c-sc-disabled);
}
pr-conditional-validation .validations [data-disabled] input {
  color: var(--c-disabled);
}
pr-conditional-validation .validations .na {
  background: var(--c-disabled);
  color: #50526b;
}
pr-conditional-validation .validations .header {
  background: var(--c-group-bar);
  font-size: var(--font-size-base);
}
pr-conditional-validation .validations input {
  line-height: unset;
  padding: 0;
}
pr-conditional-validation .validations svg {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  pointer-events: none;
}
pr-conditional-validation .validations .check {
  cursor: pointer;
}
pr-conditional-validation .validations .padded, pr-conditional-validation .validations .header {
  padding: 0 0.5rem;
}