.ds-focusable {
  outline: none;
}

.ds-focusable:focus-visible,
.ds-focus-visible-demo {
  box-shadow: var(--ds-shadow-focus);
  outline: 2px solid var(--ds-colour-deep-green);
  outline-offset: 2px;
}

.ds-focus-region {
  border: 1px solid var(--ds-colour-line);
  border-radius: var(--ds-radius-none);
  padding: var(--ds-space-12);
}

.ds-focus-region:focus {
  outline: none;
}

.ds-focus-region:focus-visible,
.ds-focus-region.ds-focus-visible-demo {
  box-shadow: var(--ds-shadow-focus);
  outline: 2px solid var(--ds-colour-deep-green);
  outline-offset: 2px;
}