/*
 * This file is used to import helper styles and make them available for use
 * in other SCSS files independently.
 *
 * This file will be preprocessed and copied to the dist folder in the build process.
 *
 * See the build script in package.json for more details.
 */
.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

.ds-focus-ring:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}

.ds-focus-ring.ds-focus-ring--focus-within:focus-within {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}

.ds-focus-ring.ds-focus-ring--inset:focus-visible {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick, 0.25rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * -1 * 1);
}

.ds-focus-ring.ds-focus-ring--inset.ds-focus-ring--focus-within:focus-within {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick, 0.25rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * -1 * 1);
}

.ds-focus-ring.ds-focus-ring--inverted:focus-visible {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}

.ds-focus-ring.ds-focus-ring--inverted.ds-focus-ring--focus-within:focus-within {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}

.ds-focus-ring.ds-focus-ring--inverted.ds-focus-ring--inset:focus-visible {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick, 0.25rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * -1 * 1);
}

.ds-focus-ring.ds-focus-ring--inverted.ds-focus-ring--inset.ds-focus-ring--focus-within:focus-within {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick, 0.25rem) var(--ds-borderColor-black, #0c0c0c);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-white, #fff);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * -1 * 1);
}

/*# sourceMappingURL=helpers.css.map */