/* Leading icons on form inputs and read-only profile fields */

.custodian-field-icon-slot {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  padding-inline-start: 0.875rem;
  /* Above adjacent inputs with focus:z-10 (register/settings name rows) */
  z-index: 11;
}

.custodian-field-icon-slot svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: rgb(100 116 139);
}

html.dark .custodian-field-icon-slot svg,
.dark .custodian-field-icon-slot svg {
  color: rgb(148 163 184);
}

.custodian-input-with-icon {
  padding-inline-start: 2.625rem !important;
}

.custodian-input-with-icon-end {
  padding-inline-end: 2.75rem !important;
}

.custodian-display-with-icon {
  padding-inline-start: 2.625rem;
}

.custodian-field-icon-slot--top {
  align-items: flex-start;
  padding-top: 0.5rem;
}