/* Consultation controls remain legible while their disabled state is explicit. */
[data-demo-read-only="true"] [data-demo-read-only-control="true"] {
  cursor: not-allowed !important;
}

[data-demo-read-only="true"] button[data-demo-read-only-control="true"],
[data-demo-read-only="true"] label[data-demo-read-only-control="true"] {
  opacity: .62;
  box-shadow: none;
  transform: none;
}

[data-demo-read-only="true"] input[data-demo-read-only-control="true"],
[data-demo-read-only="true"] select[data-demo-read-only-control="true"],
[data-demo-read-only="true"] textarea[data-demo-read-only-control="true"] {
  background: #eef3f5;
  color: #354d59;
  -webkit-text-fill-color: #354d59;
  opacity: 1;
}

[data-demo-read-only="true"] input[readonly],
[data-demo-read-only="true"] textarea[readonly] {
  cursor: text !important;
}

.demo-readonly-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}