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

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