/* docara-shell-source: runtime/utility/min-height/default/css/default.css */
@layer sf.utilities {
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-min {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
  .min-h-max {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  .min-h-fit {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .min-h-0 {
    min-height: 0;
  }
}

/* docara-shell-source: runtime/utility/min-width/default/css/default.css */
@layer sf.utilities {
  .min-w-min {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .min-w-fit {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-0 {
    min-width: 0;
  }
}

/* docara-shell-source: runtime/utility/overflow/default/css/default.css */
@layer sf.utilities {
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
}

/* docara-shell-source: runtime/utility/padding/default/css/default.css */
@layer sf.utilities {
  .p-0 {
    padding: var(--sf-space-0);
  }
  .p-top-0 {
    padding-top: var(--sf-space-0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-0 {
    padding-right: var(--sf-space-0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-0 {
    padding-right: var(--sf-space-0);
    }
  }
  .p-inline-end-0:where(:dir(ltr)) {
    padding-right: var(--sf-space-0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-0 {
    padding-left: var(--sf-space-0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-0 {
    padding-left: var(--sf-space-0);
    }
  }
  .p-inline-end-0:where(:dir(rtl)) {
    padding-left: var(--sf-space-0);
  }
  .p-inline-end-0 {
    -webkit-padding-end: var(--sf-space-0);
            padding-inline-end: var(--sf-space-0);
  }
  .p-bottom-0 {
    padding-bottom: var(--sf-space-0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-0 {
    padding-left: var(--sf-space-0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-0 {
    padding-left: var(--sf-space-0);
    }
  }
  .p-x-0:where(:dir(ltr)) {
    padding-left: var(--sf-space-0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-0 {
    padding-right: var(--sf-space-0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-0 {
    padding-right: var(--sf-space-0);
    }
  }
  .p-x-0:where(:dir(rtl)) {
    padding-right: var(--sf-space-0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-0 {
    padding-right: var(--sf-space-0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-0 {
    padding-right: var(--sf-space-0);
    }
  }
  .p-x-0:where(:dir(ltr)) {
    padding-right: var(--sf-space-0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-0 {
    padding-left: var(--sf-space-0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-0 {
    padding-left: var(--sf-space-0);
    }
  }
  .p-x-0:where(:dir(rtl)) {
    padding-left: var(--sf-space-0);
  }
  .p-x-0 {
    -webkit-padding-start: var(--sf-space-0);
            padding-inline-start: var(--sf-space-0);
    -webkit-padding-end: var(--sf-space-0);
            padding-inline-end: var(--sf-space-0);
  }
  .p-y-0 {
    padding-top: var(--sf-space-0);
    padding-bottom: var(--sf-space-0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-0 {
    padding-left: var(--sf-space-0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-0 {
    padding-left: var(--sf-space-0);
    }
  }
  .p-inline-start-0:where(:dir(ltr)) {
    padding-left: var(--sf-space-0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-0 {
    padding-right: var(--sf-space-0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-0 {
    padding-right: var(--sf-space-0);
    }
  }
  .p-inline-start-0:where(:dir(rtl)) {
    padding-right: var(--sf-space-0);
  }
  .p-inline-start-0 {
    -webkit-padding-start: var(--sf-space-0);
            padding-inline-start: var(--sf-space-0);
  }
  .p-1\/4 {
    padding: var(--sf-space-1\/4);
  }
  .p-top-1\/4 {
    padding-top: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-1\/4 {
    padding-right: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-1\/4 {
    padding-right: var(--sf-space-1\/4);
    }
  }
  .p-inline-end-1\/4:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-1\/4 {
    padding-left: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-1\/4 {
    padding-left: var(--sf-space-1\/4);
    }
  }
  .p-inline-end-1\/4:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/4);
  }
  .p-inline-end-1\/4 {
    -webkit-padding-end: var(--sf-space-1\/4);
            padding-inline-end: var(--sf-space-1\/4);
  }
  .p-bottom-1\/4 {
    padding-bottom: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/4 {
    padding-left: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-1\/4 {
    padding-left: var(--sf-space-1\/4);
    }
  }
  .p-x-1\/4:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/4 {
    padding-right: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-1\/4 {
    padding-right: var(--sf-space-1\/4);
    }
  }
  .p-x-1\/4:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/4 {
    padding-right: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-1\/4 {
    padding-right: var(--sf-space-1\/4);
    }
  }
  .p-x-1\/4:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/4 {
    padding-left: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-1\/4 {
    padding-left: var(--sf-space-1\/4);
    }
  }
  .p-x-1\/4:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/4);
  }
  .p-x-1\/4 {
    -webkit-padding-start: var(--sf-space-1\/4);
            padding-inline-start: var(--sf-space-1\/4);
    -webkit-padding-end: var(--sf-space-1\/4);
            padding-inline-end: var(--sf-space-1\/4);
  }
  .p-y-1\/4 {
    padding-top: var(--sf-space-1\/4);
    padding-bottom: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-1\/4 {
    padding-left: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-1\/4 {
    padding-left: var(--sf-space-1\/4);
    }
  }
  .p-inline-start-1\/4:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-1\/4 {
    padding-right: var(--sf-space-1\/4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-1\/4 {
    padding-right: var(--sf-space-1\/4);
    }
  }
  .p-inline-start-1\/4:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/4);
  }
  .p-inline-start-1\/4 {
    -webkit-padding-start: var(--sf-space-1\/4);
            padding-inline-start: var(--sf-space-1\/4);
  }
  .p-1\/3 {
    padding: var(--sf-space-1\/3);
  }
  .p-top-1\/3 {
    padding-top: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-1\/3 {
    padding-right: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-1\/3 {
    padding-right: var(--sf-space-1\/3);
    }
  }
  .p-inline-end-1\/3:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-1\/3 {
    padding-left: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-1\/3 {
    padding-left: var(--sf-space-1\/3);
    }
  }
  .p-inline-end-1\/3:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/3);
  }
  .p-inline-end-1\/3 {
    -webkit-padding-end: var(--sf-space-1\/3);
            padding-inline-end: var(--sf-space-1\/3);
  }
  .p-bottom-1\/3 {
    padding-bottom: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/3 {
    padding-left: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-1\/3 {
    padding-left: var(--sf-space-1\/3);
    }
  }
  .p-x-1\/3:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/3 {
    padding-right: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-1\/3 {
    padding-right: var(--sf-space-1\/3);
    }
  }
  .p-x-1\/3:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/3 {
    padding-right: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-1\/3 {
    padding-right: var(--sf-space-1\/3);
    }
  }
  .p-x-1\/3:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/3 {
    padding-left: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-1\/3 {
    padding-left: var(--sf-space-1\/3);
    }
  }
  .p-x-1\/3:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/3);
  }
  .p-x-1\/3 {
    -webkit-padding-start: var(--sf-space-1\/3);
            padding-inline-start: var(--sf-space-1\/3);
    -webkit-padding-end: var(--sf-space-1\/3);
            padding-inline-end: var(--sf-space-1\/3);
  }
  .p-y-1\/3 {
    padding-top: var(--sf-space-1\/3);
    padding-bottom: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-1\/3 {
    padding-left: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-1\/3 {
    padding-left: var(--sf-space-1\/3);
    }
  }
  .p-inline-start-1\/3:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-1\/3 {
    padding-right: var(--sf-space-1\/3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-1\/3 {
    padding-right: var(--sf-space-1\/3);
    }
  }
  .p-inline-start-1\/3:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/3);
  }
  .p-inline-start-1\/3 {
    -webkit-padding-start: var(--sf-space-1\/3);
            padding-inline-start: var(--sf-space-1\/3);
  }
  .p-1\/2 {
    padding: var(--sf-space-1\/2);
  }
  .p-top-1\/2 {
    padding-top: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-1\/2 {
    padding-right: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-1\/2 {
    padding-right: var(--sf-space-1\/2);
    }
  }
  .p-inline-end-1\/2:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-1\/2 {
    padding-left: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-1\/2 {
    padding-left: var(--sf-space-1\/2);
    }
  }
  .p-inline-end-1\/2:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/2);
  }
  .p-inline-end-1\/2 {
    -webkit-padding-end: var(--sf-space-1\/2);
            padding-inline-end: var(--sf-space-1\/2);
  }
  .p-bottom-1\/2 {
    padding-bottom: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/2 {
    padding-left: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-1\/2 {
    padding-left: var(--sf-space-1\/2);
    }
  }
  .p-x-1\/2:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/2 {
    padding-right: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-1\/2 {
    padding-right: var(--sf-space-1\/2);
    }
  }
  .p-x-1\/2:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1\/2 {
    padding-right: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-1\/2 {
    padding-right: var(--sf-space-1\/2);
    }
  }
  .p-x-1\/2:where(:dir(ltr)) {
    padding-right: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1\/2 {
    padding-left: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-1\/2 {
    padding-left: var(--sf-space-1\/2);
    }
  }
  .p-x-1\/2:where(:dir(rtl)) {
    padding-left: var(--sf-space-1\/2);
  }
  .p-x-1\/2 {
    -webkit-padding-start: var(--sf-space-1\/2);
            padding-inline-start: var(--sf-space-1\/2);
    -webkit-padding-end: var(--sf-space-1\/2);
            padding-inline-end: var(--sf-space-1\/2);
  }
  .p-y-1\/2 {
    padding-top: var(--sf-space-1\/2);
    padding-bottom: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-1\/2 {
    padding-left: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-1\/2 {
    padding-left: var(--sf-space-1\/2);
    }
  }
  .p-inline-start-1\/2:where(:dir(ltr)) {
    padding-left: var(--sf-space-1\/2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-1\/2 {
    padding-right: var(--sf-space-1\/2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-1\/2 {
    padding-right: var(--sf-space-1\/2);
    }
  }
  .p-inline-start-1\/2:where(:dir(rtl)) {
    padding-right: var(--sf-space-1\/2);
  }
  .p-inline-start-1\/2 {
    -webkit-padding-start: var(--sf-space-1\/2);
            padding-inline-start: var(--sf-space-1\/2);
  }
  .p-1 {
    padding: var(--sf-space-1);
  }
  .p-top-1 {
    padding-top: var(--sf-space-1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-1 {
    padding-right: var(--sf-space-1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-1 {
    padding-right: var(--sf-space-1);
    }
  }
  .p-inline-end-1:where(:dir(ltr)) {
    padding-right: var(--sf-space-1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-1 {
    padding-left: var(--sf-space-1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-1 {
    padding-left: var(--sf-space-1);
    }
  }
  .p-inline-end-1:where(:dir(rtl)) {
    padding-left: var(--sf-space-1);
  }
  .p-inline-end-1 {
    -webkit-padding-end: var(--sf-space-1);
            padding-inline-end: var(--sf-space-1);
  }
  .p-bottom-1 {
    padding-bottom: var(--sf-space-1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1 {
    padding-left: var(--sf-space-1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-1 {
    padding-left: var(--sf-space-1);
    }
  }
  .p-x-1:where(:dir(ltr)) {
    padding-left: var(--sf-space-1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1 {
    padding-right: var(--sf-space-1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-1 {
    padding-right: var(--sf-space-1);
    }
  }
  .p-x-1:where(:dir(rtl)) {
    padding-right: var(--sf-space-1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-1 {
    padding-right: var(--sf-space-1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-1 {
    padding-right: var(--sf-space-1);
    }
  }
  .p-x-1:where(:dir(ltr)) {
    padding-right: var(--sf-space-1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-1 {
    padding-left: var(--sf-space-1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-1 {
    padding-left: var(--sf-space-1);
    }
  }
  .p-x-1:where(:dir(rtl)) {
    padding-left: var(--sf-space-1);
  }
  .p-x-1 {
    -webkit-padding-start: var(--sf-space-1);
            padding-inline-start: var(--sf-space-1);
    -webkit-padding-end: var(--sf-space-1);
            padding-inline-end: var(--sf-space-1);
  }
  .p-y-1 {
    padding-top: var(--sf-space-1);
    padding-bottom: var(--sf-space-1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-1 {
    padding-left: var(--sf-space-1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-1 {
    padding-left: var(--sf-space-1);
    }
  }
  .p-inline-start-1:where(:dir(ltr)) {
    padding-left: var(--sf-space-1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-1 {
    padding-right: var(--sf-space-1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-1 {
    padding-right: var(--sf-space-1);
    }
  }
  .p-inline-start-1:where(:dir(rtl)) {
    padding-right: var(--sf-space-1);
  }
  .p-inline-start-1 {
    -webkit-padding-start: var(--sf-space-1);
            padding-inline-start: var(--sf-space-1);
  }
  .p-2 {
    padding: var(--sf-space-2);
  }
  .p-top-2 {
    padding-top: var(--sf-space-2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-2 {
    padding-right: var(--sf-space-2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-2 {
    padding-right: var(--sf-space-2);
    }
  }
  .p-inline-end-2:where(:dir(ltr)) {
    padding-right: var(--sf-space-2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-2 {
    padding-left: var(--sf-space-2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-2 {
    padding-left: var(--sf-space-2);
    }
  }
  .p-inline-end-2:where(:dir(rtl)) {
    padding-left: var(--sf-space-2);
  }
  .p-inline-end-2 {
    -webkit-padding-end: var(--sf-space-2);
            padding-inline-end: var(--sf-space-2);
  }
  .p-bottom-2 {
    padding-bottom: var(--sf-space-2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-2 {
    padding-left: var(--sf-space-2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-2 {
    padding-left: var(--sf-space-2);
    }
  }
  .p-x-2:where(:dir(ltr)) {
    padding-left: var(--sf-space-2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-2 {
    padding-right: var(--sf-space-2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-2 {
    padding-right: var(--sf-space-2);
    }
  }
  .p-x-2:where(:dir(rtl)) {
    padding-right: var(--sf-space-2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-2 {
    padding-right: var(--sf-space-2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-2 {
    padding-right: var(--sf-space-2);
    }
  }
  .p-x-2:where(:dir(ltr)) {
    padding-right: var(--sf-space-2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-2 {
    padding-left: var(--sf-space-2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-2 {
    padding-left: var(--sf-space-2);
    }
  }
  .p-x-2:where(:dir(rtl)) {
    padding-left: var(--sf-space-2);
  }
  .p-x-2 {
    -webkit-padding-start: var(--sf-space-2);
            padding-inline-start: var(--sf-space-2);
    -webkit-padding-end: var(--sf-space-2);
            padding-inline-end: var(--sf-space-2);
  }
  .p-y-2 {
    padding-top: var(--sf-space-2);
    padding-bottom: var(--sf-space-2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-2 {
    padding-left: var(--sf-space-2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-2 {
    padding-left: var(--sf-space-2);
    }
  }
  .p-inline-start-2:where(:dir(ltr)) {
    padding-left: var(--sf-space-2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-2 {
    padding-right: var(--sf-space-2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-2 {
    padding-right: var(--sf-space-2);
    }
  }
  .p-inline-start-2:where(:dir(rtl)) {
    padding-right: var(--sf-space-2);
  }
  .p-inline-start-2 {
    -webkit-padding-start: var(--sf-space-2);
            padding-inline-start: var(--sf-space-2);
  }
  .p-3 {
    padding: var(--sf-space-3);
  }
  .p-top-3 {
    padding-top: var(--sf-space-3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-3 {
    padding-right: var(--sf-space-3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-3 {
    padding-right: var(--sf-space-3);
    }
  }
  .p-inline-end-3:where(:dir(ltr)) {
    padding-right: var(--sf-space-3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-3 {
    padding-left: var(--sf-space-3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-3 {
    padding-left: var(--sf-space-3);
    }
  }
  .p-inline-end-3:where(:dir(rtl)) {
    padding-left: var(--sf-space-3);
  }
  .p-inline-end-3 {
    -webkit-padding-end: var(--sf-space-3);
            padding-inline-end: var(--sf-space-3);
  }
  .p-bottom-3 {
    padding-bottom: var(--sf-space-3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-3 {
    padding-left: var(--sf-space-3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-3 {
    padding-left: var(--sf-space-3);
    }
  }
  .p-x-3:where(:dir(ltr)) {
    padding-left: var(--sf-space-3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-3 {
    padding-right: var(--sf-space-3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-3 {
    padding-right: var(--sf-space-3);
    }
  }
  .p-x-3:where(:dir(rtl)) {
    padding-right: var(--sf-space-3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-3 {
    padding-right: var(--sf-space-3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-3 {
    padding-right: var(--sf-space-3);
    }
  }
  .p-x-3:where(:dir(ltr)) {
    padding-right: var(--sf-space-3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-3 {
    padding-left: var(--sf-space-3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-3 {
    padding-left: var(--sf-space-3);
    }
  }
  .p-x-3:where(:dir(rtl)) {
    padding-left: var(--sf-space-3);
  }
  .p-x-3 {
    -webkit-padding-start: var(--sf-space-3);
            padding-inline-start: var(--sf-space-3);
    -webkit-padding-end: var(--sf-space-3);
            padding-inline-end: var(--sf-space-3);
  }
  .p-y-3 {
    padding-top: var(--sf-space-3);
    padding-bottom: var(--sf-space-3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-3 {
    padding-left: var(--sf-space-3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-3 {
    padding-left: var(--sf-space-3);
    }
  }
  .p-inline-start-3:where(:dir(ltr)) {
    padding-left: var(--sf-space-3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-3 {
    padding-right: var(--sf-space-3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-3 {
    padding-right: var(--sf-space-3);
    }
  }
  .p-inline-start-3:where(:dir(rtl)) {
    padding-right: var(--sf-space-3);
  }
  .p-inline-start-3 {
    -webkit-padding-start: var(--sf-space-3);
            padding-inline-start: var(--sf-space-3);
  }
  .p-4 {
    padding: var(--sf-space-4);
  }
  .p-top-4 {
    padding-top: var(--sf-space-4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-4 {
    padding-right: var(--sf-space-4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-4 {
    padding-right: var(--sf-space-4);
    }
  }
  .p-inline-end-4:where(:dir(ltr)) {
    padding-right: var(--sf-space-4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-4 {
    padding-left: var(--sf-space-4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-4 {
    padding-left: var(--sf-space-4);
    }
  }
  .p-inline-end-4:where(:dir(rtl)) {
    padding-left: var(--sf-space-4);
  }
  .p-inline-end-4 {
    -webkit-padding-end: var(--sf-space-4);
            padding-inline-end: var(--sf-space-4);
  }
  .p-bottom-4 {
    padding-bottom: var(--sf-space-4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-4 {
    padding-left: var(--sf-space-4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-4 {
    padding-left: var(--sf-space-4);
    }
  }
  .p-x-4:where(:dir(ltr)) {
    padding-left: var(--sf-space-4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-4 {
    padding-right: var(--sf-space-4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-4 {
    padding-right: var(--sf-space-4);
    }
  }
  .p-x-4:where(:dir(rtl)) {
    padding-right: var(--sf-space-4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-4 {
    padding-right: var(--sf-space-4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-4 {
    padding-right: var(--sf-space-4);
    }
  }
  .p-x-4:where(:dir(ltr)) {
    padding-right: var(--sf-space-4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-4 {
    padding-left: var(--sf-space-4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-4 {
    padding-left: var(--sf-space-4);
    }
  }
  .p-x-4:where(:dir(rtl)) {
    padding-left: var(--sf-space-4);
  }
  .p-x-4 {
    -webkit-padding-start: var(--sf-space-4);
            padding-inline-start: var(--sf-space-4);
    -webkit-padding-end: var(--sf-space-4);
            padding-inline-end: var(--sf-space-4);
  }
  .p-y-4 {
    padding-top: var(--sf-space-4);
    padding-bottom: var(--sf-space-4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-4 {
    padding-left: var(--sf-space-4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-4 {
    padding-left: var(--sf-space-4);
    }
  }
  .p-inline-start-4:where(:dir(ltr)) {
    padding-left: var(--sf-space-4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-4 {
    padding-right: var(--sf-space-4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-4 {
    padding-right: var(--sf-space-4);
    }
  }
  .p-inline-start-4:where(:dir(rtl)) {
    padding-right: var(--sf-space-4);
  }
  .p-inline-start-4 {
    -webkit-padding-start: var(--sf-space-4);
            padding-inline-start: var(--sf-space-4);
  }
  .p-5 {
    padding: var(--sf-space-5);
  }
  .p-top-5 {
    padding-top: var(--sf-space-5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-5 {
    padding-right: var(--sf-space-5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-5 {
    padding-right: var(--sf-space-5);
    }
  }
  .p-inline-end-5:where(:dir(ltr)) {
    padding-right: var(--sf-space-5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-5 {
    padding-left: var(--sf-space-5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-5 {
    padding-left: var(--sf-space-5);
    }
  }
  .p-inline-end-5:where(:dir(rtl)) {
    padding-left: var(--sf-space-5);
  }
  .p-inline-end-5 {
    -webkit-padding-end: var(--sf-space-5);
            padding-inline-end: var(--sf-space-5);
  }
  .p-bottom-5 {
    padding-bottom: var(--sf-space-5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-5 {
    padding-left: var(--sf-space-5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-5 {
    padding-left: var(--sf-space-5);
    }
  }
  .p-x-5:where(:dir(ltr)) {
    padding-left: var(--sf-space-5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-5 {
    padding-right: var(--sf-space-5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-5 {
    padding-right: var(--sf-space-5);
    }
  }
  .p-x-5:where(:dir(rtl)) {
    padding-right: var(--sf-space-5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-5 {
    padding-right: var(--sf-space-5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-5 {
    padding-right: var(--sf-space-5);
    }
  }
  .p-x-5:where(:dir(ltr)) {
    padding-right: var(--sf-space-5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-5 {
    padding-left: var(--sf-space-5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-5 {
    padding-left: var(--sf-space-5);
    }
  }
  .p-x-5:where(:dir(rtl)) {
    padding-left: var(--sf-space-5);
  }
  .p-x-5 {
    -webkit-padding-start: var(--sf-space-5);
            padding-inline-start: var(--sf-space-5);
    -webkit-padding-end: var(--sf-space-5);
            padding-inline-end: var(--sf-space-5);
  }
  .p-y-5 {
    padding-top: var(--sf-space-5);
    padding-bottom: var(--sf-space-5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-5 {
    padding-left: var(--sf-space-5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-5 {
    padding-left: var(--sf-space-5);
    }
  }
  .p-inline-start-5:where(:dir(ltr)) {
    padding-left: var(--sf-space-5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-5 {
    padding-right: var(--sf-space-5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-5 {
    padding-right: var(--sf-space-5);
    }
  }
  .p-inline-start-5:where(:dir(rtl)) {
    padding-right: var(--sf-space-5);
  }
  .p-inline-start-5 {
    -webkit-padding-start: var(--sf-space-5);
            padding-inline-start: var(--sf-space-5);
  }
  .p-6 {
    padding: var(--sf-space-6);
  }
  .p-top-6 {
    padding-top: var(--sf-space-6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-6 {
    padding-right: var(--sf-space-6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-6 {
    padding-right: var(--sf-space-6);
    }
  }
  .p-inline-end-6:where(:dir(ltr)) {
    padding-right: var(--sf-space-6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-6 {
    padding-left: var(--sf-space-6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-6 {
    padding-left: var(--sf-space-6);
    }
  }
  .p-inline-end-6:where(:dir(rtl)) {
    padding-left: var(--sf-space-6);
  }
  .p-inline-end-6 {
    -webkit-padding-end: var(--sf-space-6);
            padding-inline-end: var(--sf-space-6);
  }
  .p-bottom-6 {
    padding-bottom: var(--sf-space-6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-6 {
    padding-left: var(--sf-space-6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-6 {
    padding-left: var(--sf-space-6);
    }
  }
  .p-x-6:where(:dir(ltr)) {
    padding-left: var(--sf-space-6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-6 {
    padding-right: var(--sf-space-6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-6 {
    padding-right: var(--sf-space-6);
    }
  }
  .p-x-6:where(:dir(rtl)) {
    padding-right: var(--sf-space-6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-6 {
    padding-right: var(--sf-space-6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-6 {
    padding-right: var(--sf-space-6);
    }
  }
  .p-x-6:where(:dir(ltr)) {
    padding-right: var(--sf-space-6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-6 {
    padding-left: var(--sf-space-6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-6 {
    padding-left: var(--sf-space-6);
    }
  }
  .p-x-6:where(:dir(rtl)) {
    padding-left: var(--sf-space-6);
  }
  .p-x-6 {
    -webkit-padding-start: var(--sf-space-6);
            padding-inline-start: var(--sf-space-6);
    -webkit-padding-end: var(--sf-space-6);
            padding-inline-end: var(--sf-space-6);
  }
  .p-y-6 {
    padding-top: var(--sf-space-6);
    padding-bottom: var(--sf-space-6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-6 {
    padding-left: var(--sf-space-6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-6 {
    padding-left: var(--sf-space-6);
    }
  }
  .p-inline-start-6:where(:dir(ltr)) {
    padding-left: var(--sf-space-6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-6 {
    padding-right: var(--sf-space-6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-6 {
    padding-right: var(--sf-space-6);
    }
  }
  .p-inline-start-6:where(:dir(rtl)) {
    padding-right: var(--sf-space-6);
  }
  .p-inline-start-6 {
    -webkit-padding-start: var(--sf-space-6);
            padding-inline-start: var(--sf-space-6);
  }
  .p-7 {
    padding: var(--sf-space-7);
  }
  .p-top-7 {
    padding-top: var(--sf-space-7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-7 {
    padding-right: var(--sf-space-7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-7 {
    padding-right: var(--sf-space-7);
    }
  }
  .p-inline-end-7:where(:dir(ltr)) {
    padding-right: var(--sf-space-7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-7 {
    padding-left: var(--sf-space-7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-7 {
    padding-left: var(--sf-space-7);
    }
  }
  .p-inline-end-7:where(:dir(rtl)) {
    padding-left: var(--sf-space-7);
  }
  .p-inline-end-7 {
    -webkit-padding-end: var(--sf-space-7);
            padding-inline-end: var(--sf-space-7);
  }
  .p-bottom-7 {
    padding-bottom: var(--sf-space-7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-7 {
    padding-left: var(--sf-space-7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-7 {
    padding-left: var(--sf-space-7);
    }
  }
  .p-x-7:where(:dir(ltr)) {
    padding-left: var(--sf-space-7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-7 {
    padding-right: var(--sf-space-7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-7 {
    padding-right: var(--sf-space-7);
    }
  }
  .p-x-7:where(:dir(rtl)) {
    padding-right: var(--sf-space-7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-7 {
    padding-right: var(--sf-space-7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-7 {
    padding-right: var(--sf-space-7);
    }
  }
  .p-x-7:where(:dir(ltr)) {
    padding-right: var(--sf-space-7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-7 {
    padding-left: var(--sf-space-7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-7 {
    padding-left: var(--sf-space-7);
    }
  }
  .p-x-7:where(:dir(rtl)) {
    padding-left: var(--sf-space-7);
  }
  .p-x-7 {
    -webkit-padding-start: var(--sf-space-7);
            padding-inline-start: var(--sf-space-7);
    -webkit-padding-end: var(--sf-space-7);
            padding-inline-end: var(--sf-space-7);
  }
  .p-y-7 {
    padding-top: var(--sf-space-7);
    padding-bottom: var(--sf-space-7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-7 {
    padding-left: var(--sf-space-7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-7 {
    padding-left: var(--sf-space-7);
    }
  }
  .p-inline-start-7:where(:dir(ltr)) {
    padding-left: var(--sf-space-7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-7 {
    padding-right: var(--sf-space-7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-7 {
    padding-right: var(--sf-space-7);
    }
  }
  .p-inline-start-7:where(:dir(rtl)) {
    padding-right: var(--sf-space-7);
  }
  .p-inline-start-7 {
    -webkit-padding-start: var(--sf-space-7);
            padding-inline-start: var(--sf-space-7);
  }
  .p-8 {
    padding: var(--sf-space-8);
  }
  .p-top-8 {
    padding-top: var(--sf-space-8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-8 {
    padding-right: var(--sf-space-8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-8 {
    padding-right: var(--sf-space-8);
    }
  }
  .p-inline-end-8:where(:dir(ltr)) {
    padding-right: var(--sf-space-8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-8 {
    padding-left: var(--sf-space-8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-8 {
    padding-left: var(--sf-space-8);
    }
  }
  .p-inline-end-8:where(:dir(rtl)) {
    padding-left: var(--sf-space-8);
  }
  .p-inline-end-8 {
    -webkit-padding-end: var(--sf-space-8);
            padding-inline-end: var(--sf-space-8);
  }
  .p-bottom-8 {
    padding-bottom: var(--sf-space-8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-8 {
    padding-left: var(--sf-space-8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-x-8 {
    padding-left: var(--sf-space-8);
    }
  }
  .p-x-8:where(:dir(ltr)) {
    padding-left: var(--sf-space-8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-8 {
    padding-right: var(--sf-space-8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-x-8 {
    padding-right: var(--sf-space-8);
    }
  }
  .p-x-8:where(:dir(rtl)) {
    padding-right: var(--sf-space-8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-x-8 {
    padding-right: var(--sf-space-8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-x-8 {
    padding-right: var(--sf-space-8);
    }
  }
  .p-x-8:where(:dir(ltr)) {
    padding-right: var(--sf-space-8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-x-8 {
    padding-left: var(--sf-space-8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-x-8 {
    padding-left: var(--sf-space-8);
    }
  }
  .p-x-8:where(:dir(rtl)) {
    padding-left: var(--sf-space-8);
  }
  .p-x-8 {
    -webkit-padding-start: var(--sf-space-8);
            padding-inline-start: var(--sf-space-8);
    -webkit-padding-end: var(--sf-space-8);
            padding-inline-end: var(--sf-space-8);
  }
  .p-y-8 {
    padding-top: var(--sf-space-8);
    padding-bottom: var(--sf-space-8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-8 {
    padding-left: var(--sf-space-8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-8 {
    padding-left: var(--sf-space-8);
    }
  }
  .p-inline-start-8:where(:dir(ltr)) {
    padding-left: var(--sf-space-8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-8 {
    padding-right: var(--sf-space-8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-8 {
    padding-right: var(--sf-space-8);
    }
  }
  .p-inline-start-8:where(:dir(rtl)) {
    padding-right: var(--sf-space-8);
  }
  .p-inline-start-8 {
    -webkit-padding-start: var(--sf-space-8);
            padding-inline-start: var(--sf-space-8);
  }
}

/* docara-shell-source: runtime/utility/position/default/css/default.css */
@layer sf.utilities {
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
}

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

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

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