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