.db-visually-hidden,
[data-visually-hidden=true] {
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  all: initial;
  inset-block-start: 0 !important;
  block-size: 1px !important;
  position: absolute !important;
  inline-size: 1px !important;
  border-width: 0 !important;
  border-style: initial !important;
  border-color: initial !important;
  border-image: initial !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* Variants for adaptive components like input, select, notification, ... */
.db-custom-select-form-field:is(summary) {
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--db-spacing-fixed-sm);
}
.db-custom-select-form-field:is(summary):not([hidden]) {
  display: flex;
}
.db-custom-select-form-field:is(summary) span {
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}
.db-custom-select-form-field:is(summary) > div {
  gap: var(--db-spacing-fixed-sm);
}
.db-custom-select-form-field:is(summary) > div:not([hidden]) {
  display: flex;
}
