/* docara-shell-source: runtime/utility/divider-width/default/css/default.css */
@layer sf.utilities {
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-1 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  html:not([dir="rtl"]) .divider-x-1 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-right-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-1 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  [dir="rtl"] .divider-x-1 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-left-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-1 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  html:not([dir="rtl"]) .divider-x-1 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-left-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-1 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  [dir="rtl"] .divider-x-1 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-1 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-right-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-x-1 > :not([hidden]) ~ :not([hidden]),
  .divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse:0;
    border-inline-end-width: calc(var(--sf-a1) * var(--sf-divide-x-reverse));
    border-inline-start-width: calc(var(--sf-a1) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-y-1 > :not([hidden]) ~ :not([hidden]),
  .divide-y-1 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse:0;
    border-top-width: calc(var(--sf-a1) * (1 - var(--sf-divide-y-reverse)));
    border-bottom-width: calc(var(--sf-a1) * var(--sf-divide-y-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-2 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  html:not([dir="rtl"]) .divider-x-2 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-right-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-2 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  [dir="rtl"] .divider-x-2 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-left-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-2 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  html:not([dir="rtl"]) .divider-x-2 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-left-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-2 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  [dir="rtl"] .divider-x-2 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-2 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-right-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-x-2 > :not([hidden]) ~ :not([hidden]),
  .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse:0;
    border-inline-end-width: calc(var(--sf-a2) * var(--sf-divide-x-reverse));
    border-inline-start-width: calc(var(--sf-a2) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-y-2 > :not([hidden]) ~ :not([hidden]),
  .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse:0;
    border-top-width: calc(var(--sf-a2) * (1 - var(--sf-divide-y-reverse)));
    border-bottom-width: calc(var(--sf-a2) * var(--sf-divide-y-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-3 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  html:not([dir="rtl"]) .divider-x-3 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-right-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-3 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  [dir="rtl"] .divider-x-3 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-left-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-3 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  html:not([dir="rtl"]) .divider-x-3 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-left-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-3 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  [dir="rtl"] .divider-x-3 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-3 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-right-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-x-3 > :not([hidden]) ~ :not([hidden]),
  .divide-x-3 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse:0;
    border-inline-end-width: calc(var(--sf-a4) * var(--sf-divide-x-reverse));
    border-inline-start-width: calc(var(--sf-a4) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-y-3 > :not([hidden]) ~ :not([hidden]),
  .divide-y-3 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse:0;
    border-top-width: calc(var(--sf-a4) * (1 - var(--sf-divide-y-reverse)));
    border-bottom-width: calc(var(--sf-a4) * var(--sf-divide-y-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-4 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  html:not([dir="rtl"]) .divider-x-4 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-right-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-4 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  [dir="rtl"] .divider-x-4 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-left-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-4 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  html:not([dir="rtl"]) .divider-x-4 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-left-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-4 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  [dir="rtl"] .divider-x-4 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-4 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-right-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-x-4 > :not([hidden]) ~ :not([hidden]),
  .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse:0;
    border-inline-end-width: calc(var(--sf-a8) * var(--sf-divide-x-reverse));
    border-inline-start-width: calc(var(--sf-a8) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-y-4 > :not([hidden]) ~ :not([hidden]),
  .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse:0;
    border-top-width: calc(var(--sf-a8) * (1 - var(--sf-divide-y-reverse)));
    border-bottom-width: calc(var(--sf-a8) * var(--sf-divide-y-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-0 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  html:not([dir="rtl"]) .divider-x-0 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-right-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-0 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
  }
  @supports not (border-inline-end-width: initial) {
  [dir="rtl"] .divider-x-0 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
    }
  }
  .divider-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-left-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .divider-x-0 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  html:not([dir="rtl"]) .divider-x-0 > :not([hidden]) ~ :not([hidden]),html:not([dir="rtl"])
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-left-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)),
  .divide-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(ltr)) {
    border-left-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
  }
  _:-ms-input-placeholder, [dir="rtl"] .divider-x-0 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
  }
  @supports not (border-inline-start-width: initial) {
  [dir="rtl"] .divider-x-0 > :not([hidden]) ~ :not([hidden]),[dir="rtl"]
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    border-right-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
    }
  }
  .divider-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)),
  .divide-x-0 > :not([hidden]) ~ :not([hidden]):where(:dir(rtl)) {
    border-right-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-x-0 > :not([hidden]) ~ :not([hidden]),
  .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse:0;
    border-inline-end-width: calc(var(--sf-0) * var(--sf-divide-x-reverse));
    border-inline-start-width: calc(var(--sf-0) * (1 - var(--sf-divide-x-reverse)));
  }
  .divider-y-0 > :not([hidden]) ~ :not([hidden]),
  .divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse:0;
    border-top-width: calc(var(--sf-0) * (1 - var(--sf-divide-y-reverse)));
    border-bottom-width: calc(var(--sf-0) * var(--sf-divide-y-reverse));
  }
  .divider-y-reverse > :not([hidden]) ~ :not([hidden]),
  .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-y-reverse: 1;
  }
  .divider-x-reverse > :not([hidden]) ~ :not([hidden]),
  .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --sf-divide-x-reverse: 1;
  }
}

/* docara-shell-source: runtime/utility/sr-only/default/css/default.css */
@layer sf.utilities {
  .sr-only {
    position: absolute;
    width: var(--sf-px);
    height: var(--sf-px);
    padding: 0;
    margin: calc(-1 * var(--sf-px));
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}

/* docara-shell-source: runtime/utility/table-border/default/css/default.css */
@layer sf.utilities {
  .table-border > :not(caption) > * {
    border-width: var(--sf-px) var(--sf-0);
  }
  .table-border > :not(caption) > * > * {
    border-width: var(--sf-0) var(--sf-px);
  }
}

/* docara-shell-source: runtime/utility/table-stripe/default/css/default.css */
@layer sf.utilities {
  .table-stripe > tbody > tr:nth-of-type(odd) > * {
    --sf-table-accent-bg: var(--sf-table-stripe-bg);
    color: var(--sf-table-stripe-color);
  }
  .table-stripe-col > :not(caption) > tr > :nth-child(2n) {
    --sf-table-accent-bg: var(--sf-table-stripe-bg);
    color: var(--sf-table-stripe-color);
  }
}

/* docara-shell-source: runtime/utility/divider-color/default/css/default.css */
@layer sf.utilities {
  .divider-transparent > :not([hidden]) ~ :not([hidden]),
  .divide-transparent > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-transparent) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-transparent) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-current > :not([hidden]) ~ :not([hidden]),
  .divide-current > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-current) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-current) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-outline > :not([hidden]) ~ :not([hidden]),
  .divide-outline > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-outline-variant > :not([hidden]) ~ :not([hidden]),
  .divide-outline-variant > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-variant) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-variant) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-primary > :not([hidden]) ~ :not([hidden]),
  .divide-primary > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-primary) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-primary) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-secondary > :not([hidden]) ~ :not([hidden]),
  .divide-secondary > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-secondary) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-secondary) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-tertiary > :not([hidden]) ~ :not([hidden]),
  .divide-tertiary > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-tertiary) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-tertiary) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-error > :not([hidden]) ~ :not([hidden]),
  .divide-error > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-error) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-error) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-warning > :not([hidden]) ~ :not([hidden]),
  .divide-warning > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-warning) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-warning) calc(var(--sf-divider--alfa, 1) * 100%));
  }
  .divider-success > :not([hidden]) ~ :not([hidden]),
  .divide-success > :not([hidden]) ~ :not([hidden]) {
    border-color: color-mix(in srgb, transparent, var(--sf-outline-success) calc(1 * 100%));
    border-color: color-mix(in srgb, transparent, var(--sf-outline-success) calc(var(--sf-divider--alfa, 1) * 100%));
  }
}