/* docara-shell-source: runtime/utility/outline-color/active/css/active.css */
@layer sf.utilities {
  .active\:outline-transparent:active {
    outline-color: var(--sf-transparent);
  }
  .active\:outline-current:active {
    outline-color: var(--sf-current);
  }
  .active\:outline-outline:active {
    outline-color: var(--sf-outline);
  }
  .active\:outline-outline-variant:active {
    outline-color: var(--sf-outline-variant);
  }
  .active\:outline-primary:active {
    outline-color: var(--sf-outline-primary);
  }
  .active\:outline-secondary:active {
    outline-color: var(--sf-outline-secondary);
  }
  .active\:outline-tertiary:active {
    outline-color: var(--sf-outline-tertiary);
  }
  .active\:outline-error:active {
    outline-color: var(--sf-outline-error);
  }
  .active\:outline-warning:active {
    outline-color: var(--sf-outline-warning);
  }
  .active\:outline-success:active {
    outline-color: var(--sf-outline-success);
  }
}

/* docara-shell-source: runtime/utility/outline-color/default/css/default.css */
@layer sf.utilities {
  .outline-transparent {
    outline-color: var(--sf-transparent);
  }
  .outline-current {
    outline-color: var(--sf-current);
  }
  .outline-outline {
    outline-color: var(--sf-outline);
  }
  .outline-outline-variant {
    outline-color: var(--sf-outline-variant);
  }
  .outline-primary {
    outline-color: var(--sf-outline-primary);
  }
  .outline-secondary {
    outline-color: var(--sf-outline-secondary);
  }
  .outline-tertiary {
    outline-color: var(--sf-outline-tertiary);
  }
  .outline-error {
    outline-color: var(--sf-outline-error);
  }
  .outline-warning {
    outline-color: var(--sf-outline-warning);
  }
  .outline-success {
    outline-color: var(--sf-outline-success);
  }
}

/* docara-shell-source: runtime/utility/outline-width/default/css/default.css */
@layer sf.utilities {
  .outline-1 {
    outline-width: var(--sf-a1);
  }
  .outline-2 {
    outline-width: var(--sf-a2);
  }
  .outline-3 {
    outline-width: var(--sf-a3);
  }
  .outline-4 {
    outline-width: var(--sf-a4);
  }
  .outline-0 {
    outline-width: var(--sf-0);
  }
}

/* docara-shell-source: runtime/utility/outline-offset/default/css/default.css */
@layer sf.utilities {
  .outline-offset-1 {
    outline-offset: var(--sf-a1);
  }
  .outline-offset-2 {
    outline-offset: var(--sf-a2);
  }
  .outline-offset-3 {
    outline-offset: var(--sf-a3);
  }
  .outline-offset-4 {
    outline-offset: var(--sf-a4);
  }
}

/* docara-shell-source: runtime/utility/outline-color/focus-visible/css/focus-visible.css */
@layer sf.utilities {
  .focus-visible\:outline-transparent.focus-visible {
    outline-color: var(--sf-transparent);
  }
  .focus-visible\:outline-transparent:focus-visible {
    outline-color: var(--sf-transparent);
  }
  .focus-visible\:outline-current.focus-visible {
    outline-color: var(--sf-current);
  }
  .focus-visible\:outline-current:focus-visible {
    outline-color: var(--sf-current);
  }
  .focus-visible\:outline-outline.focus-visible {
    outline-color: var(--sf-outline);
  }
  .focus-visible\:outline-outline:focus-visible {
    outline-color: var(--sf-outline);
  }
  .focus-visible\:outline-outline-variant.focus-visible {
    outline-color: var(--sf-outline-variant);
  }
  .focus-visible\:outline-outline-variant:focus-visible {
    outline-color: var(--sf-outline-variant);
  }
  .focus-visible\:outline-primary.focus-visible {
    outline-color: var(--sf-outline-primary);
  }
  .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--sf-outline-primary);
  }
  .focus-visible\:outline-secondary.focus-visible {
    outline-color: var(--sf-outline-secondary);
  }
  .focus-visible\:outline-secondary:focus-visible {
    outline-color: var(--sf-outline-secondary);
  }
  .focus-visible\:outline-tertiary.focus-visible {
    outline-color: var(--sf-outline-tertiary);
  }
  .focus-visible\:outline-tertiary:focus-visible {
    outline-color: var(--sf-outline-tertiary);
  }
  .focus-visible\:outline-error.focus-visible {
    outline-color: var(--sf-outline-error);
  }
  .focus-visible\:outline-error:focus-visible {
    outline-color: var(--sf-outline-error);
  }
  .focus-visible\:outline-warning.focus-visible {
    outline-color: var(--sf-outline-warning);
  }
  .focus-visible\:outline-warning:focus-visible {
    outline-color: var(--sf-outline-warning);
  }
  .focus-visible\:outline-success.focus-visible {
    outline-color: var(--sf-outline-success);
  }
  .focus-visible\:outline-success:focus-visible {
    outline-color: var(--sf-outline-success);
  }
}

/* docara-shell-source: runtime/utility/outline-color/hover/css/hover.css */
@layer sf.utilities {
  .hover\:outline-transparent:hover {
    outline-color: var(--sf-transparent);
  }
  .hover\:outline-current:hover {
    outline-color: var(--sf-current);
  }
  .hover\:outline-outline:hover {
    outline-color: var(--sf-outline);
  }
  .hover\:outline-outline-variant:hover {
    outline-color: var(--sf-outline-variant);
  }
  .hover\:outline-primary:hover {
    outline-color: var(--sf-outline-primary);
  }
  .hover\:outline-secondary:hover {
    outline-color: var(--sf-outline-secondary);
  }
  .hover\:outline-tertiary:hover {
    outline-color: var(--sf-outline-tertiary);
  }
  .hover\:outline-error:hover {
    outline-color: var(--sf-outline-error);
  }
  .hover\:outline-warning:hover {
    outline-color: var(--sf-outline-warning);
  }
  .hover\:outline-success:hover {
    outline-color: var(--sf-outline-success);
  }
}