/* File: automatic-cwicly.css - Version: 2.7.3 - Generated: 2024-03-04 17:05:55 */
body :focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
  body :focus {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
}
body *:focus.focus--action {
  --focus-color: var(--action);
}
body .focus--action *:focus, body .focus--action:focus-within {
  --focus-color: var(--action);
}
body *:focus.focus--action-hover {
  --focus-color: var(--action-hover);
}
body .focus--action-hover *:focus, body .focus--action-hover:focus-within {
  --focus-color: var(--action-hover);
}
body *:focus.focus--action-ultra-light {
  --focus-color: var(--action-ultra-light);
}
body .focus--action-ultra-light *:focus, body .focus--action-ultra-light:focus-within {
  --focus-color: var(--action-ultra-light);
}
body *:focus.focus--action-light {
  --focus-color: var(--action-light);
}
body .focus--action-light *:focus, body .focus--action-light:focus-within {
  --focus-color: var(--action-light);
}
body *:focus.focus--action-medium {
  --focus-color: var(--action-medium);
}
body .focus--action-medium *:focus, body .focus--action-medium:focus-within {
  --focus-color: var(--action-medium);
}
body *:focus.focus--action-dark {
  --focus-color: var(--action-dark);
}
body .focus--action-dark *:focus, body .focus--action-dark:focus-within {
  --focus-color: var(--action-dark);
}
body *:focus.focus--action-ultra-dark {
  --focus-color: var(--action-ultra-dark);
}
body .focus--action-ultra-dark *:focus, body .focus--action-ultra-dark:focus-within {
  --focus-color: var(--action-ultra-dark);
}
body *:focus.focus--action-comp {
  --focus-color: var(--action-comp);
}
body .focus--action-comp *:focus, body .focus--action-comp:focus-within {
  --focus-color: var(--action-comp);
}
body *:focus.focus--primary {
  --focus-color: var(--primary);
}
body .focus--primary *:focus, body .focus--primary:focus-within {
  --focus-color: var(--primary);
}
body *:focus.focus--primary-hover {
  --focus-color: var(--primary-hover);
}
body .focus--primary-hover *:focus, body .focus--primary-hover:focus-within {
  --focus-color: var(--primary-hover);
}
body *:focus.focus--primary-ultra-light {
  --focus-color: var(--primary-ultra-light);
}
body .focus--primary-ultra-light *:focus, body .focus--primary-ultra-light:focus-within {
  --focus-color: var(--primary-ultra-light);
}
body *:focus.focus--primary-light {
  --focus-color: var(--primary-light);
}
body .focus--primary-light *:focus, body .focus--primary-light:focus-within {
  --focus-color: var(--primary-light);
}
body *:focus.focus--primary-medium {
  --focus-color: var(--primary-medium);
}
body .focus--primary-medium *:focus, body .focus--primary-medium:focus-within {
  --focus-color: var(--primary-medium);
}
body *:focus.focus--primary-dark {
  --focus-color: var(--primary-dark);
}
body .focus--primary-dark *:focus, body .focus--primary-dark:focus-within {
  --focus-color: var(--primary-dark);
}
body *:focus.focus--primary-ultra-dark {
  --focus-color: var(--primary-ultra-dark);
}
body .focus--primary-ultra-dark *:focus, body .focus--primary-ultra-dark:focus-within {
  --focus-color: var(--primary-ultra-dark);
}
body *:focus.focus--primary-comp {
  --focus-color: var(--primary-comp);
}
body .focus--primary-comp *:focus, body .focus--primary-comp:focus-within {
  --focus-color: var(--primary-comp);
}
body *:focus.focus--secondary {
  --focus-color: var(--secondary);
}
body .focus--secondary *:focus, body .focus--secondary:focus-within {
  --focus-color: var(--secondary);
}
body *:focus.focus--secondary-hover {
  --focus-color: var(--secondary-hover);
}
body .focus--secondary-hover *:focus, body .focus--secondary-hover:focus-within {
  --focus-color: var(--secondary-hover);
}
body *:focus.focus--secondary-ultra-light {
  --focus-color: var(--secondary-ultra-light);
}
body .focus--secondary-ultra-light *:focus, body .focus--secondary-ultra-light:focus-within {
  --focus-color: var(--secondary-ultra-light);
}
body *:focus.focus--secondary-light {
  --focus-color: var(--secondary-light);
}
body .focus--secondary-light *:focus, body .focus--secondary-light:focus-within {
  --focus-color: var(--secondary-light);
}
body *:focus.focus--secondary-medium {
  --focus-color: var(--secondary-medium);
}
body .focus--secondary-medium *:focus, body .focus--secondary-medium:focus-within {
  --focus-color: var(--secondary-medium);
}
body *:focus.focus--secondary-dark {
  --focus-color: var(--secondary-dark);
}
body .focus--secondary-dark *:focus, body .focus--secondary-dark:focus-within {
  --focus-color: var(--secondary-dark);
}
body *:focus.focus--secondary-ultra-dark {
  --focus-color: var(--secondary-ultra-dark);
}
body .focus--secondary-ultra-dark *:focus, body .focus--secondary-ultra-dark:focus-within {
  --focus-color: var(--secondary-ultra-dark);
}
body *:focus.focus--secondary-comp {
  --focus-color: var(--secondary-comp);
}
body .focus--secondary-comp *:focus, body .focus--secondary-comp:focus-within {
  --focus-color: var(--secondary-comp);
}
body *:focus.focus--accent {
  --focus-color: var(--accent);
}
body .focus--accent *:focus, body .focus--accent:focus-within {
  --focus-color: var(--accent);
}
body *:focus.focus--accent-hover {
  --focus-color: var(--accent-hover);
}
body .focus--accent-hover *:focus, body .focus--accent-hover:focus-within {
  --focus-color: var(--accent-hover);
}
body *:focus.focus--accent-ultra-light {
  --focus-color: var(--accent-ultra-light);
}
body .focus--accent-ultra-light *:focus, body .focus--accent-ultra-light:focus-within {
  --focus-color: var(--accent-ultra-light);
}
body *:focus.focus--accent-light {
  --focus-color: var(--accent-light);
}
body .focus--accent-light *:focus, body .focus--accent-light:focus-within {
  --focus-color: var(--accent-light);
}
body *:focus.focus--accent-medium {
  --focus-color: var(--accent-medium);
}
body .focus--accent-medium *:focus, body .focus--accent-medium:focus-within {
  --focus-color: var(--accent-medium);
}
body *:focus.focus--accent-dark {
  --focus-color: var(--accent-dark);
}
body .focus--accent-dark *:focus, body .focus--accent-dark:focus-within {
  --focus-color: var(--accent-dark);
}
body *:focus.focus--accent-ultra-dark {
  --focus-color: var(--accent-ultra-dark);
}
body .focus--accent-ultra-dark *:focus, body .focus--accent-ultra-dark:focus-within {
  --focus-color: var(--accent-ultra-dark);
}
body *:focus.focus--accent-comp {
  --focus-color: var(--accent-comp);
}
body .focus--accent-comp *:focus, body .focus--accent-comp:focus-within {
  --focus-color: var(--accent-comp);
}
body *:focus.focus--base {
  --focus-color: var(--base);
}
body .focus--base *:focus, body .focus--base:focus-within {
  --focus-color: var(--base);
}
body *:focus.focus--base-hover {
  --focus-color: var(--base-hover);
}
body .focus--base-hover *:focus, body .focus--base-hover:focus-within {
  --focus-color: var(--base-hover);
}
body *:focus.focus--base-ultra-light {
  --focus-color: var(--base-ultra-light);
}
body .focus--base-ultra-light *:focus, body .focus--base-ultra-light:focus-within {
  --focus-color: var(--base-ultra-light);
}
body *:focus.focus--base-light {
  --focus-color: var(--base-light);
}
body .focus--base-light *:focus, body .focus--base-light:focus-within {
  --focus-color: var(--base-light);
}
body *:focus.focus--base-medium {
  --focus-color: var(--base-medium);
}
body .focus--base-medium *:focus, body .focus--base-medium:focus-within {
  --focus-color: var(--base-medium);
}
body *:focus.focus--base-dark {
  --focus-color: var(--base-dark);
}
body .focus--base-dark *:focus, body .focus--base-dark:focus-within {
  --focus-color: var(--base-dark);
}
body *:focus.focus--base-ultra-dark {
  --focus-color: var(--base-ultra-dark);
}
body .focus--base-ultra-dark *:focus, body .focus--base-ultra-dark:focus-within {
  --focus-color: var(--base-ultra-dark);
}
body *:focus.focus--base-comp {
  --focus-color: var(--base-comp);
}
body .focus--base-comp *:focus, body .focus--base-comp:focus-within {
  --focus-color: var(--base-comp);
}
body *:focus.focus--neutral {
  --focus-color: var(--neutral);
}
body .focus--neutral *:focus, body .focus--neutral:focus-within {
  --focus-color: var(--neutral);
}
body *:focus.focus--neutral-hover {
  --focus-color: var(--neutral-hover);
}
body .focus--neutral-hover *:focus, body .focus--neutral-hover:focus-within {
  --focus-color: var(--neutral-hover);
}
body *:focus.focus--neutral-ultra-light {
  --focus-color: var(--neutral-ultra-light);
}
body .focus--neutral-ultra-light *:focus, body .focus--neutral-ultra-light:focus-within {
  --focus-color: var(--neutral-ultra-light);
}
body *:focus.focus--neutral-light {
  --focus-color: var(--neutral-light);
}
body .focus--neutral-light *:focus, body .focus--neutral-light:focus-within {
  --focus-color: var(--neutral-light);
}
body *:focus.focus--neutral-medium {
  --focus-color: var(--neutral-medium);
}
body .focus--neutral-medium *:focus, body .focus--neutral-medium:focus-within {
  --focus-color: var(--neutral-medium);
}
body *:focus.focus--neutral-dark {
  --focus-color: var(--neutral-dark);
}
body .focus--neutral-dark *:focus, body .focus--neutral-dark:focus-within {
  --focus-color: var(--neutral-dark);
}
body *:focus.focus--neutral-ultra-dark {
  --focus-color: var(--neutral-ultra-dark);
}
body .focus--neutral-ultra-dark *:focus, body .focus--neutral-ultra-dark:focus-within {
  --focus-color: var(--neutral-ultra-dark);
}
body *:focus.focus--neutral-comp {
  --focus-color: var(--neutral-comp);
}
body .focus--neutral-comp *:focus, body .focus--neutral-comp:focus-within {
  --focus-color: var(--neutral-comp);
}
body *:focus.focus--shade {
  --focus-color: var(--shade);
}
body .focus--shade *:focus, body .focus--shade:focus-within {
  --focus-color: var(--shade);
}
body *:focus.focus--shade-hover {
  --focus-color: var(--shade-hover);
}
body .focus--shade-hover *:focus, body .focus--shade-hover:focus-within {
  --focus-color: var(--shade-hover);
}
body *:focus.focus--shade-ultra-light {
  --focus-color: var(--shade-ultra-light);
}
body .focus--shade-ultra-light *:focus, body .focus--shade-ultra-light:focus-within {
  --focus-color: var(--shade-ultra-light);
}
body *:focus.focus--shade-light {
  --focus-color: var(--shade-light);
}
body .focus--shade-light *:focus, body .focus--shade-light:focus-within {
  --focus-color: var(--shade-light);
}
body *:focus.focus--shade-medium {
  --focus-color: var(--shade-medium);
}
body .focus--shade-medium *:focus, body .focus--shade-medium:focus-within {
  --focus-color: var(--shade-medium);
}
body *:focus.focus--shade-dark {
  --focus-color: var(--shade-dark);
}
body .focus--shade-dark *:focus, body .focus--shade-dark:focus-within {
  --focus-color: var(--shade-dark);
}
body *:focus.focus--shade-ultra-dark {
  --focus-color: var(--shade-ultra-dark);
}
body .focus--shade-ultra-dark *:focus, body .focus--shade-ultra-dark:focus-within {
  --focus-color: var(--shade-ultra-dark);
}
body *:focus.focus--shade-comp {
  --focus-color: var(--shade-comp);
}
body .focus--shade-comp *:focus, body .focus--shade-comp:focus-within {
  --focus-color: var(--shade-comp);
}
body *:focus.focus--white {
  --focus-color: var(--white);
}
body .focus--white *:focus, body .focus--white:focus-within {
  --focus-color: var(--white);
}
body *:focus.focus--black {
  --focus-color: var(--black);
}
body .focus--black *:focus, body .focus--black:focus-within {
  --focus-color: var(--black);
}