/* docara-shell-source: runtime/utility/border-width/sm/css/sm.css */
@layer sf.utilities {
  @media (min-width: 32rem) {
    .sm\:border-1 {
      border-width: var(--sf-a1);
    }
    .sm\:border-2 {
      border-width: var(--sf-a2);
    }
    .sm\:border-3 {
      border-width: var(--sf-a3);
    }
    .sm\:border-4 {
      border-width: var(--sf-a4);
    }
    .sm\:border-5 {
      border-width: var(--sf-a5);
    }
    .sm\:border-6 {
      border-width: var(--sf-a6);
    }
    .sm\:border-7 {
      border-width: var(--sf-a7);
    }
    .sm\:border-8 {
      border-width: var(--sf-a8);
    }
    .sm\:border-9 {
      border-width: var(--sf-a9);
    }
    .sm\:border-10 {
      border-width: var(--sf-b0);
    }
    .sm\:border-0 {
      border-width: var(--sf-0);
    }
    .sm\:border-top-1 {
      border-top-width: var(--sf-a1);
    }
    .sm\:border-top-2 {
      border-top-width: var(--sf-a2);
    }
    .sm\:border-top-3 {
      border-top-width: var(--sf-a3);
    }
    .sm\:border-top-4 {
      border-top-width: var(--sf-a4);
    }
    .sm\:border-top-5 {
      border-top-width: var(--sf-a5);
    }
    .sm\:border-top-6 {
      border-top-width: var(--sf-a6);
    }
    .sm\:border-top-7 {
      border-top-width: var(--sf-a7);
    }
    .sm\:border-top-8 {
      border-top-width: var(--sf-a8);
    }
    .sm\:border-top-9 {
      border-top-width: var(--sf-a9);
    }
    .sm\:border-top-10 {
      border-top-width: var(--sf-b0);
    }
    .sm\:border-top-0 {
      border-top-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .sm\:border-inline-end-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .sm\:border-inline-end-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    .sm\:border-inline-end-1 {
      border-inline-end-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .sm\:border-inline-end-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .sm\:border-inline-end-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    .sm\:border-inline-end-2 {
      border-inline-end-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .sm\:border-inline-end-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .sm\:border-inline-end-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    .sm\:border-inline-end-3 {
      border-inline-end-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .sm\:border-inline-end-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .sm\:border-inline-end-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    .sm\:border-inline-end-4 {
      border-inline-end-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .sm\:border-inline-end-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .sm\:border-inline-end-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    .sm\:border-inline-end-5 {
      border-inline-end-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .sm\:border-inline-end-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .sm\:border-inline-end-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    .sm\:border-inline-end-6 {
      border-inline-end-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .sm\:border-inline-end-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .sm\:border-inline-end-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    .sm\:border-inline-end-7 {
      border-inline-end-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .sm\:border-inline-end-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .sm\:border-inline-end-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    .sm\:border-inline-end-8 {
      border-inline-end-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .sm\:border-inline-end-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .sm\:border-inline-end-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    .sm\:border-inline-end-9 {
      border-inline-end-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .sm\:border-inline-end-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .sm\:border-inline-end-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    .sm\:border-inline-end-10 {
      border-inline-end-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-end-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-end-0 {
      border-right-width: var(--sf-0);
      }
    }
    .sm\:border-inline-end-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-end-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-inline-end-0 {
      border-left-width: var(--sf-0);
      }
    }
    .sm\:border-inline-end-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    .sm\:border-inline-end-0 {
      border-inline-end-width: var(--sf-0);
    }
    .sm\:border-bottom-1 {
      border-bottom-width: var(--sf-a1);
    }
    .sm\:border-bottom-2 {
      border-bottom-width: var(--sf-a2);
    }
    .sm\:border-bottom-3 {
      border-bottom-width: var(--sf-a3);
    }
    .sm\:border-bottom-4 {
      border-bottom-width: var(--sf-a4);
    }
    .sm\:border-bottom-5 {
      border-bottom-width: var(--sf-a5);
    }
    .sm\:border-bottom-6 {
      border-bottom-width: var(--sf-a6);
    }
    .sm\:border-bottom-7 {
      border-bottom-width: var(--sf-a7);
    }
    .sm\:border-bottom-8 {
      border-bottom-width: var(--sf-a8);
    }
    .sm\:border-bottom-9 {
      border-bottom-width: var(--sf-a9);
    }
    .sm\:border-bottom-10 {
      border-bottom-width: var(--sf-b0);
    }
    .sm\:border-bottom-0 {
      border-bottom-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .sm\:border-inline-start-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .sm\:border-inline-start-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .sm\:border-inline-start-1 {
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .sm\:border-inline-start-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .sm\:border-inline-start-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .sm\:border-inline-start-2 {
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .sm\:border-inline-start-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .sm\:border-inline-start-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .sm\:border-inline-start-3 {
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .sm\:border-inline-start-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .sm\:border-inline-start-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .sm\:border-inline-start-4 {
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .sm\:border-inline-start-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .sm\:border-inline-start-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .sm\:border-inline-start-5 {
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .sm\:border-inline-start-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .sm\:border-inline-start-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .sm\:border-inline-start-6 {
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .sm\:border-inline-start-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .sm\:border-inline-start-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .sm\:border-inline-start-7 {
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .sm\:border-inline-start-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .sm\:border-inline-start-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .sm\:border-inline-start-8 {
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .sm\:border-inline-start-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .sm\:border-inline-start-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .sm\:border-inline-start-9 {
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .sm\:border-inline-start-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .sm\:border-inline-start-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .sm\:border-inline-start-10 {
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-inline-start-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-inline-start-0 {
      border-left-width: var(--sf-0);
      }
    }
    .sm\:border-inline-start-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-inline-start-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-inline-start-0 {
      border-right-width: var(--sf-0);
      }
    }
    .sm\:border-inline-start-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .sm\:border-inline-start-0 {
      border-inline-start-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .sm\:border-x-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .sm\:border-x-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .sm\:border-x-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .sm\:border-x-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .sm\:border-x-1 {
      border-inline-end-width: var(--sf-a1);
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .sm\:border-x-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .sm\:border-x-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .sm\:border-x-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .sm\:border-x-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .sm\:border-x-2 {
      border-inline-end-width: var(--sf-a2);
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .sm\:border-x-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .sm\:border-x-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .sm\:border-x-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .sm\:border-x-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .sm\:border-x-3 {
      border-inline-end-width: var(--sf-a3);
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .sm\:border-x-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .sm\:border-x-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .sm\:border-x-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .sm\:border-x-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .sm\:border-x-4 {
      border-inline-end-width: var(--sf-a4);
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .sm\:border-x-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .sm\:border-x-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .sm\:border-x-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .sm\:border-x-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .sm\:border-x-5 {
      border-inline-end-width: var(--sf-a5);
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .sm\:border-x-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .sm\:border-x-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .sm\:border-x-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .sm\:border-x-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .sm\:border-x-6 {
      border-inline-end-width: var(--sf-a6);
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .sm\:border-x-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .sm\:border-x-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .sm\:border-x-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .sm\:border-x-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .sm\:border-x-7 {
      border-inline-end-width: var(--sf-a7);
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .sm\:border-x-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .sm\:border-x-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .sm\:border-x-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .sm\:border-x-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .sm\:border-x-8 {
      border-inline-end-width: var(--sf-a8);
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .sm\:border-x-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .sm\:border-x-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .sm\:border-x-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .sm\:border-x-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .sm\:border-x-9 {
      border-inline-end-width: var(--sf-a9);
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .sm\:border-x-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .sm\:border-x-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .sm\:border-x-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .sm\:border-x-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .sm\:border-x-10 {
      border-inline-end-width: var(--sf-b0);
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .sm\:border-x-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .sm\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .sm\:border-x-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .sm\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .sm\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .sm\:border-x-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .sm\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .sm\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .sm\:border-x-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .sm\:border-x-0 {
      border-inline-end-width: var(--sf-0);
      border-inline-start-width: var(--sf-0);
    }
    .sm\:border-y-1 {
      border-top-width: var(--sf-a1);
      border-bottom-width: var(--sf-a1);
    }
    .sm\:border-y-2 {
      border-top-width: var(--sf-a2);
      border-bottom-width: var(--sf-a2);
    }
    .sm\:border-y-3 {
      border-top-width: var(--sf-a3);
      border-bottom-width: var(--sf-a3);
    }
    .sm\:border-y-4 {
      border-top-width: var(--sf-a4);
      border-bottom-width: var(--sf-a4);
    }
    .sm\:border-y-5 {
      border-top-width: var(--sf-a5);
      border-bottom-width: var(--sf-a5);
    }
    .sm\:border-y-6 {
      border-top-width: var(--sf-a6);
      border-bottom-width: var(--sf-a6);
    }
    .sm\:border-y-7 {
      border-top-width: var(--sf-a7);
      border-bottom-width: var(--sf-a7);
    }
    .sm\:border-y-8 {
      border-top-width: var(--sf-a8);
      border-bottom-width: var(--sf-a8);
    }
    .sm\:border-y-9 {
      border-top-width: var(--sf-a9);
      border-bottom-width: var(--sf-a9);
    }
    .sm\:border-y-10 {
      border-top-width: var(--sf-b0);
      border-bottom-width: var(--sf-b0);
    }
    .sm\:border-y-0 {
      border-top-width: var(--sf-0);
      border-bottom-width: var(--sf-0);
    }
  }
}

/* docara-shell-source: runtime/utility/border-width/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    .md\:border-1 {
      border-width: var(--sf-a1);
    }
    .md\:border-2 {
      border-width: var(--sf-a2);
    }
    .md\:border-3 {
      border-width: var(--sf-a3);
    }
    .md\:border-4 {
      border-width: var(--sf-a4);
    }
    .md\:border-5 {
      border-width: var(--sf-a5);
    }
    .md\:border-6 {
      border-width: var(--sf-a6);
    }
    .md\:border-7 {
      border-width: var(--sf-a7);
    }
    .md\:border-8 {
      border-width: var(--sf-a8);
    }
    .md\:border-9 {
      border-width: var(--sf-a9);
    }
    .md\:border-10 {
      border-width: var(--sf-b0);
    }
    .md\:border-0 {
      border-width: var(--sf-0);
    }
    .md\:border-top-1 {
      border-top-width: var(--sf-a1);
    }
    .md\:border-top-2 {
      border-top-width: var(--sf-a2);
    }
    .md\:border-top-3 {
      border-top-width: var(--sf-a3);
    }
    .md\:border-top-4 {
      border-top-width: var(--sf-a4);
    }
    .md\:border-top-5 {
      border-top-width: var(--sf-a5);
    }
    .md\:border-top-6 {
      border-top-width: var(--sf-a6);
    }
    .md\:border-top-7 {
      border-top-width: var(--sf-a7);
    }
    .md\:border-top-8 {
      border-top-width: var(--sf-a8);
    }
    .md\:border-top-9 {
      border-top-width: var(--sf-a9);
    }
    .md\:border-top-10 {
      border-top-width: var(--sf-b0);
    }
    .md\:border-top-0 {
      border-top-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .md\:border-inline-end-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .md\:border-inline-end-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    .md\:border-inline-end-1 {
      border-inline-end-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .md\:border-inline-end-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .md\:border-inline-end-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    .md\:border-inline-end-2 {
      border-inline-end-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .md\:border-inline-end-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .md\:border-inline-end-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    .md\:border-inline-end-3 {
      border-inline-end-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .md\:border-inline-end-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .md\:border-inline-end-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    .md\:border-inline-end-4 {
      border-inline-end-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .md\:border-inline-end-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .md\:border-inline-end-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    .md\:border-inline-end-5 {
      border-inline-end-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .md\:border-inline-end-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .md\:border-inline-end-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    .md\:border-inline-end-6 {
      border-inline-end-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .md\:border-inline-end-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .md\:border-inline-end-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    .md\:border-inline-end-7 {
      border-inline-end-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .md\:border-inline-end-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .md\:border-inline-end-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    .md\:border-inline-end-8 {
      border-inline-end-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .md\:border-inline-end-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .md\:border-inline-end-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    .md\:border-inline-end-9 {
      border-inline-end-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .md\:border-inline-end-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .md\:border-inline-end-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    .md\:border-inline-end-10 {
      border-inline-end-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-end-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-end-0 {
      border-right-width: var(--sf-0);
      }
    }
    .md\:border-inline-end-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-end-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-inline-end-0 {
      border-left-width: var(--sf-0);
      }
    }
    .md\:border-inline-end-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    .md\:border-inline-end-0 {
      border-inline-end-width: var(--sf-0);
    }
    .md\:border-bottom-1 {
      border-bottom-width: var(--sf-a1);
    }
    .md\:border-bottom-2 {
      border-bottom-width: var(--sf-a2);
    }
    .md\:border-bottom-3 {
      border-bottom-width: var(--sf-a3);
    }
    .md\:border-bottom-4 {
      border-bottom-width: var(--sf-a4);
    }
    .md\:border-bottom-5 {
      border-bottom-width: var(--sf-a5);
    }
    .md\:border-bottom-6 {
      border-bottom-width: var(--sf-a6);
    }
    .md\:border-bottom-7 {
      border-bottom-width: var(--sf-a7);
    }
    .md\:border-bottom-8 {
      border-bottom-width: var(--sf-a8);
    }
    .md\:border-bottom-9 {
      border-bottom-width: var(--sf-a9);
    }
    .md\:border-bottom-10 {
      border-bottom-width: var(--sf-b0);
    }
    .md\:border-bottom-0 {
      border-bottom-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .md\:border-inline-start-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .md\:border-inline-start-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .md\:border-inline-start-1 {
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .md\:border-inline-start-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .md\:border-inline-start-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .md\:border-inline-start-2 {
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .md\:border-inline-start-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .md\:border-inline-start-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .md\:border-inline-start-3 {
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .md\:border-inline-start-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .md\:border-inline-start-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .md\:border-inline-start-4 {
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .md\:border-inline-start-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .md\:border-inline-start-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .md\:border-inline-start-5 {
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .md\:border-inline-start-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .md\:border-inline-start-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .md\:border-inline-start-6 {
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .md\:border-inline-start-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .md\:border-inline-start-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .md\:border-inline-start-7 {
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .md\:border-inline-start-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .md\:border-inline-start-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .md\:border-inline-start-8 {
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .md\:border-inline-start-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .md\:border-inline-start-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .md\:border-inline-start-9 {
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .md\:border-inline-start-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .md\:border-inline-start-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .md\:border-inline-start-10 {
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-inline-start-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-inline-start-0 {
      border-left-width: var(--sf-0);
      }
    }
    .md\:border-inline-start-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-inline-start-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-inline-start-0 {
      border-right-width: var(--sf-0);
      }
    }
    .md\:border-inline-start-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .md\:border-inline-start-0 {
      border-inline-start-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .md\:border-x-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .md\:border-x-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .md\:border-x-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .md\:border-x-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .md\:border-x-1 {
      border-inline-end-width: var(--sf-a1);
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .md\:border-x-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .md\:border-x-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .md\:border-x-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .md\:border-x-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .md\:border-x-2 {
      border-inline-end-width: var(--sf-a2);
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .md\:border-x-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .md\:border-x-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .md\:border-x-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .md\:border-x-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .md\:border-x-3 {
      border-inline-end-width: var(--sf-a3);
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .md\:border-x-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .md\:border-x-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .md\:border-x-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .md\:border-x-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .md\:border-x-4 {
      border-inline-end-width: var(--sf-a4);
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .md\:border-x-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .md\:border-x-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .md\:border-x-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .md\:border-x-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .md\:border-x-5 {
      border-inline-end-width: var(--sf-a5);
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .md\:border-x-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .md\:border-x-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .md\:border-x-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .md\:border-x-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .md\:border-x-6 {
      border-inline-end-width: var(--sf-a6);
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .md\:border-x-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .md\:border-x-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .md\:border-x-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .md\:border-x-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .md\:border-x-7 {
      border-inline-end-width: var(--sf-a7);
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .md\:border-x-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .md\:border-x-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .md\:border-x-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .md\:border-x-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .md\:border-x-8 {
      border-inline-end-width: var(--sf-a8);
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .md\:border-x-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .md\:border-x-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .md\:border-x-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .md\:border-x-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .md\:border-x-9 {
      border-inline-end-width: var(--sf-a9);
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .md\:border-x-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .md\:border-x-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .md\:border-x-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .md\:border-x-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .md\:border-x-10 {
      border-inline-end-width: var(--sf-b0);
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .md\:border-x-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .md\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .md\:border-x-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .md\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .md\:border-x-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .md\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .md\:border-x-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .md\:border-x-0 {
      border-inline-end-width: var(--sf-0);
      border-inline-start-width: var(--sf-0);
    }
    .md\:border-y-1 {
      border-top-width: var(--sf-a1);
      border-bottom-width: var(--sf-a1);
    }
    .md\:border-y-2 {
      border-top-width: var(--sf-a2);
      border-bottom-width: var(--sf-a2);
    }
    .md\:border-y-3 {
      border-top-width: var(--sf-a3);
      border-bottom-width: var(--sf-a3);
    }
    .md\:border-y-4 {
      border-top-width: var(--sf-a4);
      border-bottom-width: var(--sf-a4);
    }
    .md\:border-y-5 {
      border-top-width: var(--sf-a5);
      border-bottom-width: var(--sf-a5);
    }
    .md\:border-y-6 {
      border-top-width: var(--sf-a6);
      border-bottom-width: var(--sf-a6);
    }
    .md\:border-y-7 {
      border-top-width: var(--sf-a7);
      border-bottom-width: var(--sf-a7);
    }
    .md\:border-y-8 {
      border-top-width: var(--sf-a8);
      border-bottom-width: var(--sf-a8);
    }
    .md\:border-y-9 {
      border-top-width: var(--sf-a9);
      border-bottom-width: var(--sf-a9);
    }
    .md\:border-y-10 {
      border-top-width: var(--sf-b0);
      border-bottom-width: var(--sf-b0);
    }
    .md\:border-y-0 {
      border-top-width: var(--sf-0);
      border-bottom-width: var(--sf-0);
    }
  }
}

/* docara-shell-source: runtime/utility/border-width/xl/css/xl.css */
@layer sf.utilities {
  @media (min-width: 72rem) {
    .xl\:border-1 {
      border-width: var(--sf-a1);
    }
    .xl\:border-2 {
      border-width: var(--sf-a2);
    }
    .xl\:border-3 {
      border-width: var(--sf-a3);
    }
    .xl\:border-4 {
      border-width: var(--sf-a4);
    }
    .xl\:border-5 {
      border-width: var(--sf-a5);
    }
    .xl\:border-6 {
      border-width: var(--sf-a6);
    }
    .xl\:border-7 {
      border-width: var(--sf-a7);
    }
    .xl\:border-8 {
      border-width: var(--sf-a8);
    }
    .xl\:border-9 {
      border-width: var(--sf-a9);
    }
    .xl\:border-10 {
      border-width: var(--sf-b0);
    }
    .xl\:border-0 {
      border-width: var(--sf-0);
    }
    .xl\:border-top-1 {
      border-top-width: var(--sf-a1);
    }
    .xl\:border-top-2 {
      border-top-width: var(--sf-a2);
    }
    .xl\:border-top-3 {
      border-top-width: var(--sf-a3);
    }
    .xl\:border-top-4 {
      border-top-width: var(--sf-a4);
    }
    .xl\:border-top-5 {
      border-top-width: var(--sf-a5);
    }
    .xl\:border-top-6 {
      border-top-width: var(--sf-a6);
    }
    .xl\:border-top-7 {
      border-top-width: var(--sf-a7);
    }
    .xl\:border-top-8 {
      border-top-width: var(--sf-a8);
    }
    .xl\:border-top-9 {
      border-top-width: var(--sf-a9);
    }
    .xl\:border-top-10 {
      border-top-width: var(--sf-b0);
    }
    .xl\:border-top-0 {
      border-top-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .xl\:border-inline-end-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .xl\:border-inline-end-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    .xl\:border-inline-end-1 {
      border-inline-end-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .xl\:border-inline-end-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .xl\:border-inline-end-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    .xl\:border-inline-end-2 {
      border-inline-end-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .xl\:border-inline-end-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .xl\:border-inline-end-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    .xl\:border-inline-end-3 {
      border-inline-end-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .xl\:border-inline-end-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .xl\:border-inline-end-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    .xl\:border-inline-end-4 {
      border-inline-end-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .xl\:border-inline-end-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .xl\:border-inline-end-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    .xl\:border-inline-end-5 {
      border-inline-end-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .xl\:border-inline-end-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .xl\:border-inline-end-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    .xl\:border-inline-end-6 {
      border-inline-end-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .xl\:border-inline-end-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .xl\:border-inline-end-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    .xl\:border-inline-end-7 {
      border-inline-end-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .xl\:border-inline-end-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .xl\:border-inline-end-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    .xl\:border-inline-end-8 {
      border-inline-end-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .xl\:border-inline-end-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .xl\:border-inline-end-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    .xl\:border-inline-end-9 {
      border-inline-end-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .xl\:border-inline-end-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .xl\:border-inline-end-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    .xl\:border-inline-end-10 {
      border-inline-end-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-end-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-end-0 {
      border-right-width: var(--sf-0);
      }
    }
    .xl\:border-inline-end-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-end-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-inline-end-0 {
      border-left-width: var(--sf-0);
      }
    }
    .xl\:border-inline-end-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    .xl\:border-inline-end-0 {
      border-inline-end-width: var(--sf-0);
    }
    .xl\:border-bottom-1 {
      border-bottom-width: var(--sf-a1);
    }
    .xl\:border-bottom-2 {
      border-bottom-width: var(--sf-a2);
    }
    .xl\:border-bottom-3 {
      border-bottom-width: var(--sf-a3);
    }
    .xl\:border-bottom-4 {
      border-bottom-width: var(--sf-a4);
    }
    .xl\:border-bottom-5 {
      border-bottom-width: var(--sf-a5);
    }
    .xl\:border-bottom-6 {
      border-bottom-width: var(--sf-a6);
    }
    .xl\:border-bottom-7 {
      border-bottom-width: var(--sf-a7);
    }
    .xl\:border-bottom-8 {
      border-bottom-width: var(--sf-a8);
    }
    .xl\:border-bottom-9 {
      border-bottom-width: var(--sf-a9);
    }
    .xl\:border-bottom-10 {
      border-bottom-width: var(--sf-b0);
    }
    .xl\:border-bottom-0 {
      border-bottom-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .xl\:border-inline-start-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .xl\:border-inline-start-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .xl\:border-inline-start-1 {
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .xl\:border-inline-start-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .xl\:border-inline-start-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .xl\:border-inline-start-2 {
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .xl\:border-inline-start-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .xl\:border-inline-start-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .xl\:border-inline-start-3 {
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .xl\:border-inline-start-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .xl\:border-inline-start-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .xl\:border-inline-start-4 {
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .xl\:border-inline-start-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .xl\:border-inline-start-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .xl\:border-inline-start-5 {
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .xl\:border-inline-start-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .xl\:border-inline-start-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .xl\:border-inline-start-6 {
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .xl\:border-inline-start-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .xl\:border-inline-start-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .xl\:border-inline-start-7 {
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .xl\:border-inline-start-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .xl\:border-inline-start-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .xl\:border-inline-start-8 {
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .xl\:border-inline-start-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .xl\:border-inline-start-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .xl\:border-inline-start-9 {
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .xl\:border-inline-start-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .xl\:border-inline-start-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .xl\:border-inline-start-10 {
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-inline-start-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-inline-start-0 {
      border-left-width: var(--sf-0);
      }
    }
    .xl\:border-inline-start-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-inline-start-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-inline-start-0 {
      border-right-width: var(--sf-0);
      }
    }
    .xl\:border-inline-start-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .xl\:border-inline-start-0 {
      border-inline-start-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .xl\:border-x-1:where(:dir(ltr)) {
      border-right-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .xl\:border-x-1:where(:dir(rtl)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-1 {
      border-left-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-1 {
      border-left-width: var(--sf-a1);
      }
    }
    .xl\:border-x-1:where(:dir(ltr)) {
      border-left-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-1 {
      border-right-width: var(--sf-a1);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-1 {
      border-right-width: var(--sf-a1);
      }
    }
    .xl\:border-x-1:where(:dir(rtl)) {
      border-right-width: var(--sf-a1);
    }
    .xl\:border-x-1 {
      border-inline-end-width: var(--sf-a1);
      border-inline-start-width: var(--sf-a1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .xl\:border-x-2:where(:dir(ltr)) {
      border-right-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .xl\:border-x-2:where(:dir(rtl)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-2 {
      border-left-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-2 {
      border-left-width: var(--sf-a2);
      }
    }
    .xl\:border-x-2:where(:dir(ltr)) {
      border-left-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-2 {
      border-right-width: var(--sf-a2);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-2 {
      border-right-width: var(--sf-a2);
      }
    }
    .xl\:border-x-2:where(:dir(rtl)) {
      border-right-width: var(--sf-a2);
    }
    .xl\:border-x-2 {
      border-inline-end-width: var(--sf-a2);
      border-inline-start-width: var(--sf-a2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .xl\:border-x-3:where(:dir(ltr)) {
      border-right-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .xl\:border-x-3:where(:dir(rtl)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-3 {
      border-left-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-3 {
      border-left-width: var(--sf-a3);
      }
    }
    .xl\:border-x-3:where(:dir(ltr)) {
      border-left-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-3 {
      border-right-width: var(--sf-a3);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-3 {
      border-right-width: var(--sf-a3);
      }
    }
    .xl\:border-x-3:where(:dir(rtl)) {
      border-right-width: var(--sf-a3);
    }
    .xl\:border-x-3 {
      border-inline-end-width: var(--sf-a3);
      border-inline-start-width: var(--sf-a3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .xl\:border-x-4:where(:dir(ltr)) {
      border-right-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .xl\:border-x-4:where(:dir(rtl)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-4 {
      border-left-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-4 {
      border-left-width: var(--sf-a4);
      }
    }
    .xl\:border-x-4:where(:dir(ltr)) {
      border-left-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-4 {
      border-right-width: var(--sf-a4);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-4 {
      border-right-width: var(--sf-a4);
      }
    }
    .xl\:border-x-4:where(:dir(rtl)) {
      border-right-width: var(--sf-a4);
    }
    .xl\:border-x-4 {
      border-inline-end-width: var(--sf-a4);
      border-inline-start-width: var(--sf-a4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .xl\:border-x-5:where(:dir(ltr)) {
      border-right-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .xl\:border-x-5:where(:dir(rtl)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-5 {
      border-left-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-5 {
      border-left-width: var(--sf-a5);
      }
    }
    .xl\:border-x-5:where(:dir(ltr)) {
      border-left-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-5 {
      border-right-width: var(--sf-a5);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-5 {
      border-right-width: var(--sf-a5);
      }
    }
    .xl\:border-x-5:where(:dir(rtl)) {
      border-right-width: var(--sf-a5);
    }
    .xl\:border-x-5 {
      border-inline-end-width: var(--sf-a5);
      border-inline-start-width: var(--sf-a5);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .xl\:border-x-6:where(:dir(ltr)) {
      border-right-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .xl\:border-x-6:where(:dir(rtl)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-6 {
      border-left-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-6 {
      border-left-width: var(--sf-a6);
      }
    }
    .xl\:border-x-6:where(:dir(ltr)) {
      border-left-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-6 {
      border-right-width: var(--sf-a6);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-6 {
      border-right-width: var(--sf-a6);
      }
    }
    .xl\:border-x-6:where(:dir(rtl)) {
      border-right-width: var(--sf-a6);
    }
    .xl\:border-x-6 {
      border-inline-end-width: var(--sf-a6);
      border-inline-start-width: var(--sf-a6);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .xl\:border-x-7:where(:dir(ltr)) {
      border-right-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .xl\:border-x-7:where(:dir(rtl)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-7 {
      border-left-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-7 {
      border-left-width: var(--sf-a7);
      }
    }
    .xl\:border-x-7:where(:dir(ltr)) {
      border-left-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-7 {
      border-right-width: var(--sf-a7);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-7 {
      border-right-width: var(--sf-a7);
      }
    }
    .xl\:border-x-7:where(:dir(rtl)) {
      border-right-width: var(--sf-a7);
    }
    .xl\:border-x-7 {
      border-inline-end-width: var(--sf-a7);
      border-inline-start-width: var(--sf-a7);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .xl\:border-x-8:where(:dir(ltr)) {
      border-right-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .xl\:border-x-8:where(:dir(rtl)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-8 {
      border-left-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-8 {
      border-left-width: var(--sf-a8);
      }
    }
    .xl\:border-x-8:where(:dir(ltr)) {
      border-left-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-8 {
      border-right-width: var(--sf-a8);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-8 {
      border-right-width: var(--sf-a8);
      }
    }
    .xl\:border-x-8:where(:dir(rtl)) {
      border-right-width: var(--sf-a8);
    }
    .xl\:border-x-8 {
      border-inline-end-width: var(--sf-a8);
      border-inline-start-width: var(--sf-a8);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .xl\:border-x-9:where(:dir(ltr)) {
      border-right-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .xl\:border-x-9:where(:dir(rtl)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-9 {
      border-left-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-9 {
      border-left-width: var(--sf-a9);
      }
    }
    .xl\:border-x-9:where(:dir(ltr)) {
      border-left-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-9 {
      border-right-width: var(--sf-a9);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-9 {
      border-right-width: var(--sf-a9);
      }
    }
    .xl\:border-x-9:where(:dir(rtl)) {
      border-right-width: var(--sf-a9);
    }
    .xl\:border-x-9 {
      border-inline-end-width: var(--sf-a9);
      border-inline-start-width: var(--sf-a9);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .xl\:border-x-10:where(:dir(ltr)) {
      border-right-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .xl\:border-x-10:where(:dir(rtl)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-10 {
      border-left-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-10 {
      border-left-width: var(--sf-b0);
      }
    }
    .xl\:border-x-10:where(:dir(ltr)) {
      border-left-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-10 {
      border-right-width: var(--sf-b0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-10 {
      border-right-width: var(--sf-b0);
      }
    }
    .xl\:border-x-10:where(:dir(rtl)) {
      border-right-width: var(--sf-b0);
    }
    .xl\:border-x-10 {
      border-inline-end-width: var(--sf-b0);
      border-inline-start-width: var(--sf-b0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .xl\:border-x-0:where(:dir(ltr)) {
      border-right-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-end-width: initial) {
    [dir="rtl"] .xl\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .xl\:border-x-0:where(:dir(rtl)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:border-x-0 {
      border-left-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    html:not([dir="rtl"]) .xl\:border-x-0 {
      border-left-width: var(--sf-0);
      }
    }
    .xl\:border-x-0:where(:dir(ltr)) {
      border-left-width: var(--sf-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:border-x-0 {
      border-right-width: var(--sf-0);
    }
    @supports not (border-inline-start-width: initial) {
    [dir="rtl"] .xl\:border-x-0 {
      border-right-width: var(--sf-0);
      }
    }
    .xl\:border-x-0:where(:dir(rtl)) {
      border-right-width: var(--sf-0);
    }
    .xl\:border-x-0 {
      border-inline-end-width: var(--sf-0);
      border-inline-start-width: var(--sf-0);
    }
    .xl\:border-y-1 {
      border-top-width: var(--sf-a1);
      border-bottom-width: var(--sf-a1);
    }
    .xl\:border-y-2 {
      border-top-width: var(--sf-a2);
      border-bottom-width: var(--sf-a2);
    }
    .xl\:border-y-3 {
      border-top-width: var(--sf-a3);
      border-bottom-width: var(--sf-a3);
    }
    .xl\:border-y-4 {
      border-top-width: var(--sf-a4);
      border-bottom-width: var(--sf-a4);
    }
    .xl\:border-y-5 {
      border-top-width: var(--sf-a5);
      border-bottom-width: var(--sf-a5);
    }
    .xl\:border-y-6 {
      border-top-width: var(--sf-a6);
      border-bottom-width: var(--sf-a6);
    }
    .xl\:border-y-7 {
      border-top-width: var(--sf-a7);
      border-bottom-width: var(--sf-a7);
    }
    .xl\:border-y-8 {
      border-top-width: var(--sf-a8);
      border-bottom-width: var(--sf-a8);
    }
    .xl\:border-y-9 {
      border-top-width: var(--sf-a9);
      border-bottom-width: var(--sf-a9);
    }
    .xl\:border-y-10 {
      border-top-width: var(--sf-b0);
      border-bottom-width: var(--sf-b0);
    }
    .xl\:border-y-0 {
      border-top-width: var(--sf-0);
      border-bottom-width: var(--sf-0);
    }
  }
}