// Si le composant JS n'est pas chargé, alors les custom-properties ne sont pas modifiée,
// sinon elles sont surchargée

// reset des csustom-propeties afin que la surchage de what-input fonctionne correctement
[data-whatinput] body {
  --dt-outline-width-default: 0;
  --dt-outline-color-default: transparent;
  --dt-outline-border_style-default: none;
  --dt-outline-offset-default: 0;
}

// gestion du focus des inputs
[data-whatinput='keyboard'] [tabindex="0"]:focus,
[data-whatinput='keyboard'] a:focus,
[data-whatinput='keyboard'] input:focus,
[data-whatinput='keyboard'] button:focus,
[data-whatinput='keyboard'] input[type="radio"]:focus + label,
[data-whatinput='keyboard'] input[type="checkbox"]:focus + label,
[data-whatinput='keyboard'] .input_select:focus-within,
[data-whatinput='keyboard'] div:not(.input_select) > select:focus,
[data-whatinput='keyboard'] textarea:focus {
  outline: var(--dt-outline-width-keyboard) var(--dt-outline-border_style-keyboard) var(--dt-outline-color-keyboard);
  outline-offset: var(--dt-outline-offset-keyboard);
  transition: outline 100ms ease-in;
}