/* 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-ext/default/css/default.css */
@layer sf.utilities {
  .p-a0 {
    padding: var(--sf-a0);
  }
  .p-top-a0 {
    padding-top: var(--sf-a0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a0 {
    padding-right: var(--sf-a0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a0 {
    padding-right: var(--sf-a0);
    }
  }
  .p-inline-end-a0:where(:dir(ltr)) {
    padding-right: var(--sf-a0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a0 {
    padding-left: var(--sf-a0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a0 {
    padding-left: var(--sf-a0);
    }
  }
  .p-inline-end-a0:where(:dir(rtl)) {
    padding-left: var(--sf-a0);
  }
  .p-inline-end-a0 {
    -webkit-padding-end: var(--sf-a0);
            padding-inline-end: var(--sf-a0);
  }
  .p-bottom-a0 {
    padding-bottom: var(--sf-a0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a0 {
    padding-left: var(--sf-a0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a0 {
    padding-left: var(--sf-a0);
    }
  }
  .p-inline-start-a0:where(:dir(ltr)) {
    padding-left: var(--sf-a0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a0 {
    padding-right: var(--sf-a0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a0 {
    padding-right: var(--sf-a0);
    }
  }
  .p-inline-start-a0:where(:dir(rtl)) {
    padding-right: var(--sf-a0);
  }
  .p-inline-start-a0 {
    -webkit-padding-start: var(--sf-a0);
            padding-inline-start: var(--sf-a0);
  }
  .p-a1 {
    padding: var(--sf-a1);
  }
  .p-top-a1 {
    padding-top: var(--sf-a1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a1 {
    padding-right: var(--sf-a1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a1 {
    padding-right: var(--sf-a1);
    }
  }
  .p-inline-end-a1:where(:dir(ltr)) {
    padding-right: var(--sf-a1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a1 {
    padding-left: var(--sf-a1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a1 {
    padding-left: var(--sf-a1);
    }
  }
  .p-inline-end-a1:where(:dir(rtl)) {
    padding-left: var(--sf-a1);
  }
  .p-inline-end-a1 {
    -webkit-padding-end: var(--sf-a1);
            padding-inline-end: var(--sf-a1);
  }
  .p-bottom-a1 {
    padding-bottom: var(--sf-a1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a1 {
    padding-left: var(--sf-a1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a1 {
    padding-left: var(--sf-a1);
    }
  }
  .p-inline-start-a1:where(:dir(ltr)) {
    padding-left: var(--sf-a1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a1 {
    padding-right: var(--sf-a1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a1 {
    padding-right: var(--sf-a1);
    }
  }
  .p-inline-start-a1:where(:dir(rtl)) {
    padding-right: var(--sf-a1);
  }
  .p-inline-start-a1 {
    -webkit-padding-start: var(--sf-a1);
            padding-inline-start: var(--sf-a1);
  }
  .p-a2 {
    padding: var(--sf-a2);
  }
  .p-top-a2 {
    padding-top: var(--sf-a2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a2 {
    padding-right: var(--sf-a2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a2 {
    padding-right: var(--sf-a2);
    }
  }
  .p-inline-end-a2:where(:dir(ltr)) {
    padding-right: var(--sf-a2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a2 {
    padding-left: var(--sf-a2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a2 {
    padding-left: var(--sf-a2);
    }
  }
  .p-inline-end-a2:where(:dir(rtl)) {
    padding-left: var(--sf-a2);
  }
  .p-inline-end-a2 {
    -webkit-padding-end: var(--sf-a2);
            padding-inline-end: var(--sf-a2);
  }
  .p-bottom-a2 {
    padding-bottom: var(--sf-a2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a2 {
    padding-left: var(--sf-a2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a2 {
    padding-left: var(--sf-a2);
    }
  }
  .p-inline-start-a2:where(:dir(ltr)) {
    padding-left: var(--sf-a2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a2 {
    padding-right: var(--sf-a2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a2 {
    padding-right: var(--sf-a2);
    }
  }
  .p-inline-start-a2:where(:dir(rtl)) {
    padding-right: var(--sf-a2);
  }
  .p-inline-start-a2 {
    -webkit-padding-start: var(--sf-a2);
            padding-inline-start: var(--sf-a2);
  }
  .p-a3 {
    padding: var(--sf-a3);
  }
  .p-top-a3 {
    padding-top: var(--sf-a3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a3 {
    padding-right: var(--sf-a3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a3 {
    padding-right: var(--sf-a3);
    }
  }
  .p-inline-end-a3:where(:dir(ltr)) {
    padding-right: var(--sf-a3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a3 {
    padding-left: var(--sf-a3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a3 {
    padding-left: var(--sf-a3);
    }
  }
  .p-inline-end-a3:where(:dir(rtl)) {
    padding-left: var(--sf-a3);
  }
  .p-inline-end-a3 {
    -webkit-padding-end: var(--sf-a3);
            padding-inline-end: var(--sf-a3);
  }
  .p-bottom-a3 {
    padding-bottom: var(--sf-a3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a3 {
    padding-left: var(--sf-a3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a3 {
    padding-left: var(--sf-a3);
    }
  }
  .p-inline-start-a3:where(:dir(ltr)) {
    padding-left: var(--sf-a3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a3 {
    padding-right: var(--sf-a3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a3 {
    padding-right: var(--sf-a3);
    }
  }
  .p-inline-start-a3:where(:dir(rtl)) {
    padding-right: var(--sf-a3);
  }
  .p-inline-start-a3 {
    -webkit-padding-start: var(--sf-a3);
            padding-inline-start: var(--sf-a3);
  }
  .p-a4 {
    padding: var(--sf-a4);
  }
  .p-top-a4 {
    padding-top: var(--sf-a4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a4 {
    padding-right: var(--sf-a4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a4 {
    padding-right: var(--sf-a4);
    }
  }
  .p-inline-end-a4:where(:dir(ltr)) {
    padding-right: var(--sf-a4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a4 {
    padding-left: var(--sf-a4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a4 {
    padding-left: var(--sf-a4);
    }
  }
  .p-inline-end-a4:where(:dir(rtl)) {
    padding-left: var(--sf-a4);
  }
  .p-inline-end-a4 {
    -webkit-padding-end: var(--sf-a4);
            padding-inline-end: var(--sf-a4);
  }
  .p-bottom-a4 {
    padding-bottom: var(--sf-a4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a4 {
    padding-left: var(--sf-a4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a4 {
    padding-left: var(--sf-a4);
    }
  }
  .p-inline-start-a4:where(:dir(ltr)) {
    padding-left: var(--sf-a4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a4 {
    padding-right: var(--sf-a4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a4 {
    padding-right: var(--sf-a4);
    }
  }
  .p-inline-start-a4:where(:dir(rtl)) {
    padding-right: var(--sf-a4);
  }
  .p-inline-start-a4 {
    -webkit-padding-start: var(--sf-a4);
            padding-inline-start: var(--sf-a4);
  }
  .p-a5 {
    padding: var(--sf-a5);
  }
  .p-top-a5 {
    padding-top: var(--sf-a5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a5 {
    padding-right: var(--sf-a5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a5 {
    padding-right: var(--sf-a5);
    }
  }
  .p-inline-end-a5:where(:dir(ltr)) {
    padding-right: var(--sf-a5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a5 {
    padding-left: var(--sf-a5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a5 {
    padding-left: var(--sf-a5);
    }
  }
  .p-inline-end-a5:where(:dir(rtl)) {
    padding-left: var(--sf-a5);
  }
  .p-inline-end-a5 {
    -webkit-padding-end: var(--sf-a5);
            padding-inline-end: var(--sf-a5);
  }
  .p-bottom-a5 {
    padding-bottom: var(--sf-a5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a5 {
    padding-left: var(--sf-a5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a5 {
    padding-left: var(--sf-a5);
    }
  }
  .p-inline-start-a5:where(:dir(ltr)) {
    padding-left: var(--sf-a5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a5 {
    padding-right: var(--sf-a5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a5 {
    padding-right: var(--sf-a5);
    }
  }
  .p-inline-start-a5:where(:dir(rtl)) {
    padding-right: var(--sf-a5);
  }
  .p-inline-start-a5 {
    -webkit-padding-start: var(--sf-a5);
            padding-inline-start: var(--sf-a5);
  }
  .p-a6 {
    padding: var(--sf-a6);
  }
  .p-top-a6 {
    padding-top: var(--sf-a6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a6 {
    padding-right: var(--sf-a6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a6 {
    padding-right: var(--sf-a6);
    }
  }
  .p-inline-end-a6:where(:dir(ltr)) {
    padding-right: var(--sf-a6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a6 {
    padding-left: var(--sf-a6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a6 {
    padding-left: var(--sf-a6);
    }
  }
  .p-inline-end-a6:where(:dir(rtl)) {
    padding-left: var(--sf-a6);
  }
  .p-inline-end-a6 {
    -webkit-padding-end: var(--sf-a6);
            padding-inline-end: var(--sf-a6);
  }
  .p-bottom-a6 {
    padding-bottom: var(--sf-a6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a6 {
    padding-left: var(--sf-a6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a6 {
    padding-left: var(--sf-a6);
    }
  }
  .p-inline-start-a6:where(:dir(ltr)) {
    padding-left: var(--sf-a6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a6 {
    padding-right: var(--sf-a6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a6 {
    padding-right: var(--sf-a6);
    }
  }
  .p-inline-start-a6:where(:dir(rtl)) {
    padding-right: var(--sf-a6);
  }
  .p-inline-start-a6 {
    -webkit-padding-start: var(--sf-a6);
            padding-inline-start: var(--sf-a6);
  }
  .p-a7 {
    padding: var(--sf-a7);
  }
  .p-top-a7 {
    padding-top: var(--sf-a7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a7 {
    padding-right: var(--sf-a7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a7 {
    padding-right: var(--sf-a7);
    }
  }
  .p-inline-end-a7:where(:dir(ltr)) {
    padding-right: var(--sf-a7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a7 {
    padding-left: var(--sf-a7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a7 {
    padding-left: var(--sf-a7);
    }
  }
  .p-inline-end-a7:where(:dir(rtl)) {
    padding-left: var(--sf-a7);
  }
  .p-inline-end-a7 {
    -webkit-padding-end: var(--sf-a7);
            padding-inline-end: var(--sf-a7);
  }
  .p-bottom-a7 {
    padding-bottom: var(--sf-a7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a7 {
    padding-left: var(--sf-a7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a7 {
    padding-left: var(--sf-a7);
    }
  }
  .p-inline-start-a7:where(:dir(ltr)) {
    padding-left: var(--sf-a7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a7 {
    padding-right: var(--sf-a7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a7 {
    padding-right: var(--sf-a7);
    }
  }
  .p-inline-start-a7:where(:dir(rtl)) {
    padding-right: var(--sf-a7);
  }
  .p-inline-start-a7 {
    -webkit-padding-start: var(--sf-a7);
            padding-inline-start: var(--sf-a7);
  }
  .p-a8 {
    padding: var(--sf-a8);
  }
  .p-top-a8 {
    padding-top: var(--sf-a8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a8 {
    padding-right: var(--sf-a8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a8 {
    padding-right: var(--sf-a8);
    }
  }
  .p-inline-end-a8:where(:dir(ltr)) {
    padding-right: var(--sf-a8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a8 {
    padding-left: var(--sf-a8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a8 {
    padding-left: var(--sf-a8);
    }
  }
  .p-inline-end-a8:where(:dir(rtl)) {
    padding-left: var(--sf-a8);
  }
  .p-inline-end-a8 {
    -webkit-padding-end: var(--sf-a8);
            padding-inline-end: var(--sf-a8);
  }
  .p-bottom-a8 {
    padding-bottom: var(--sf-a8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a8 {
    padding-left: var(--sf-a8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a8 {
    padding-left: var(--sf-a8);
    }
  }
  .p-inline-start-a8:where(:dir(ltr)) {
    padding-left: var(--sf-a8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a8 {
    padding-right: var(--sf-a8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a8 {
    padding-right: var(--sf-a8);
    }
  }
  .p-inline-start-a8:where(:dir(rtl)) {
    padding-right: var(--sf-a8);
  }
  .p-inline-start-a8 {
    -webkit-padding-start: var(--sf-a8);
            padding-inline-start: var(--sf-a8);
  }
  .p-a9 {
    padding: var(--sf-a9);
  }
  .p-top-a9 {
    padding-top: var(--sf-a9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-a9 {
    padding-right: var(--sf-a9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-a9 {
    padding-right: var(--sf-a9);
    }
  }
  .p-inline-end-a9:where(:dir(ltr)) {
    padding-right: var(--sf-a9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-a9 {
    padding-left: var(--sf-a9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-a9 {
    padding-left: var(--sf-a9);
    }
  }
  .p-inline-end-a9:where(:dir(rtl)) {
    padding-left: var(--sf-a9);
  }
  .p-inline-end-a9 {
    -webkit-padding-end: var(--sf-a9);
            padding-inline-end: var(--sf-a9);
  }
  .p-bottom-a9 {
    padding-bottom: var(--sf-a9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-a9 {
    padding-left: var(--sf-a9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-a9 {
    padding-left: var(--sf-a9);
    }
  }
  .p-inline-start-a9:where(:dir(ltr)) {
    padding-left: var(--sf-a9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-a9 {
    padding-right: var(--sf-a9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-a9 {
    padding-right: var(--sf-a9);
    }
  }
  .p-inline-start-a9:where(:dir(rtl)) {
    padding-right: var(--sf-a9);
  }
  .p-inline-start-a9 {
    -webkit-padding-start: var(--sf-a9);
            padding-inline-start: var(--sf-a9);
  }
  .p-b0 {
    padding: var(--sf-b0);
  }
  .p-top-b0 {
    padding-top: var(--sf-b0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b0 {
    padding-right: var(--sf-b0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b0 {
    padding-right: var(--sf-b0);
    }
  }
  .p-inline-end-b0:where(:dir(ltr)) {
    padding-right: var(--sf-b0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b0 {
    padding-left: var(--sf-b0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b0 {
    padding-left: var(--sf-b0);
    }
  }
  .p-inline-end-b0:where(:dir(rtl)) {
    padding-left: var(--sf-b0);
  }
  .p-inline-end-b0 {
    -webkit-padding-end: var(--sf-b0);
            padding-inline-end: var(--sf-b0);
  }
  .p-bottom-b0 {
    padding-bottom: var(--sf-b0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b0 {
    padding-left: var(--sf-b0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b0 {
    padding-left: var(--sf-b0);
    }
  }
  .p-inline-start-b0:where(:dir(ltr)) {
    padding-left: var(--sf-b0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b0 {
    padding-right: var(--sf-b0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b0 {
    padding-right: var(--sf-b0);
    }
  }
  .p-inline-start-b0:where(:dir(rtl)) {
    padding-right: var(--sf-b0);
  }
  .p-inline-start-b0 {
    -webkit-padding-start: var(--sf-b0);
            padding-inline-start: var(--sf-b0);
  }
  .p-b1 {
    padding: var(--sf-b1);
  }
  .p-top-b1 {
    padding-top: var(--sf-b1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b1 {
    padding-right: var(--sf-b1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b1 {
    padding-right: var(--sf-b1);
    }
  }
  .p-inline-end-b1:where(:dir(ltr)) {
    padding-right: var(--sf-b1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b1 {
    padding-left: var(--sf-b1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b1 {
    padding-left: var(--sf-b1);
    }
  }
  .p-inline-end-b1:where(:dir(rtl)) {
    padding-left: var(--sf-b1);
  }
  .p-inline-end-b1 {
    -webkit-padding-end: var(--sf-b1);
            padding-inline-end: var(--sf-b1);
  }
  .p-bottom-b1 {
    padding-bottom: var(--sf-b1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b1 {
    padding-left: var(--sf-b1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b1 {
    padding-left: var(--sf-b1);
    }
  }
  .p-inline-start-b1:where(:dir(ltr)) {
    padding-left: var(--sf-b1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b1 {
    padding-right: var(--sf-b1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b1 {
    padding-right: var(--sf-b1);
    }
  }
  .p-inline-start-b1:where(:dir(rtl)) {
    padding-right: var(--sf-b1);
  }
  .p-inline-start-b1 {
    -webkit-padding-start: var(--sf-b1);
            padding-inline-start: var(--sf-b1);
  }
  .p-b2 {
    padding: var(--sf-b2);
  }
  .p-top-b2 {
    padding-top: var(--sf-b2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b2 {
    padding-right: var(--sf-b2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b2 {
    padding-right: var(--sf-b2);
    }
  }
  .p-inline-end-b2:where(:dir(ltr)) {
    padding-right: var(--sf-b2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b2 {
    padding-left: var(--sf-b2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b2 {
    padding-left: var(--sf-b2);
    }
  }
  .p-inline-end-b2:where(:dir(rtl)) {
    padding-left: var(--sf-b2);
  }
  .p-inline-end-b2 {
    -webkit-padding-end: var(--sf-b2);
            padding-inline-end: var(--sf-b2);
  }
  .p-bottom-b2 {
    padding-bottom: var(--sf-b2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b2 {
    padding-left: var(--sf-b2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b2 {
    padding-left: var(--sf-b2);
    }
  }
  .p-inline-start-b2:where(:dir(ltr)) {
    padding-left: var(--sf-b2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b2 {
    padding-right: var(--sf-b2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b2 {
    padding-right: var(--sf-b2);
    }
  }
  .p-inline-start-b2:where(:dir(rtl)) {
    padding-right: var(--sf-b2);
  }
  .p-inline-start-b2 {
    -webkit-padding-start: var(--sf-b2);
            padding-inline-start: var(--sf-b2);
  }
  .p-b3 {
    padding: var(--sf-b3);
  }
  .p-top-b3 {
    padding-top: var(--sf-b3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b3 {
    padding-right: var(--sf-b3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b3 {
    padding-right: var(--sf-b3);
    }
  }
  .p-inline-end-b3:where(:dir(ltr)) {
    padding-right: var(--sf-b3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b3 {
    padding-left: var(--sf-b3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b3 {
    padding-left: var(--sf-b3);
    }
  }
  .p-inline-end-b3:where(:dir(rtl)) {
    padding-left: var(--sf-b3);
  }
  .p-inline-end-b3 {
    -webkit-padding-end: var(--sf-b3);
            padding-inline-end: var(--sf-b3);
  }
  .p-bottom-b3 {
    padding-bottom: var(--sf-b3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b3 {
    padding-left: var(--sf-b3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b3 {
    padding-left: var(--sf-b3);
    }
  }
  .p-inline-start-b3:where(:dir(ltr)) {
    padding-left: var(--sf-b3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b3 {
    padding-right: var(--sf-b3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b3 {
    padding-right: var(--sf-b3);
    }
  }
  .p-inline-start-b3:where(:dir(rtl)) {
    padding-right: var(--sf-b3);
  }
  .p-inline-start-b3 {
    -webkit-padding-start: var(--sf-b3);
            padding-inline-start: var(--sf-b3);
  }
  .p-b4 {
    padding: var(--sf-b4);
  }
  .p-top-b4 {
    padding-top: var(--sf-b4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b4 {
    padding-right: var(--sf-b4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b4 {
    padding-right: var(--sf-b4);
    }
  }
  .p-inline-end-b4:where(:dir(ltr)) {
    padding-right: var(--sf-b4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b4 {
    padding-left: var(--sf-b4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b4 {
    padding-left: var(--sf-b4);
    }
  }
  .p-inline-end-b4:where(:dir(rtl)) {
    padding-left: var(--sf-b4);
  }
  .p-inline-end-b4 {
    -webkit-padding-end: var(--sf-b4);
            padding-inline-end: var(--sf-b4);
  }
  .p-bottom-b4 {
    padding-bottom: var(--sf-b4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b4 {
    padding-left: var(--sf-b4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b4 {
    padding-left: var(--sf-b4);
    }
  }
  .p-inline-start-b4:where(:dir(ltr)) {
    padding-left: var(--sf-b4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b4 {
    padding-right: var(--sf-b4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b4 {
    padding-right: var(--sf-b4);
    }
  }
  .p-inline-start-b4:where(:dir(rtl)) {
    padding-right: var(--sf-b4);
  }
  .p-inline-start-b4 {
    -webkit-padding-start: var(--sf-b4);
            padding-inline-start: var(--sf-b4);
  }
  .p-b5 {
    padding: var(--sf-b5);
  }
  .p-top-b5 {
    padding-top: var(--sf-b5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b5 {
    padding-right: var(--sf-b5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b5 {
    padding-right: var(--sf-b5);
    }
  }
  .p-inline-end-b5:where(:dir(ltr)) {
    padding-right: var(--sf-b5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b5 {
    padding-left: var(--sf-b5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b5 {
    padding-left: var(--sf-b5);
    }
  }
  .p-inline-end-b5:where(:dir(rtl)) {
    padding-left: var(--sf-b5);
  }
  .p-inline-end-b5 {
    -webkit-padding-end: var(--sf-b5);
            padding-inline-end: var(--sf-b5);
  }
  .p-bottom-b5 {
    padding-bottom: var(--sf-b5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b5 {
    padding-left: var(--sf-b5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b5 {
    padding-left: var(--sf-b5);
    }
  }
  .p-inline-start-b5:where(:dir(ltr)) {
    padding-left: var(--sf-b5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b5 {
    padding-right: var(--sf-b5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b5 {
    padding-right: var(--sf-b5);
    }
  }
  .p-inline-start-b5:where(:dir(rtl)) {
    padding-right: var(--sf-b5);
  }
  .p-inline-start-b5 {
    -webkit-padding-start: var(--sf-b5);
            padding-inline-start: var(--sf-b5);
  }
  .p-b6 {
    padding: var(--sf-b6);
  }
  .p-top-b6 {
    padding-top: var(--sf-b6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b6 {
    padding-right: var(--sf-b6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b6 {
    padding-right: var(--sf-b6);
    }
  }
  .p-inline-end-b6:where(:dir(ltr)) {
    padding-right: var(--sf-b6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b6 {
    padding-left: var(--sf-b6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b6 {
    padding-left: var(--sf-b6);
    }
  }
  .p-inline-end-b6:where(:dir(rtl)) {
    padding-left: var(--sf-b6);
  }
  .p-inline-end-b6 {
    -webkit-padding-end: var(--sf-b6);
            padding-inline-end: var(--sf-b6);
  }
  .p-bottom-b6 {
    padding-bottom: var(--sf-b6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b6 {
    padding-left: var(--sf-b6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b6 {
    padding-left: var(--sf-b6);
    }
  }
  .p-inline-start-b6:where(:dir(ltr)) {
    padding-left: var(--sf-b6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b6 {
    padding-right: var(--sf-b6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b6 {
    padding-right: var(--sf-b6);
    }
  }
  .p-inline-start-b6:where(:dir(rtl)) {
    padding-right: var(--sf-b6);
  }
  .p-inline-start-b6 {
    -webkit-padding-start: var(--sf-b6);
            padding-inline-start: var(--sf-b6);
  }
  .p-b7 {
    padding: var(--sf-b7);
  }
  .p-top-b7 {
    padding-top: var(--sf-b7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b7 {
    padding-right: var(--sf-b7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b7 {
    padding-right: var(--sf-b7);
    }
  }
  .p-inline-end-b7:where(:dir(ltr)) {
    padding-right: var(--sf-b7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b7 {
    padding-left: var(--sf-b7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b7 {
    padding-left: var(--sf-b7);
    }
  }
  .p-inline-end-b7:where(:dir(rtl)) {
    padding-left: var(--sf-b7);
  }
  .p-inline-end-b7 {
    -webkit-padding-end: var(--sf-b7);
            padding-inline-end: var(--sf-b7);
  }
  .p-bottom-b7 {
    padding-bottom: var(--sf-b7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b7 {
    padding-left: var(--sf-b7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b7 {
    padding-left: var(--sf-b7);
    }
  }
  .p-inline-start-b7:where(:dir(ltr)) {
    padding-left: var(--sf-b7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b7 {
    padding-right: var(--sf-b7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b7 {
    padding-right: var(--sf-b7);
    }
  }
  .p-inline-start-b7:where(:dir(rtl)) {
    padding-right: var(--sf-b7);
  }
  .p-inline-start-b7 {
    -webkit-padding-start: var(--sf-b7);
            padding-inline-start: var(--sf-b7);
  }
  .p-b8 {
    padding: var(--sf-b8);
  }
  .p-top-b8 {
    padding-top: var(--sf-b8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b8 {
    padding-right: var(--sf-b8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b8 {
    padding-right: var(--sf-b8);
    }
  }
  .p-inline-end-b8:where(:dir(ltr)) {
    padding-right: var(--sf-b8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b8 {
    padding-left: var(--sf-b8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b8 {
    padding-left: var(--sf-b8);
    }
  }
  .p-inline-end-b8:where(:dir(rtl)) {
    padding-left: var(--sf-b8);
  }
  .p-inline-end-b8 {
    -webkit-padding-end: var(--sf-b8);
            padding-inline-end: var(--sf-b8);
  }
  .p-bottom-b8 {
    padding-bottom: var(--sf-b8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b8 {
    padding-left: var(--sf-b8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b8 {
    padding-left: var(--sf-b8);
    }
  }
  .p-inline-start-b8:where(:dir(ltr)) {
    padding-left: var(--sf-b8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b8 {
    padding-right: var(--sf-b8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b8 {
    padding-right: var(--sf-b8);
    }
  }
  .p-inline-start-b8:where(:dir(rtl)) {
    padding-right: var(--sf-b8);
  }
  .p-inline-start-b8 {
    -webkit-padding-start: var(--sf-b8);
            padding-inline-start: var(--sf-b8);
  }
  .p-b9 {
    padding: var(--sf-b9);
  }
  .p-top-b9 {
    padding-top: var(--sf-b9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-b9 {
    padding-right: var(--sf-b9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-b9 {
    padding-right: var(--sf-b9);
    }
  }
  .p-inline-end-b9:where(:dir(ltr)) {
    padding-right: var(--sf-b9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-b9 {
    padding-left: var(--sf-b9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-b9 {
    padding-left: var(--sf-b9);
    }
  }
  .p-inline-end-b9:where(:dir(rtl)) {
    padding-left: var(--sf-b9);
  }
  .p-inline-end-b9 {
    -webkit-padding-end: var(--sf-b9);
            padding-inline-end: var(--sf-b9);
  }
  .p-bottom-b9 {
    padding-bottom: var(--sf-b9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-b9 {
    padding-left: var(--sf-b9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-b9 {
    padding-left: var(--sf-b9);
    }
  }
  .p-inline-start-b9:where(:dir(ltr)) {
    padding-left: var(--sf-b9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-b9 {
    padding-right: var(--sf-b9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-b9 {
    padding-right: var(--sf-b9);
    }
  }
  .p-inline-start-b9:where(:dir(rtl)) {
    padding-right: var(--sf-b9);
  }
  .p-inline-start-b9 {
    -webkit-padding-start: var(--sf-b9);
            padding-inline-start: var(--sf-b9);
  }
  .p-c0 {
    padding: var(--sf-c0);
  }
  .p-top-c0 {
    padding-top: var(--sf-c0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c0 {
    padding-right: var(--sf-c0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c0 {
    padding-right: var(--sf-c0);
    }
  }
  .p-inline-end-c0:where(:dir(ltr)) {
    padding-right: var(--sf-c0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c0 {
    padding-left: var(--sf-c0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c0 {
    padding-left: var(--sf-c0);
    }
  }
  .p-inline-end-c0:where(:dir(rtl)) {
    padding-left: var(--sf-c0);
  }
  .p-inline-end-c0 {
    -webkit-padding-end: var(--sf-c0);
            padding-inline-end: var(--sf-c0);
  }
  .p-bottom-c0 {
    padding-bottom: var(--sf-c0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c0 {
    padding-left: var(--sf-c0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c0 {
    padding-left: var(--sf-c0);
    }
  }
  .p-inline-start-c0:where(:dir(ltr)) {
    padding-left: var(--sf-c0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c0 {
    padding-right: var(--sf-c0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c0 {
    padding-right: var(--sf-c0);
    }
  }
  .p-inline-start-c0:where(:dir(rtl)) {
    padding-right: var(--sf-c0);
  }
  .p-inline-start-c0 {
    -webkit-padding-start: var(--sf-c0);
            padding-inline-start: var(--sf-c0);
  }
  .p-c1 {
    padding: var(--sf-c1);
  }
  .p-top-c1 {
    padding-top: var(--sf-c1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c1 {
    padding-right: var(--sf-c1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c1 {
    padding-right: var(--sf-c1);
    }
  }
  .p-inline-end-c1:where(:dir(ltr)) {
    padding-right: var(--sf-c1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c1 {
    padding-left: var(--sf-c1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c1 {
    padding-left: var(--sf-c1);
    }
  }
  .p-inline-end-c1:where(:dir(rtl)) {
    padding-left: var(--sf-c1);
  }
  .p-inline-end-c1 {
    -webkit-padding-end: var(--sf-c1);
            padding-inline-end: var(--sf-c1);
  }
  .p-bottom-c1 {
    padding-bottom: var(--sf-c1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c1 {
    padding-left: var(--sf-c1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c1 {
    padding-left: var(--sf-c1);
    }
  }
  .p-inline-start-c1:where(:dir(ltr)) {
    padding-left: var(--sf-c1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c1 {
    padding-right: var(--sf-c1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c1 {
    padding-right: var(--sf-c1);
    }
  }
  .p-inline-start-c1:where(:dir(rtl)) {
    padding-right: var(--sf-c1);
  }
  .p-inline-start-c1 {
    -webkit-padding-start: var(--sf-c1);
            padding-inline-start: var(--sf-c1);
  }
  .p-c2 {
    padding: var(--sf-c2);
  }
  .p-top-c2 {
    padding-top: var(--sf-c2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c2 {
    padding-right: var(--sf-c2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c2 {
    padding-right: var(--sf-c2);
    }
  }
  .p-inline-end-c2:where(:dir(ltr)) {
    padding-right: var(--sf-c2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c2 {
    padding-left: var(--sf-c2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c2 {
    padding-left: var(--sf-c2);
    }
  }
  .p-inline-end-c2:where(:dir(rtl)) {
    padding-left: var(--sf-c2);
  }
  .p-inline-end-c2 {
    -webkit-padding-end: var(--sf-c2);
            padding-inline-end: var(--sf-c2);
  }
  .p-bottom-c2 {
    padding-bottom: var(--sf-c2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c2 {
    padding-left: var(--sf-c2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c2 {
    padding-left: var(--sf-c2);
    }
  }
  .p-inline-start-c2:where(:dir(ltr)) {
    padding-left: var(--sf-c2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c2 {
    padding-right: var(--sf-c2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c2 {
    padding-right: var(--sf-c2);
    }
  }
  .p-inline-start-c2:where(:dir(rtl)) {
    padding-right: var(--sf-c2);
  }
  .p-inline-start-c2 {
    -webkit-padding-start: var(--sf-c2);
            padding-inline-start: var(--sf-c2);
  }
  .p-c3 {
    padding: var(--sf-c3);
  }
  .p-top-c3 {
    padding-top: var(--sf-c3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c3 {
    padding-right: var(--sf-c3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c3 {
    padding-right: var(--sf-c3);
    }
  }
  .p-inline-end-c3:where(:dir(ltr)) {
    padding-right: var(--sf-c3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c3 {
    padding-left: var(--sf-c3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c3 {
    padding-left: var(--sf-c3);
    }
  }
  .p-inline-end-c3:where(:dir(rtl)) {
    padding-left: var(--sf-c3);
  }
  .p-inline-end-c3 {
    -webkit-padding-end: var(--sf-c3);
            padding-inline-end: var(--sf-c3);
  }
  .p-bottom-c3 {
    padding-bottom: var(--sf-c3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c3 {
    padding-left: var(--sf-c3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c3 {
    padding-left: var(--sf-c3);
    }
  }
  .p-inline-start-c3:where(:dir(ltr)) {
    padding-left: var(--sf-c3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c3 {
    padding-right: var(--sf-c3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c3 {
    padding-right: var(--sf-c3);
    }
  }
  .p-inline-start-c3:where(:dir(rtl)) {
    padding-right: var(--sf-c3);
  }
  .p-inline-start-c3 {
    -webkit-padding-start: var(--sf-c3);
            padding-inline-start: var(--sf-c3);
  }
  .p-c4 {
    padding: var(--sf-c4);
  }
  .p-top-c4 {
    padding-top: var(--sf-c4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c4 {
    padding-right: var(--sf-c4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c4 {
    padding-right: var(--sf-c4);
    }
  }
  .p-inline-end-c4:where(:dir(ltr)) {
    padding-right: var(--sf-c4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c4 {
    padding-left: var(--sf-c4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c4 {
    padding-left: var(--sf-c4);
    }
  }
  .p-inline-end-c4:where(:dir(rtl)) {
    padding-left: var(--sf-c4);
  }
  .p-inline-end-c4 {
    -webkit-padding-end: var(--sf-c4);
            padding-inline-end: var(--sf-c4);
  }
  .p-bottom-c4 {
    padding-bottom: var(--sf-c4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c4 {
    padding-left: var(--sf-c4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c4 {
    padding-left: var(--sf-c4);
    }
  }
  .p-inline-start-c4:where(:dir(ltr)) {
    padding-left: var(--sf-c4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c4 {
    padding-right: var(--sf-c4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c4 {
    padding-right: var(--sf-c4);
    }
  }
  .p-inline-start-c4:where(:dir(rtl)) {
    padding-right: var(--sf-c4);
  }
  .p-inline-start-c4 {
    -webkit-padding-start: var(--sf-c4);
            padding-inline-start: var(--sf-c4);
  }
  .p-c5 {
    padding: var(--sf-c5);
  }
  .p-top-c5 {
    padding-top: var(--sf-c5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c5 {
    padding-right: var(--sf-c5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c5 {
    padding-right: var(--sf-c5);
    }
  }
  .p-inline-end-c5:where(:dir(ltr)) {
    padding-right: var(--sf-c5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c5 {
    padding-left: var(--sf-c5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c5 {
    padding-left: var(--sf-c5);
    }
  }
  .p-inline-end-c5:where(:dir(rtl)) {
    padding-left: var(--sf-c5);
  }
  .p-inline-end-c5 {
    -webkit-padding-end: var(--sf-c5);
            padding-inline-end: var(--sf-c5);
  }
  .p-bottom-c5 {
    padding-bottom: var(--sf-c5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c5 {
    padding-left: var(--sf-c5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c5 {
    padding-left: var(--sf-c5);
    }
  }
  .p-inline-start-c5:where(:dir(ltr)) {
    padding-left: var(--sf-c5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c5 {
    padding-right: var(--sf-c5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c5 {
    padding-right: var(--sf-c5);
    }
  }
  .p-inline-start-c5:where(:dir(rtl)) {
    padding-right: var(--sf-c5);
  }
  .p-inline-start-c5 {
    -webkit-padding-start: var(--sf-c5);
            padding-inline-start: var(--sf-c5);
  }
  .p-c6 {
    padding: var(--sf-c6);
  }
  .p-top-c6 {
    padding-top: var(--sf-c6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c6 {
    padding-right: var(--sf-c6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c6 {
    padding-right: var(--sf-c6);
    }
  }
  .p-inline-end-c6:where(:dir(ltr)) {
    padding-right: var(--sf-c6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c6 {
    padding-left: var(--sf-c6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c6 {
    padding-left: var(--sf-c6);
    }
  }
  .p-inline-end-c6:where(:dir(rtl)) {
    padding-left: var(--sf-c6);
  }
  .p-inline-end-c6 {
    -webkit-padding-end: var(--sf-c6);
            padding-inline-end: var(--sf-c6);
  }
  .p-bottom-c6 {
    padding-bottom: var(--sf-c6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c6 {
    padding-left: var(--sf-c6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c6 {
    padding-left: var(--sf-c6);
    }
  }
  .p-inline-start-c6:where(:dir(ltr)) {
    padding-left: var(--sf-c6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c6 {
    padding-right: var(--sf-c6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c6 {
    padding-right: var(--sf-c6);
    }
  }
  .p-inline-start-c6:where(:dir(rtl)) {
    padding-right: var(--sf-c6);
  }
  .p-inline-start-c6 {
    -webkit-padding-start: var(--sf-c6);
            padding-inline-start: var(--sf-c6);
  }
  .p-c7 {
    padding: var(--sf-c7);
  }
  .p-top-c7 {
    padding-top: var(--sf-c7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c7 {
    padding-right: var(--sf-c7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c7 {
    padding-right: var(--sf-c7);
    }
  }
  .p-inline-end-c7:where(:dir(ltr)) {
    padding-right: var(--sf-c7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c7 {
    padding-left: var(--sf-c7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c7 {
    padding-left: var(--sf-c7);
    }
  }
  .p-inline-end-c7:where(:dir(rtl)) {
    padding-left: var(--sf-c7);
  }
  .p-inline-end-c7 {
    -webkit-padding-end: var(--sf-c7);
            padding-inline-end: var(--sf-c7);
  }
  .p-bottom-c7 {
    padding-bottom: var(--sf-c7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c7 {
    padding-left: var(--sf-c7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c7 {
    padding-left: var(--sf-c7);
    }
  }
  .p-inline-start-c7:where(:dir(ltr)) {
    padding-left: var(--sf-c7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c7 {
    padding-right: var(--sf-c7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c7 {
    padding-right: var(--sf-c7);
    }
  }
  .p-inline-start-c7:where(:dir(rtl)) {
    padding-right: var(--sf-c7);
  }
  .p-inline-start-c7 {
    -webkit-padding-start: var(--sf-c7);
            padding-inline-start: var(--sf-c7);
  }
  .p-c8 {
    padding: var(--sf-c8);
  }
  .p-top-c8 {
    padding-top: var(--sf-c8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c8 {
    padding-right: var(--sf-c8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c8 {
    padding-right: var(--sf-c8);
    }
  }
  .p-inline-end-c8:where(:dir(ltr)) {
    padding-right: var(--sf-c8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c8 {
    padding-left: var(--sf-c8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c8 {
    padding-left: var(--sf-c8);
    }
  }
  .p-inline-end-c8:where(:dir(rtl)) {
    padding-left: var(--sf-c8);
  }
  .p-inline-end-c8 {
    -webkit-padding-end: var(--sf-c8);
            padding-inline-end: var(--sf-c8);
  }
  .p-bottom-c8 {
    padding-bottom: var(--sf-c8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c8 {
    padding-left: var(--sf-c8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c8 {
    padding-left: var(--sf-c8);
    }
  }
  .p-inline-start-c8:where(:dir(ltr)) {
    padding-left: var(--sf-c8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c8 {
    padding-right: var(--sf-c8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c8 {
    padding-right: var(--sf-c8);
    }
  }
  .p-inline-start-c8:where(:dir(rtl)) {
    padding-right: var(--sf-c8);
  }
  .p-inline-start-c8 {
    -webkit-padding-start: var(--sf-c8);
            padding-inline-start: var(--sf-c8);
  }
  .p-c9 {
    padding: var(--sf-c9);
  }
  .p-top-c9 {
    padding-top: var(--sf-c9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-c9 {
    padding-right: var(--sf-c9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-c9 {
    padding-right: var(--sf-c9);
    }
  }
  .p-inline-end-c9:where(:dir(ltr)) {
    padding-right: var(--sf-c9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-c9 {
    padding-left: var(--sf-c9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-c9 {
    padding-left: var(--sf-c9);
    }
  }
  .p-inline-end-c9:where(:dir(rtl)) {
    padding-left: var(--sf-c9);
  }
  .p-inline-end-c9 {
    -webkit-padding-end: var(--sf-c9);
            padding-inline-end: var(--sf-c9);
  }
  .p-bottom-c9 {
    padding-bottom: var(--sf-c9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-c9 {
    padding-left: var(--sf-c9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-c9 {
    padding-left: var(--sf-c9);
    }
  }
  .p-inline-start-c9:where(:dir(ltr)) {
    padding-left: var(--sf-c9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-c9 {
    padding-right: var(--sf-c9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-c9 {
    padding-right: var(--sf-c9);
    }
  }
  .p-inline-start-c9:where(:dir(rtl)) {
    padding-right: var(--sf-c9);
  }
  .p-inline-start-c9 {
    -webkit-padding-start: var(--sf-c9);
            padding-inline-start: var(--sf-c9);
  }
  .p-d0 {
    padding: var(--sf-d0);
  }
  .p-top-d0 {
    padding-top: var(--sf-d0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d0 {
    padding-right: var(--sf-d0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d0 {
    padding-right: var(--sf-d0);
    }
  }
  .p-inline-end-d0:where(:dir(ltr)) {
    padding-right: var(--sf-d0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d0 {
    padding-left: var(--sf-d0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d0 {
    padding-left: var(--sf-d0);
    }
  }
  .p-inline-end-d0:where(:dir(rtl)) {
    padding-left: var(--sf-d0);
  }
  .p-inline-end-d0 {
    -webkit-padding-end: var(--sf-d0);
            padding-inline-end: var(--sf-d0);
  }
  .p-bottom-d0 {
    padding-bottom: var(--sf-d0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d0 {
    padding-left: var(--sf-d0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d0 {
    padding-left: var(--sf-d0);
    }
  }
  .p-inline-start-d0:where(:dir(ltr)) {
    padding-left: var(--sf-d0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d0 {
    padding-right: var(--sf-d0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d0 {
    padding-right: var(--sf-d0);
    }
  }
  .p-inline-start-d0:where(:dir(rtl)) {
    padding-right: var(--sf-d0);
  }
  .p-inline-start-d0 {
    -webkit-padding-start: var(--sf-d0);
            padding-inline-start: var(--sf-d0);
  }
  .p-d1 {
    padding: var(--sf-d1);
  }
  .p-top-d1 {
    padding-top: var(--sf-d1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d1 {
    padding-right: var(--sf-d1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d1 {
    padding-right: var(--sf-d1);
    }
  }
  .p-inline-end-d1:where(:dir(ltr)) {
    padding-right: var(--sf-d1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d1 {
    padding-left: var(--sf-d1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d1 {
    padding-left: var(--sf-d1);
    }
  }
  .p-inline-end-d1:where(:dir(rtl)) {
    padding-left: var(--sf-d1);
  }
  .p-inline-end-d1 {
    -webkit-padding-end: var(--sf-d1);
            padding-inline-end: var(--sf-d1);
  }
  .p-bottom-d1 {
    padding-bottom: var(--sf-d1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d1 {
    padding-left: var(--sf-d1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d1 {
    padding-left: var(--sf-d1);
    }
  }
  .p-inline-start-d1:where(:dir(ltr)) {
    padding-left: var(--sf-d1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d1 {
    padding-right: var(--sf-d1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d1 {
    padding-right: var(--sf-d1);
    }
  }
  .p-inline-start-d1:where(:dir(rtl)) {
    padding-right: var(--sf-d1);
  }
  .p-inline-start-d1 {
    -webkit-padding-start: var(--sf-d1);
            padding-inline-start: var(--sf-d1);
  }
  .p-d2 {
    padding: var(--sf-d2);
  }
  .p-top-d2 {
    padding-top: var(--sf-d2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d2 {
    padding-right: var(--sf-d2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d2 {
    padding-right: var(--sf-d2);
    }
  }
  .p-inline-end-d2:where(:dir(ltr)) {
    padding-right: var(--sf-d2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d2 {
    padding-left: var(--sf-d2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d2 {
    padding-left: var(--sf-d2);
    }
  }
  .p-inline-end-d2:where(:dir(rtl)) {
    padding-left: var(--sf-d2);
  }
  .p-inline-end-d2 {
    -webkit-padding-end: var(--sf-d2);
            padding-inline-end: var(--sf-d2);
  }
  .p-bottom-d2 {
    padding-bottom: var(--sf-d2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d2 {
    padding-left: var(--sf-d2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d2 {
    padding-left: var(--sf-d2);
    }
  }
  .p-inline-start-d2:where(:dir(ltr)) {
    padding-left: var(--sf-d2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d2 {
    padding-right: var(--sf-d2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d2 {
    padding-right: var(--sf-d2);
    }
  }
  .p-inline-start-d2:where(:dir(rtl)) {
    padding-right: var(--sf-d2);
  }
  .p-inline-start-d2 {
    -webkit-padding-start: var(--sf-d2);
            padding-inline-start: var(--sf-d2);
  }
  .p-d3 {
    padding: var(--sf-d3);
  }
  .p-top-d3 {
    padding-top: var(--sf-d3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d3 {
    padding-right: var(--sf-d3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d3 {
    padding-right: var(--sf-d3);
    }
  }
  .p-inline-end-d3:where(:dir(ltr)) {
    padding-right: var(--sf-d3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d3 {
    padding-left: var(--sf-d3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d3 {
    padding-left: var(--sf-d3);
    }
  }
  .p-inline-end-d3:where(:dir(rtl)) {
    padding-left: var(--sf-d3);
  }
  .p-inline-end-d3 {
    -webkit-padding-end: var(--sf-d3);
            padding-inline-end: var(--sf-d3);
  }
  .p-bottom-d3 {
    padding-bottom: var(--sf-d3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d3 {
    padding-left: var(--sf-d3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d3 {
    padding-left: var(--sf-d3);
    }
  }
  .p-inline-start-d3:where(:dir(ltr)) {
    padding-left: var(--sf-d3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d3 {
    padding-right: var(--sf-d3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d3 {
    padding-right: var(--sf-d3);
    }
  }
  .p-inline-start-d3:where(:dir(rtl)) {
    padding-right: var(--sf-d3);
  }
  .p-inline-start-d3 {
    -webkit-padding-start: var(--sf-d3);
            padding-inline-start: var(--sf-d3);
  }
  .p-d4 {
    padding: var(--sf-d4);
  }
  .p-top-d4 {
    padding-top: var(--sf-d4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d4 {
    padding-right: var(--sf-d4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d4 {
    padding-right: var(--sf-d4);
    }
  }
  .p-inline-end-d4:where(:dir(ltr)) {
    padding-right: var(--sf-d4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d4 {
    padding-left: var(--sf-d4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d4 {
    padding-left: var(--sf-d4);
    }
  }
  .p-inline-end-d4:where(:dir(rtl)) {
    padding-left: var(--sf-d4);
  }
  .p-inline-end-d4 {
    -webkit-padding-end: var(--sf-d4);
            padding-inline-end: var(--sf-d4);
  }
  .p-bottom-d4 {
    padding-bottom: var(--sf-d4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d4 {
    padding-left: var(--sf-d4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d4 {
    padding-left: var(--sf-d4);
    }
  }
  .p-inline-start-d4:where(:dir(ltr)) {
    padding-left: var(--sf-d4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d4 {
    padding-right: var(--sf-d4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d4 {
    padding-right: var(--sf-d4);
    }
  }
  .p-inline-start-d4:where(:dir(rtl)) {
    padding-right: var(--sf-d4);
  }
  .p-inline-start-d4 {
    -webkit-padding-start: var(--sf-d4);
            padding-inline-start: var(--sf-d4);
  }
  .p-d5 {
    padding: var(--sf-d5);
  }
  .p-top-d5 {
    padding-top: var(--sf-d5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d5 {
    padding-right: var(--sf-d5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d5 {
    padding-right: var(--sf-d5);
    }
  }
  .p-inline-end-d5:where(:dir(ltr)) {
    padding-right: var(--sf-d5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d5 {
    padding-left: var(--sf-d5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d5 {
    padding-left: var(--sf-d5);
    }
  }
  .p-inline-end-d5:where(:dir(rtl)) {
    padding-left: var(--sf-d5);
  }
  .p-inline-end-d5 {
    -webkit-padding-end: var(--sf-d5);
            padding-inline-end: var(--sf-d5);
  }
  .p-bottom-d5 {
    padding-bottom: var(--sf-d5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d5 {
    padding-left: var(--sf-d5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d5 {
    padding-left: var(--sf-d5);
    }
  }
  .p-inline-start-d5:where(:dir(ltr)) {
    padding-left: var(--sf-d5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d5 {
    padding-right: var(--sf-d5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d5 {
    padding-right: var(--sf-d5);
    }
  }
  .p-inline-start-d5:where(:dir(rtl)) {
    padding-right: var(--sf-d5);
  }
  .p-inline-start-d5 {
    -webkit-padding-start: var(--sf-d5);
            padding-inline-start: var(--sf-d5);
  }
  .p-d6 {
    padding: var(--sf-d6);
  }
  .p-top-d6 {
    padding-top: var(--sf-d6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d6 {
    padding-right: var(--sf-d6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d6 {
    padding-right: var(--sf-d6);
    }
  }
  .p-inline-end-d6:where(:dir(ltr)) {
    padding-right: var(--sf-d6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d6 {
    padding-left: var(--sf-d6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d6 {
    padding-left: var(--sf-d6);
    }
  }
  .p-inline-end-d6:where(:dir(rtl)) {
    padding-left: var(--sf-d6);
  }
  .p-inline-end-d6 {
    -webkit-padding-end: var(--sf-d6);
            padding-inline-end: var(--sf-d6);
  }
  .p-bottom-d6 {
    padding-bottom: var(--sf-d6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d6 {
    padding-left: var(--sf-d6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d6 {
    padding-left: var(--sf-d6);
    }
  }
  .p-inline-start-d6:where(:dir(ltr)) {
    padding-left: var(--sf-d6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d6 {
    padding-right: var(--sf-d6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d6 {
    padding-right: var(--sf-d6);
    }
  }
  .p-inline-start-d6:where(:dir(rtl)) {
    padding-right: var(--sf-d6);
  }
  .p-inline-start-d6 {
    -webkit-padding-start: var(--sf-d6);
            padding-inline-start: var(--sf-d6);
  }
  .p-d7 {
    padding: var(--sf-d7);
  }
  .p-top-d7 {
    padding-top: var(--sf-d7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d7 {
    padding-right: var(--sf-d7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d7 {
    padding-right: var(--sf-d7);
    }
  }
  .p-inline-end-d7:where(:dir(ltr)) {
    padding-right: var(--sf-d7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d7 {
    padding-left: var(--sf-d7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d7 {
    padding-left: var(--sf-d7);
    }
  }
  .p-inline-end-d7:where(:dir(rtl)) {
    padding-left: var(--sf-d7);
  }
  .p-inline-end-d7 {
    -webkit-padding-end: var(--sf-d7);
            padding-inline-end: var(--sf-d7);
  }
  .p-bottom-d7 {
    padding-bottom: var(--sf-d7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d7 {
    padding-left: var(--sf-d7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d7 {
    padding-left: var(--sf-d7);
    }
  }
  .p-inline-start-d7:where(:dir(ltr)) {
    padding-left: var(--sf-d7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d7 {
    padding-right: var(--sf-d7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d7 {
    padding-right: var(--sf-d7);
    }
  }
  .p-inline-start-d7:where(:dir(rtl)) {
    padding-right: var(--sf-d7);
  }
  .p-inline-start-d7 {
    -webkit-padding-start: var(--sf-d7);
            padding-inline-start: var(--sf-d7);
  }
  .p-d8 {
    padding: var(--sf-d8);
  }
  .p-top-d8 {
    padding-top: var(--sf-d8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d8 {
    padding-right: var(--sf-d8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d8 {
    padding-right: var(--sf-d8);
    }
  }
  .p-inline-end-d8:where(:dir(ltr)) {
    padding-right: var(--sf-d8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d8 {
    padding-left: var(--sf-d8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d8 {
    padding-left: var(--sf-d8);
    }
  }
  .p-inline-end-d8:where(:dir(rtl)) {
    padding-left: var(--sf-d8);
  }
  .p-inline-end-d8 {
    -webkit-padding-end: var(--sf-d8);
            padding-inline-end: var(--sf-d8);
  }
  .p-bottom-d8 {
    padding-bottom: var(--sf-d8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d8 {
    padding-left: var(--sf-d8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d8 {
    padding-left: var(--sf-d8);
    }
  }
  .p-inline-start-d8:where(:dir(ltr)) {
    padding-left: var(--sf-d8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d8 {
    padding-right: var(--sf-d8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d8 {
    padding-right: var(--sf-d8);
    }
  }
  .p-inline-start-d8:where(:dir(rtl)) {
    padding-right: var(--sf-d8);
  }
  .p-inline-start-d8 {
    -webkit-padding-start: var(--sf-d8);
            padding-inline-start: var(--sf-d8);
  }
  .p-d9 {
    padding: var(--sf-d9);
  }
  .p-top-d9 {
    padding-top: var(--sf-d9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-d9 {
    padding-right: var(--sf-d9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-d9 {
    padding-right: var(--sf-d9);
    }
  }
  .p-inline-end-d9:where(:dir(ltr)) {
    padding-right: var(--sf-d9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-d9 {
    padding-left: var(--sf-d9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-d9 {
    padding-left: var(--sf-d9);
    }
  }
  .p-inline-end-d9:where(:dir(rtl)) {
    padding-left: var(--sf-d9);
  }
  .p-inline-end-d9 {
    -webkit-padding-end: var(--sf-d9);
            padding-inline-end: var(--sf-d9);
  }
  .p-bottom-d9 {
    padding-bottom: var(--sf-d9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-d9 {
    padding-left: var(--sf-d9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-d9 {
    padding-left: var(--sf-d9);
    }
  }
  .p-inline-start-d9:where(:dir(ltr)) {
    padding-left: var(--sf-d9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-d9 {
    padding-right: var(--sf-d9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-d9 {
    padding-right: var(--sf-d9);
    }
  }
  .p-inline-start-d9:where(:dir(rtl)) {
    padding-right: var(--sf-d9);
  }
  .p-inline-start-d9 {
    -webkit-padding-start: var(--sf-d9);
            padding-inline-start: var(--sf-d9);
  }
  .p-e0 {
    padding: var(--sf-e0);
  }
  .p-top-e0 {
    padding-top: var(--sf-e0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e0 {
    padding-right: var(--sf-e0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e0 {
    padding-right: var(--sf-e0);
    }
  }
  .p-inline-end-e0:where(:dir(ltr)) {
    padding-right: var(--sf-e0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e0 {
    padding-left: var(--sf-e0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e0 {
    padding-left: var(--sf-e0);
    }
  }
  .p-inline-end-e0:where(:dir(rtl)) {
    padding-left: var(--sf-e0);
  }
  .p-inline-end-e0 {
    -webkit-padding-end: var(--sf-e0);
            padding-inline-end: var(--sf-e0);
  }
  .p-bottom-e0 {
    padding-bottom: var(--sf-e0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e0 {
    padding-left: var(--sf-e0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e0 {
    padding-left: var(--sf-e0);
    }
  }
  .p-inline-start-e0:where(:dir(ltr)) {
    padding-left: var(--sf-e0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e0 {
    padding-right: var(--sf-e0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e0 {
    padding-right: var(--sf-e0);
    }
  }
  .p-inline-start-e0:where(:dir(rtl)) {
    padding-right: var(--sf-e0);
  }
  .p-inline-start-e0 {
    -webkit-padding-start: var(--sf-e0);
            padding-inline-start: var(--sf-e0);
  }
  .p-e1 {
    padding: var(--sf-e1);
  }
  .p-top-e1 {
    padding-top: var(--sf-e1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e1 {
    padding-right: var(--sf-e1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e1 {
    padding-right: var(--sf-e1);
    }
  }
  .p-inline-end-e1:where(:dir(ltr)) {
    padding-right: var(--sf-e1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e1 {
    padding-left: var(--sf-e1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e1 {
    padding-left: var(--sf-e1);
    }
  }
  .p-inline-end-e1:where(:dir(rtl)) {
    padding-left: var(--sf-e1);
  }
  .p-inline-end-e1 {
    -webkit-padding-end: var(--sf-e1);
            padding-inline-end: var(--sf-e1);
  }
  .p-bottom-e1 {
    padding-bottom: var(--sf-e1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e1 {
    padding-left: var(--sf-e1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e1 {
    padding-left: var(--sf-e1);
    }
  }
  .p-inline-start-e1:where(:dir(ltr)) {
    padding-left: var(--sf-e1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e1 {
    padding-right: var(--sf-e1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e1 {
    padding-right: var(--sf-e1);
    }
  }
  .p-inline-start-e1:where(:dir(rtl)) {
    padding-right: var(--sf-e1);
  }
  .p-inline-start-e1 {
    -webkit-padding-start: var(--sf-e1);
            padding-inline-start: var(--sf-e1);
  }
  .p-e2 {
    padding: var(--sf-e2);
  }
  .p-top-e2 {
    padding-top: var(--sf-e2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e2 {
    padding-right: var(--sf-e2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e2 {
    padding-right: var(--sf-e2);
    }
  }
  .p-inline-end-e2:where(:dir(ltr)) {
    padding-right: var(--sf-e2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e2 {
    padding-left: var(--sf-e2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e2 {
    padding-left: var(--sf-e2);
    }
  }
  .p-inline-end-e2:where(:dir(rtl)) {
    padding-left: var(--sf-e2);
  }
  .p-inline-end-e2 {
    -webkit-padding-end: var(--sf-e2);
            padding-inline-end: var(--sf-e2);
  }
  .p-bottom-e2 {
    padding-bottom: var(--sf-e2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e2 {
    padding-left: var(--sf-e2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e2 {
    padding-left: var(--sf-e2);
    }
  }
  .p-inline-start-e2:where(:dir(ltr)) {
    padding-left: var(--sf-e2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e2 {
    padding-right: var(--sf-e2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e2 {
    padding-right: var(--sf-e2);
    }
  }
  .p-inline-start-e2:where(:dir(rtl)) {
    padding-right: var(--sf-e2);
  }
  .p-inline-start-e2 {
    -webkit-padding-start: var(--sf-e2);
            padding-inline-start: var(--sf-e2);
  }
  .p-e3 {
    padding: var(--sf-e3);
  }
  .p-top-e3 {
    padding-top: var(--sf-e3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e3 {
    padding-right: var(--sf-e3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e3 {
    padding-right: var(--sf-e3);
    }
  }
  .p-inline-end-e3:where(:dir(ltr)) {
    padding-right: var(--sf-e3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e3 {
    padding-left: var(--sf-e3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e3 {
    padding-left: var(--sf-e3);
    }
  }
  .p-inline-end-e3:where(:dir(rtl)) {
    padding-left: var(--sf-e3);
  }
  .p-inline-end-e3 {
    -webkit-padding-end: var(--sf-e3);
            padding-inline-end: var(--sf-e3);
  }
  .p-bottom-e3 {
    padding-bottom: var(--sf-e3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e3 {
    padding-left: var(--sf-e3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e3 {
    padding-left: var(--sf-e3);
    }
  }
  .p-inline-start-e3:where(:dir(ltr)) {
    padding-left: var(--sf-e3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e3 {
    padding-right: var(--sf-e3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e3 {
    padding-right: var(--sf-e3);
    }
  }
  .p-inline-start-e3:where(:dir(rtl)) {
    padding-right: var(--sf-e3);
  }
  .p-inline-start-e3 {
    -webkit-padding-start: var(--sf-e3);
            padding-inline-start: var(--sf-e3);
  }
  .p-e4 {
    padding: var(--sf-e4);
  }
  .p-top-e4 {
    padding-top: var(--sf-e4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e4 {
    padding-right: var(--sf-e4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e4 {
    padding-right: var(--sf-e4);
    }
  }
  .p-inline-end-e4:where(:dir(ltr)) {
    padding-right: var(--sf-e4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e4 {
    padding-left: var(--sf-e4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e4 {
    padding-left: var(--sf-e4);
    }
  }
  .p-inline-end-e4:where(:dir(rtl)) {
    padding-left: var(--sf-e4);
  }
  .p-inline-end-e4 {
    -webkit-padding-end: var(--sf-e4);
            padding-inline-end: var(--sf-e4);
  }
  .p-bottom-e4 {
    padding-bottom: var(--sf-e4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e4 {
    padding-left: var(--sf-e4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e4 {
    padding-left: var(--sf-e4);
    }
  }
  .p-inline-start-e4:where(:dir(ltr)) {
    padding-left: var(--sf-e4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e4 {
    padding-right: var(--sf-e4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e4 {
    padding-right: var(--sf-e4);
    }
  }
  .p-inline-start-e4:where(:dir(rtl)) {
    padding-right: var(--sf-e4);
  }
  .p-inline-start-e4 {
    -webkit-padding-start: var(--sf-e4);
            padding-inline-start: var(--sf-e4);
  }
  .p-e5 {
    padding: var(--sf-e5);
  }
  .p-top-e5 {
    padding-top: var(--sf-e5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e5 {
    padding-right: var(--sf-e5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e5 {
    padding-right: var(--sf-e5);
    }
  }
  .p-inline-end-e5:where(:dir(ltr)) {
    padding-right: var(--sf-e5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e5 {
    padding-left: var(--sf-e5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e5 {
    padding-left: var(--sf-e5);
    }
  }
  .p-inline-end-e5:where(:dir(rtl)) {
    padding-left: var(--sf-e5);
  }
  .p-inline-end-e5 {
    -webkit-padding-end: var(--sf-e5);
            padding-inline-end: var(--sf-e5);
  }
  .p-bottom-e5 {
    padding-bottom: var(--sf-e5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e5 {
    padding-left: var(--sf-e5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e5 {
    padding-left: var(--sf-e5);
    }
  }
  .p-inline-start-e5:where(:dir(ltr)) {
    padding-left: var(--sf-e5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e5 {
    padding-right: var(--sf-e5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e5 {
    padding-right: var(--sf-e5);
    }
  }
  .p-inline-start-e5:where(:dir(rtl)) {
    padding-right: var(--sf-e5);
  }
  .p-inline-start-e5 {
    -webkit-padding-start: var(--sf-e5);
            padding-inline-start: var(--sf-e5);
  }
  .p-e6 {
    padding: var(--sf-e6);
  }
  .p-top-e6 {
    padding-top: var(--sf-e6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e6 {
    padding-right: var(--sf-e6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e6 {
    padding-right: var(--sf-e6);
    }
  }
  .p-inline-end-e6:where(:dir(ltr)) {
    padding-right: var(--sf-e6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e6 {
    padding-left: var(--sf-e6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e6 {
    padding-left: var(--sf-e6);
    }
  }
  .p-inline-end-e6:where(:dir(rtl)) {
    padding-left: var(--sf-e6);
  }
  .p-inline-end-e6 {
    -webkit-padding-end: var(--sf-e6);
            padding-inline-end: var(--sf-e6);
  }
  .p-bottom-e6 {
    padding-bottom: var(--sf-e6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e6 {
    padding-left: var(--sf-e6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e6 {
    padding-left: var(--sf-e6);
    }
  }
  .p-inline-start-e6:where(:dir(ltr)) {
    padding-left: var(--sf-e6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e6 {
    padding-right: var(--sf-e6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e6 {
    padding-right: var(--sf-e6);
    }
  }
  .p-inline-start-e6:where(:dir(rtl)) {
    padding-right: var(--sf-e6);
  }
  .p-inline-start-e6 {
    -webkit-padding-start: var(--sf-e6);
            padding-inline-start: var(--sf-e6);
  }
  .p-e7 {
    padding: var(--sf-e7);
  }
  .p-top-e7 {
    padding-top: var(--sf-e7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e7 {
    padding-right: var(--sf-e7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e7 {
    padding-right: var(--sf-e7);
    }
  }
  .p-inline-end-e7:where(:dir(ltr)) {
    padding-right: var(--sf-e7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e7 {
    padding-left: var(--sf-e7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e7 {
    padding-left: var(--sf-e7);
    }
  }
  .p-inline-end-e7:where(:dir(rtl)) {
    padding-left: var(--sf-e7);
  }
  .p-inline-end-e7 {
    -webkit-padding-end: var(--sf-e7);
            padding-inline-end: var(--sf-e7);
  }
  .p-bottom-e7 {
    padding-bottom: var(--sf-e7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e7 {
    padding-left: var(--sf-e7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e7 {
    padding-left: var(--sf-e7);
    }
  }
  .p-inline-start-e7:where(:dir(ltr)) {
    padding-left: var(--sf-e7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e7 {
    padding-right: var(--sf-e7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e7 {
    padding-right: var(--sf-e7);
    }
  }
  .p-inline-start-e7:where(:dir(rtl)) {
    padding-right: var(--sf-e7);
  }
  .p-inline-start-e7 {
    -webkit-padding-start: var(--sf-e7);
            padding-inline-start: var(--sf-e7);
  }
  .p-e8 {
    padding: var(--sf-e8);
  }
  .p-top-e8 {
    padding-top: var(--sf-e8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e8 {
    padding-right: var(--sf-e8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e8 {
    padding-right: var(--sf-e8);
    }
  }
  .p-inline-end-e8:where(:dir(ltr)) {
    padding-right: var(--sf-e8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e8 {
    padding-left: var(--sf-e8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e8 {
    padding-left: var(--sf-e8);
    }
  }
  .p-inline-end-e8:where(:dir(rtl)) {
    padding-left: var(--sf-e8);
  }
  .p-inline-end-e8 {
    -webkit-padding-end: var(--sf-e8);
            padding-inline-end: var(--sf-e8);
  }
  .p-bottom-e8 {
    padding-bottom: var(--sf-e8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e8 {
    padding-left: var(--sf-e8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e8 {
    padding-left: var(--sf-e8);
    }
  }
  .p-inline-start-e8:where(:dir(ltr)) {
    padding-left: var(--sf-e8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e8 {
    padding-right: var(--sf-e8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e8 {
    padding-right: var(--sf-e8);
    }
  }
  .p-inline-start-e8:where(:dir(rtl)) {
    padding-right: var(--sf-e8);
  }
  .p-inline-start-e8 {
    -webkit-padding-start: var(--sf-e8);
            padding-inline-start: var(--sf-e8);
  }
  .p-e9 {
    padding: var(--sf-e9);
  }
  .p-top-e9 {
    padding-top: var(--sf-e9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-e9 {
    padding-right: var(--sf-e9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-e9 {
    padding-right: var(--sf-e9);
    }
  }
  .p-inline-end-e9:where(:dir(ltr)) {
    padding-right: var(--sf-e9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-e9 {
    padding-left: var(--sf-e9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-e9 {
    padding-left: var(--sf-e9);
    }
  }
  .p-inline-end-e9:where(:dir(rtl)) {
    padding-left: var(--sf-e9);
  }
  .p-inline-end-e9 {
    -webkit-padding-end: var(--sf-e9);
            padding-inline-end: var(--sf-e9);
  }
  .p-bottom-e9 {
    padding-bottom: var(--sf-e9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-e9 {
    padding-left: var(--sf-e9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-e9 {
    padding-left: var(--sf-e9);
    }
  }
  .p-inline-start-e9:where(:dir(ltr)) {
    padding-left: var(--sf-e9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-e9 {
    padding-right: var(--sf-e9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-e9 {
    padding-right: var(--sf-e9);
    }
  }
  .p-inline-start-e9:where(:dir(rtl)) {
    padding-right: var(--sf-e9);
  }
  .p-inline-start-e9 {
    -webkit-padding-start: var(--sf-e9);
            padding-inline-start: var(--sf-e9);
  }
  .p-f0 {
    padding: var(--sf-f0);
  }
  .p-top-f0 {
    padding-top: var(--sf-f0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f0 {
    padding-right: var(--sf-f0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f0 {
    padding-right: var(--sf-f0);
    }
  }
  .p-inline-end-f0:where(:dir(ltr)) {
    padding-right: var(--sf-f0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f0 {
    padding-left: var(--sf-f0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f0 {
    padding-left: var(--sf-f0);
    }
  }
  .p-inline-end-f0:where(:dir(rtl)) {
    padding-left: var(--sf-f0);
  }
  .p-inline-end-f0 {
    -webkit-padding-end: var(--sf-f0);
            padding-inline-end: var(--sf-f0);
  }
  .p-bottom-f0 {
    padding-bottom: var(--sf-f0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f0 {
    padding-left: var(--sf-f0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f0 {
    padding-left: var(--sf-f0);
    }
  }
  .p-inline-start-f0:where(:dir(ltr)) {
    padding-left: var(--sf-f0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f0 {
    padding-right: var(--sf-f0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f0 {
    padding-right: var(--sf-f0);
    }
  }
  .p-inline-start-f0:where(:dir(rtl)) {
    padding-right: var(--sf-f0);
  }
  .p-inline-start-f0 {
    -webkit-padding-start: var(--sf-f0);
            padding-inline-start: var(--sf-f0);
  }
  .p-f1 {
    padding: var(--sf-f1);
  }
  .p-top-f1 {
    padding-top: var(--sf-f1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f1 {
    padding-right: var(--sf-f1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f1 {
    padding-right: var(--sf-f1);
    }
  }
  .p-inline-end-f1:where(:dir(ltr)) {
    padding-right: var(--sf-f1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f1 {
    padding-left: var(--sf-f1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f1 {
    padding-left: var(--sf-f1);
    }
  }
  .p-inline-end-f1:where(:dir(rtl)) {
    padding-left: var(--sf-f1);
  }
  .p-inline-end-f1 {
    -webkit-padding-end: var(--sf-f1);
            padding-inline-end: var(--sf-f1);
  }
  .p-bottom-f1 {
    padding-bottom: var(--sf-f1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f1 {
    padding-left: var(--sf-f1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f1 {
    padding-left: var(--sf-f1);
    }
  }
  .p-inline-start-f1:where(:dir(ltr)) {
    padding-left: var(--sf-f1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f1 {
    padding-right: var(--sf-f1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f1 {
    padding-right: var(--sf-f1);
    }
  }
  .p-inline-start-f1:where(:dir(rtl)) {
    padding-right: var(--sf-f1);
  }
  .p-inline-start-f1 {
    -webkit-padding-start: var(--sf-f1);
            padding-inline-start: var(--sf-f1);
  }
  .p-f2 {
    padding: var(--sf-f2);
  }
  .p-top-f2 {
    padding-top: var(--sf-f2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f2 {
    padding-right: var(--sf-f2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f2 {
    padding-right: var(--sf-f2);
    }
  }
  .p-inline-end-f2:where(:dir(ltr)) {
    padding-right: var(--sf-f2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f2 {
    padding-left: var(--sf-f2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f2 {
    padding-left: var(--sf-f2);
    }
  }
  .p-inline-end-f2:where(:dir(rtl)) {
    padding-left: var(--sf-f2);
  }
  .p-inline-end-f2 {
    -webkit-padding-end: var(--sf-f2);
            padding-inline-end: var(--sf-f2);
  }
  .p-bottom-f2 {
    padding-bottom: var(--sf-f2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f2 {
    padding-left: var(--sf-f2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f2 {
    padding-left: var(--sf-f2);
    }
  }
  .p-inline-start-f2:where(:dir(ltr)) {
    padding-left: var(--sf-f2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f2 {
    padding-right: var(--sf-f2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f2 {
    padding-right: var(--sf-f2);
    }
  }
  .p-inline-start-f2:where(:dir(rtl)) {
    padding-right: var(--sf-f2);
  }
  .p-inline-start-f2 {
    -webkit-padding-start: var(--sf-f2);
            padding-inline-start: var(--sf-f2);
  }
  .p-f3 {
    padding: var(--sf-f3);
  }
  .p-top-f3 {
    padding-top: var(--sf-f3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f3 {
    padding-right: var(--sf-f3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f3 {
    padding-right: var(--sf-f3);
    }
  }
  .p-inline-end-f3:where(:dir(ltr)) {
    padding-right: var(--sf-f3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f3 {
    padding-left: var(--sf-f3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f3 {
    padding-left: var(--sf-f3);
    }
  }
  .p-inline-end-f3:where(:dir(rtl)) {
    padding-left: var(--sf-f3);
  }
  .p-inline-end-f3 {
    -webkit-padding-end: var(--sf-f3);
            padding-inline-end: var(--sf-f3);
  }
  .p-bottom-f3 {
    padding-bottom: var(--sf-f3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f3 {
    padding-left: var(--sf-f3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f3 {
    padding-left: var(--sf-f3);
    }
  }
  .p-inline-start-f3:where(:dir(ltr)) {
    padding-left: var(--sf-f3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f3 {
    padding-right: var(--sf-f3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f3 {
    padding-right: var(--sf-f3);
    }
  }
  .p-inline-start-f3:where(:dir(rtl)) {
    padding-right: var(--sf-f3);
  }
  .p-inline-start-f3 {
    -webkit-padding-start: var(--sf-f3);
            padding-inline-start: var(--sf-f3);
  }
  .p-f4 {
    padding: var(--sf-f4);
  }
  .p-top-f4 {
    padding-top: var(--sf-f4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f4 {
    padding-right: var(--sf-f4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f4 {
    padding-right: var(--sf-f4);
    }
  }
  .p-inline-end-f4:where(:dir(ltr)) {
    padding-right: var(--sf-f4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f4 {
    padding-left: var(--sf-f4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f4 {
    padding-left: var(--sf-f4);
    }
  }
  .p-inline-end-f4:where(:dir(rtl)) {
    padding-left: var(--sf-f4);
  }
  .p-inline-end-f4 {
    -webkit-padding-end: var(--sf-f4);
            padding-inline-end: var(--sf-f4);
  }
  .p-bottom-f4 {
    padding-bottom: var(--sf-f4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f4 {
    padding-left: var(--sf-f4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f4 {
    padding-left: var(--sf-f4);
    }
  }
  .p-inline-start-f4:where(:dir(ltr)) {
    padding-left: var(--sf-f4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f4 {
    padding-right: var(--sf-f4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f4 {
    padding-right: var(--sf-f4);
    }
  }
  .p-inline-start-f4:where(:dir(rtl)) {
    padding-right: var(--sf-f4);
  }
  .p-inline-start-f4 {
    -webkit-padding-start: var(--sf-f4);
            padding-inline-start: var(--sf-f4);
  }
  .p-f5 {
    padding: var(--sf-f5);
  }
  .p-top-f5 {
    padding-top: var(--sf-f5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f5 {
    padding-right: var(--sf-f5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f5 {
    padding-right: var(--sf-f5);
    }
  }
  .p-inline-end-f5:where(:dir(ltr)) {
    padding-right: var(--sf-f5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f5 {
    padding-left: var(--sf-f5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f5 {
    padding-left: var(--sf-f5);
    }
  }
  .p-inline-end-f5:where(:dir(rtl)) {
    padding-left: var(--sf-f5);
  }
  .p-inline-end-f5 {
    -webkit-padding-end: var(--sf-f5);
            padding-inline-end: var(--sf-f5);
  }
  .p-bottom-f5 {
    padding-bottom: var(--sf-f5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f5 {
    padding-left: var(--sf-f5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f5 {
    padding-left: var(--sf-f5);
    }
  }
  .p-inline-start-f5:where(:dir(ltr)) {
    padding-left: var(--sf-f5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f5 {
    padding-right: var(--sf-f5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f5 {
    padding-right: var(--sf-f5);
    }
  }
  .p-inline-start-f5:where(:dir(rtl)) {
    padding-right: var(--sf-f5);
  }
  .p-inline-start-f5 {
    -webkit-padding-start: var(--sf-f5);
            padding-inline-start: var(--sf-f5);
  }
  .p-f6 {
    padding: var(--sf-f6);
  }
  .p-top-f6 {
    padding-top: var(--sf-f6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f6 {
    padding-right: var(--sf-f6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f6 {
    padding-right: var(--sf-f6);
    }
  }
  .p-inline-end-f6:where(:dir(ltr)) {
    padding-right: var(--sf-f6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f6 {
    padding-left: var(--sf-f6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f6 {
    padding-left: var(--sf-f6);
    }
  }
  .p-inline-end-f6:where(:dir(rtl)) {
    padding-left: var(--sf-f6);
  }
  .p-inline-end-f6 {
    -webkit-padding-end: var(--sf-f6);
            padding-inline-end: var(--sf-f6);
  }
  .p-bottom-f6 {
    padding-bottom: var(--sf-f6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f6 {
    padding-left: var(--sf-f6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f6 {
    padding-left: var(--sf-f6);
    }
  }
  .p-inline-start-f6:where(:dir(ltr)) {
    padding-left: var(--sf-f6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f6 {
    padding-right: var(--sf-f6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f6 {
    padding-right: var(--sf-f6);
    }
  }
  .p-inline-start-f6:where(:dir(rtl)) {
    padding-right: var(--sf-f6);
  }
  .p-inline-start-f6 {
    -webkit-padding-start: var(--sf-f6);
            padding-inline-start: var(--sf-f6);
  }
  .p-f7 {
    padding: var(--sf-f7);
  }
  .p-top-f7 {
    padding-top: var(--sf-f7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f7 {
    padding-right: var(--sf-f7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f7 {
    padding-right: var(--sf-f7);
    }
  }
  .p-inline-end-f7:where(:dir(ltr)) {
    padding-right: var(--sf-f7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f7 {
    padding-left: var(--sf-f7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f7 {
    padding-left: var(--sf-f7);
    }
  }
  .p-inline-end-f7:where(:dir(rtl)) {
    padding-left: var(--sf-f7);
  }
  .p-inline-end-f7 {
    -webkit-padding-end: var(--sf-f7);
            padding-inline-end: var(--sf-f7);
  }
  .p-bottom-f7 {
    padding-bottom: var(--sf-f7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f7 {
    padding-left: var(--sf-f7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f7 {
    padding-left: var(--sf-f7);
    }
  }
  .p-inline-start-f7:where(:dir(ltr)) {
    padding-left: var(--sf-f7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f7 {
    padding-right: var(--sf-f7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f7 {
    padding-right: var(--sf-f7);
    }
  }
  .p-inline-start-f7:where(:dir(rtl)) {
    padding-right: var(--sf-f7);
  }
  .p-inline-start-f7 {
    -webkit-padding-start: var(--sf-f7);
            padding-inline-start: var(--sf-f7);
  }
  .p-f8 {
    padding: var(--sf-f8);
  }
  .p-top-f8 {
    padding-top: var(--sf-f8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f8 {
    padding-right: var(--sf-f8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f8 {
    padding-right: var(--sf-f8);
    }
  }
  .p-inline-end-f8:where(:dir(ltr)) {
    padding-right: var(--sf-f8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f8 {
    padding-left: var(--sf-f8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f8 {
    padding-left: var(--sf-f8);
    }
  }
  .p-inline-end-f8:where(:dir(rtl)) {
    padding-left: var(--sf-f8);
  }
  .p-inline-end-f8 {
    -webkit-padding-end: var(--sf-f8);
            padding-inline-end: var(--sf-f8);
  }
  .p-bottom-f8 {
    padding-bottom: var(--sf-f8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f8 {
    padding-left: var(--sf-f8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f8 {
    padding-left: var(--sf-f8);
    }
  }
  .p-inline-start-f8:where(:dir(ltr)) {
    padding-left: var(--sf-f8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f8 {
    padding-right: var(--sf-f8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f8 {
    padding-right: var(--sf-f8);
    }
  }
  .p-inline-start-f8:where(:dir(rtl)) {
    padding-right: var(--sf-f8);
  }
  .p-inline-start-f8 {
    -webkit-padding-start: var(--sf-f8);
            padding-inline-start: var(--sf-f8);
  }
  .p-f9 {
    padding: var(--sf-f9);
  }
  .p-top-f9 {
    padding-top: var(--sf-f9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-f9 {
    padding-right: var(--sf-f9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-f9 {
    padding-right: var(--sf-f9);
    }
  }
  .p-inline-end-f9:where(:dir(ltr)) {
    padding-right: var(--sf-f9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-f9 {
    padding-left: var(--sf-f9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-f9 {
    padding-left: var(--sf-f9);
    }
  }
  .p-inline-end-f9:where(:dir(rtl)) {
    padding-left: var(--sf-f9);
  }
  .p-inline-end-f9 {
    -webkit-padding-end: var(--sf-f9);
            padding-inline-end: var(--sf-f9);
  }
  .p-bottom-f9 {
    padding-bottom: var(--sf-f9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-f9 {
    padding-left: var(--sf-f9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-f9 {
    padding-left: var(--sf-f9);
    }
  }
  .p-inline-start-f9:where(:dir(ltr)) {
    padding-left: var(--sf-f9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-f9 {
    padding-right: var(--sf-f9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-f9 {
    padding-right: var(--sf-f9);
    }
  }
  .p-inline-start-f9:where(:dir(rtl)) {
    padding-right: var(--sf-f9);
  }
  .p-inline-start-f9 {
    -webkit-padding-start: var(--sf-f9);
            padding-inline-start: var(--sf-f9);
  }
  .p-g0 {
    padding: var(--sf-g0);
  }
  .p-top-g0 {
    padding-top: var(--sf-g0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g0 {
    padding-right: var(--sf-g0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g0 {
    padding-right: var(--sf-g0);
    }
  }
  .p-inline-end-g0:where(:dir(ltr)) {
    padding-right: var(--sf-g0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g0 {
    padding-left: var(--sf-g0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g0 {
    padding-left: var(--sf-g0);
    }
  }
  .p-inline-end-g0:where(:dir(rtl)) {
    padding-left: var(--sf-g0);
  }
  .p-inline-end-g0 {
    -webkit-padding-end: var(--sf-g0);
            padding-inline-end: var(--sf-g0);
  }
  .p-bottom-g0 {
    padding-bottom: var(--sf-g0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g0 {
    padding-left: var(--sf-g0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g0 {
    padding-left: var(--sf-g0);
    }
  }
  .p-inline-start-g0:where(:dir(ltr)) {
    padding-left: var(--sf-g0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g0 {
    padding-right: var(--sf-g0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g0 {
    padding-right: var(--sf-g0);
    }
  }
  .p-inline-start-g0:where(:dir(rtl)) {
    padding-right: var(--sf-g0);
  }
  .p-inline-start-g0 {
    -webkit-padding-start: var(--sf-g0);
            padding-inline-start: var(--sf-g0);
  }
  .p-g1 {
    padding: var(--sf-g1);
  }
  .p-top-g1 {
    padding-top: var(--sf-g1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g1 {
    padding-right: var(--sf-g1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g1 {
    padding-right: var(--sf-g1);
    }
  }
  .p-inline-end-g1:where(:dir(ltr)) {
    padding-right: var(--sf-g1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g1 {
    padding-left: var(--sf-g1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g1 {
    padding-left: var(--sf-g1);
    }
  }
  .p-inline-end-g1:where(:dir(rtl)) {
    padding-left: var(--sf-g1);
  }
  .p-inline-end-g1 {
    -webkit-padding-end: var(--sf-g1);
            padding-inline-end: var(--sf-g1);
  }
  .p-bottom-g1 {
    padding-bottom: var(--sf-g1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g1 {
    padding-left: var(--sf-g1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g1 {
    padding-left: var(--sf-g1);
    }
  }
  .p-inline-start-g1:where(:dir(ltr)) {
    padding-left: var(--sf-g1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g1 {
    padding-right: var(--sf-g1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g1 {
    padding-right: var(--sf-g1);
    }
  }
  .p-inline-start-g1:where(:dir(rtl)) {
    padding-right: var(--sf-g1);
  }
  .p-inline-start-g1 {
    -webkit-padding-start: var(--sf-g1);
            padding-inline-start: var(--sf-g1);
  }
  .p-g2 {
    padding: var(--sf-g2);
  }
  .p-top-g2 {
    padding-top: var(--sf-g2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g2 {
    padding-right: var(--sf-g2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g2 {
    padding-right: var(--sf-g2);
    }
  }
  .p-inline-end-g2:where(:dir(ltr)) {
    padding-right: var(--sf-g2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g2 {
    padding-left: var(--sf-g2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g2 {
    padding-left: var(--sf-g2);
    }
  }
  .p-inline-end-g2:where(:dir(rtl)) {
    padding-left: var(--sf-g2);
  }
  .p-inline-end-g2 {
    -webkit-padding-end: var(--sf-g2);
            padding-inline-end: var(--sf-g2);
  }
  .p-bottom-g2 {
    padding-bottom: var(--sf-g2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g2 {
    padding-left: var(--sf-g2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g2 {
    padding-left: var(--sf-g2);
    }
  }
  .p-inline-start-g2:where(:dir(ltr)) {
    padding-left: var(--sf-g2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g2 {
    padding-right: var(--sf-g2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g2 {
    padding-right: var(--sf-g2);
    }
  }
  .p-inline-start-g2:where(:dir(rtl)) {
    padding-right: var(--sf-g2);
  }
  .p-inline-start-g2 {
    -webkit-padding-start: var(--sf-g2);
            padding-inline-start: var(--sf-g2);
  }
  .p-g3 {
    padding: var(--sf-g3);
  }
  .p-top-g3 {
    padding-top: var(--sf-g3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g3 {
    padding-right: var(--sf-g3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g3 {
    padding-right: var(--sf-g3);
    }
  }
  .p-inline-end-g3:where(:dir(ltr)) {
    padding-right: var(--sf-g3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g3 {
    padding-left: var(--sf-g3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g3 {
    padding-left: var(--sf-g3);
    }
  }
  .p-inline-end-g3:where(:dir(rtl)) {
    padding-left: var(--sf-g3);
  }
  .p-inline-end-g3 {
    -webkit-padding-end: var(--sf-g3);
            padding-inline-end: var(--sf-g3);
  }
  .p-bottom-g3 {
    padding-bottom: var(--sf-g3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g3 {
    padding-left: var(--sf-g3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g3 {
    padding-left: var(--sf-g3);
    }
  }
  .p-inline-start-g3:where(:dir(ltr)) {
    padding-left: var(--sf-g3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g3 {
    padding-right: var(--sf-g3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g3 {
    padding-right: var(--sf-g3);
    }
  }
  .p-inline-start-g3:where(:dir(rtl)) {
    padding-right: var(--sf-g3);
  }
  .p-inline-start-g3 {
    -webkit-padding-start: var(--sf-g3);
            padding-inline-start: var(--sf-g3);
  }
  .p-g4 {
    padding: var(--sf-g4);
  }
  .p-top-g4 {
    padding-top: var(--sf-g4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g4 {
    padding-right: var(--sf-g4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g4 {
    padding-right: var(--sf-g4);
    }
  }
  .p-inline-end-g4:where(:dir(ltr)) {
    padding-right: var(--sf-g4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g4 {
    padding-left: var(--sf-g4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g4 {
    padding-left: var(--sf-g4);
    }
  }
  .p-inline-end-g4:where(:dir(rtl)) {
    padding-left: var(--sf-g4);
  }
  .p-inline-end-g4 {
    -webkit-padding-end: var(--sf-g4);
            padding-inline-end: var(--sf-g4);
  }
  .p-bottom-g4 {
    padding-bottom: var(--sf-g4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g4 {
    padding-left: var(--sf-g4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g4 {
    padding-left: var(--sf-g4);
    }
  }
  .p-inline-start-g4:where(:dir(ltr)) {
    padding-left: var(--sf-g4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g4 {
    padding-right: var(--sf-g4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g4 {
    padding-right: var(--sf-g4);
    }
  }
  .p-inline-start-g4:where(:dir(rtl)) {
    padding-right: var(--sf-g4);
  }
  .p-inline-start-g4 {
    -webkit-padding-start: var(--sf-g4);
            padding-inline-start: var(--sf-g4);
  }
  .p-g5 {
    padding: var(--sf-g5);
  }
  .p-top-g5 {
    padding-top: var(--sf-g5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g5 {
    padding-right: var(--sf-g5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g5 {
    padding-right: var(--sf-g5);
    }
  }
  .p-inline-end-g5:where(:dir(ltr)) {
    padding-right: var(--sf-g5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g5 {
    padding-left: var(--sf-g5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g5 {
    padding-left: var(--sf-g5);
    }
  }
  .p-inline-end-g5:where(:dir(rtl)) {
    padding-left: var(--sf-g5);
  }
  .p-inline-end-g5 {
    -webkit-padding-end: var(--sf-g5);
            padding-inline-end: var(--sf-g5);
  }
  .p-bottom-g5 {
    padding-bottom: var(--sf-g5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g5 {
    padding-left: var(--sf-g5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g5 {
    padding-left: var(--sf-g5);
    }
  }
  .p-inline-start-g5:where(:dir(ltr)) {
    padding-left: var(--sf-g5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g5 {
    padding-right: var(--sf-g5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g5 {
    padding-right: var(--sf-g5);
    }
  }
  .p-inline-start-g5:where(:dir(rtl)) {
    padding-right: var(--sf-g5);
  }
  .p-inline-start-g5 {
    -webkit-padding-start: var(--sf-g5);
            padding-inline-start: var(--sf-g5);
  }
  .p-g6 {
    padding: var(--sf-g6);
  }
  .p-top-g6 {
    padding-top: var(--sf-g6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g6 {
    padding-right: var(--sf-g6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g6 {
    padding-right: var(--sf-g6);
    }
  }
  .p-inline-end-g6:where(:dir(ltr)) {
    padding-right: var(--sf-g6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g6 {
    padding-left: var(--sf-g6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g6 {
    padding-left: var(--sf-g6);
    }
  }
  .p-inline-end-g6:where(:dir(rtl)) {
    padding-left: var(--sf-g6);
  }
  .p-inline-end-g6 {
    -webkit-padding-end: var(--sf-g6);
            padding-inline-end: var(--sf-g6);
  }
  .p-bottom-g6 {
    padding-bottom: var(--sf-g6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g6 {
    padding-left: var(--sf-g6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g6 {
    padding-left: var(--sf-g6);
    }
  }
  .p-inline-start-g6:where(:dir(ltr)) {
    padding-left: var(--sf-g6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g6 {
    padding-right: var(--sf-g6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g6 {
    padding-right: var(--sf-g6);
    }
  }
  .p-inline-start-g6:where(:dir(rtl)) {
    padding-right: var(--sf-g6);
  }
  .p-inline-start-g6 {
    -webkit-padding-start: var(--sf-g6);
            padding-inline-start: var(--sf-g6);
  }
  .p-g7 {
    padding: var(--sf-g7);
  }
  .p-top-g7 {
    padding-top: var(--sf-g7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g7 {
    padding-right: var(--sf-g7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g7 {
    padding-right: var(--sf-g7);
    }
  }
  .p-inline-end-g7:where(:dir(ltr)) {
    padding-right: var(--sf-g7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g7 {
    padding-left: var(--sf-g7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g7 {
    padding-left: var(--sf-g7);
    }
  }
  .p-inline-end-g7:where(:dir(rtl)) {
    padding-left: var(--sf-g7);
  }
  .p-inline-end-g7 {
    -webkit-padding-end: var(--sf-g7);
            padding-inline-end: var(--sf-g7);
  }
  .p-bottom-g7 {
    padding-bottom: var(--sf-g7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g7 {
    padding-left: var(--sf-g7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g7 {
    padding-left: var(--sf-g7);
    }
  }
  .p-inline-start-g7:where(:dir(ltr)) {
    padding-left: var(--sf-g7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g7 {
    padding-right: var(--sf-g7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g7 {
    padding-right: var(--sf-g7);
    }
  }
  .p-inline-start-g7:where(:dir(rtl)) {
    padding-right: var(--sf-g7);
  }
  .p-inline-start-g7 {
    -webkit-padding-start: var(--sf-g7);
            padding-inline-start: var(--sf-g7);
  }
  .p-g8 {
    padding: var(--sf-g8);
  }
  .p-top-g8 {
    padding-top: var(--sf-g8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g8 {
    padding-right: var(--sf-g8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g8 {
    padding-right: var(--sf-g8);
    }
  }
  .p-inline-end-g8:where(:dir(ltr)) {
    padding-right: var(--sf-g8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g8 {
    padding-left: var(--sf-g8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g8 {
    padding-left: var(--sf-g8);
    }
  }
  .p-inline-end-g8:where(:dir(rtl)) {
    padding-left: var(--sf-g8);
  }
  .p-inline-end-g8 {
    -webkit-padding-end: var(--sf-g8);
            padding-inline-end: var(--sf-g8);
  }
  .p-bottom-g8 {
    padding-bottom: var(--sf-g8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g8 {
    padding-left: var(--sf-g8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g8 {
    padding-left: var(--sf-g8);
    }
  }
  .p-inline-start-g8:where(:dir(ltr)) {
    padding-left: var(--sf-g8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g8 {
    padding-right: var(--sf-g8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g8 {
    padding-right: var(--sf-g8);
    }
  }
  .p-inline-start-g8:where(:dir(rtl)) {
    padding-right: var(--sf-g8);
  }
  .p-inline-start-g8 {
    -webkit-padding-start: var(--sf-g8);
            padding-inline-start: var(--sf-g8);
  }
  .p-g9 {
    padding: var(--sf-g9);
  }
  .p-top-g9 {
    padding-top: var(--sf-g9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-g9 {
    padding-right: var(--sf-g9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-g9 {
    padding-right: var(--sf-g9);
    }
  }
  .p-inline-end-g9:where(:dir(ltr)) {
    padding-right: var(--sf-g9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-g9 {
    padding-left: var(--sf-g9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-g9 {
    padding-left: var(--sf-g9);
    }
  }
  .p-inline-end-g9:where(:dir(rtl)) {
    padding-left: var(--sf-g9);
  }
  .p-inline-end-g9 {
    -webkit-padding-end: var(--sf-g9);
            padding-inline-end: var(--sf-g9);
  }
  .p-bottom-g9 {
    padding-bottom: var(--sf-g9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-g9 {
    padding-left: var(--sf-g9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-g9 {
    padding-left: var(--sf-g9);
    }
  }
  .p-inline-start-g9:where(:dir(ltr)) {
    padding-left: var(--sf-g9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-g9 {
    padding-right: var(--sf-g9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-g9 {
    padding-right: var(--sf-g9);
    }
  }
  .p-inline-start-g9:where(:dir(rtl)) {
    padding-right: var(--sf-g9);
  }
  .p-inline-start-g9 {
    -webkit-padding-start: var(--sf-g9);
            padding-inline-start: var(--sf-g9);
  }
  .p-h0 {
    padding: var(--sf-h0);
  }
  .p-top-h0 {
    padding-top: var(--sf-h0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h0 {
    padding-right: var(--sf-h0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h0 {
    padding-right: var(--sf-h0);
    }
  }
  .p-inline-end-h0:where(:dir(ltr)) {
    padding-right: var(--sf-h0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h0 {
    padding-left: var(--sf-h0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h0 {
    padding-left: var(--sf-h0);
    }
  }
  .p-inline-end-h0:where(:dir(rtl)) {
    padding-left: var(--sf-h0);
  }
  .p-inline-end-h0 {
    -webkit-padding-end: var(--sf-h0);
            padding-inline-end: var(--sf-h0);
  }
  .p-bottom-h0 {
    padding-bottom: var(--sf-h0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h0 {
    padding-left: var(--sf-h0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h0 {
    padding-left: var(--sf-h0);
    }
  }
  .p-inline-start-h0:where(:dir(ltr)) {
    padding-left: var(--sf-h0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h0 {
    padding-right: var(--sf-h0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h0 {
    padding-right: var(--sf-h0);
    }
  }
  .p-inline-start-h0:where(:dir(rtl)) {
    padding-right: var(--sf-h0);
  }
  .p-inline-start-h0 {
    -webkit-padding-start: var(--sf-h0);
            padding-inline-start: var(--sf-h0);
  }
  .p-h1 {
    padding: var(--sf-h1);
  }
  .p-top-h1 {
    padding-top: var(--sf-h1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h1 {
    padding-right: var(--sf-h1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h1 {
    padding-right: var(--sf-h1);
    }
  }
  .p-inline-end-h1:where(:dir(ltr)) {
    padding-right: var(--sf-h1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h1 {
    padding-left: var(--sf-h1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h1 {
    padding-left: var(--sf-h1);
    }
  }
  .p-inline-end-h1:where(:dir(rtl)) {
    padding-left: var(--sf-h1);
  }
  .p-inline-end-h1 {
    -webkit-padding-end: var(--sf-h1);
            padding-inline-end: var(--sf-h1);
  }
  .p-bottom-h1 {
    padding-bottom: var(--sf-h1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h1 {
    padding-left: var(--sf-h1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h1 {
    padding-left: var(--sf-h1);
    }
  }
  .p-inline-start-h1:where(:dir(ltr)) {
    padding-left: var(--sf-h1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h1 {
    padding-right: var(--sf-h1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h1 {
    padding-right: var(--sf-h1);
    }
  }
  .p-inline-start-h1:where(:dir(rtl)) {
    padding-right: var(--sf-h1);
  }
  .p-inline-start-h1 {
    -webkit-padding-start: var(--sf-h1);
            padding-inline-start: var(--sf-h1);
  }
  .p-h2 {
    padding: var(--sf-h2);
  }
  .p-top-h2 {
    padding-top: var(--sf-h2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h2 {
    padding-right: var(--sf-h2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h2 {
    padding-right: var(--sf-h2);
    }
  }
  .p-inline-end-h2:where(:dir(ltr)) {
    padding-right: var(--sf-h2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h2 {
    padding-left: var(--sf-h2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h2 {
    padding-left: var(--sf-h2);
    }
  }
  .p-inline-end-h2:where(:dir(rtl)) {
    padding-left: var(--sf-h2);
  }
  .p-inline-end-h2 {
    -webkit-padding-end: var(--sf-h2);
            padding-inline-end: var(--sf-h2);
  }
  .p-bottom-h2 {
    padding-bottom: var(--sf-h2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h2 {
    padding-left: var(--sf-h2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h2 {
    padding-left: var(--sf-h2);
    }
  }
  .p-inline-start-h2:where(:dir(ltr)) {
    padding-left: var(--sf-h2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h2 {
    padding-right: var(--sf-h2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h2 {
    padding-right: var(--sf-h2);
    }
  }
  .p-inline-start-h2:where(:dir(rtl)) {
    padding-right: var(--sf-h2);
  }
  .p-inline-start-h2 {
    -webkit-padding-start: var(--sf-h2);
            padding-inline-start: var(--sf-h2);
  }
  .p-h3 {
    padding: var(--sf-h3);
  }
  .p-top-h3 {
    padding-top: var(--sf-h3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h3 {
    padding-right: var(--sf-h3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h3 {
    padding-right: var(--sf-h3);
    }
  }
  .p-inline-end-h3:where(:dir(ltr)) {
    padding-right: var(--sf-h3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h3 {
    padding-left: var(--sf-h3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h3 {
    padding-left: var(--sf-h3);
    }
  }
  .p-inline-end-h3:where(:dir(rtl)) {
    padding-left: var(--sf-h3);
  }
  .p-inline-end-h3 {
    -webkit-padding-end: var(--sf-h3);
            padding-inline-end: var(--sf-h3);
  }
  .p-bottom-h3 {
    padding-bottom: var(--sf-h3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h3 {
    padding-left: var(--sf-h3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h3 {
    padding-left: var(--sf-h3);
    }
  }
  .p-inline-start-h3:where(:dir(ltr)) {
    padding-left: var(--sf-h3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h3 {
    padding-right: var(--sf-h3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h3 {
    padding-right: var(--sf-h3);
    }
  }
  .p-inline-start-h3:where(:dir(rtl)) {
    padding-right: var(--sf-h3);
  }
  .p-inline-start-h3 {
    -webkit-padding-start: var(--sf-h3);
            padding-inline-start: var(--sf-h3);
  }
  .p-h4 {
    padding: var(--sf-h4);
  }
  .p-top-h4 {
    padding-top: var(--sf-h4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h4 {
    padding-right: var(--sf-h4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h4 {
    padding-right: var(--sf-h4);
    }
  }
  .p-inline-end-h4:where(:dir(ltr)) {
    padding-right: var(--sf-h4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h4 {
    padding-left: var(--sf-h4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h4 {
    padding-left: var(--sf-h4);
    }
  }
  .p-inline-end-h4:where(:dir(rtl)) {
    padding-left: var(--sf-h4);
  }
  .p-inline-end-h4 {
    -webkit-padding-end: var(--sf-h4);
            padding-inline-end: var(--sf-h4);
  }
  .p-bottom-h4 {
    padding-bottom: var(--sf-h4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h4 {
    padding-left: var(--sf-h4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h4 {
    padding-left: var(--sf-h4);
    }
  }
  .p-inline-start-h4:where(:dir(ltr)) {
    padding-left: var(--sf-h4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h4 {
    padding-right: var(--sf-h4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h4 {
    padding-right: var(--sf-h4);
    }
  }
  .p-inline-start-h4:where(:dir(rtl)) {
    padding-right: var(--sf-h4);
  }
  .p-inline-start-h4 {
    -webkit-padding-start: var(--sf-h4);
            padding-inline-start: var(--sf-h4);
  }
  .p-h5 {
    padding: var(--sf-h5);
  }
  .p-top-h5 {
    padding-top: var(--sf-h5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h5 {
    padding-right: var(--sf-h5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h5 {
    padding-right: var(--sf-h5);
    }
  }
  .p-inline-end-h5:where(:dir(ltr)) {
    padding-right: var(--sf-h5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h5 {
    padding-left: var(--sf-h5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h5 {
    padding-left: var(--sf-h5);
    }
  }
  .p-inline-end-h5:where(:dir(rtl)) {
    padding-left: var(--sf-h5);
  }
  .p-inline-end-h5 {
    -webkit-padding-end: var(--sf-h5);
            padding-inline-end: var(--sf-h5);
  }
  .p-bottom-h5 {
    padding-bottom: var(--sf-h5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h5 {
    padding-left: var(--sf-h5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h5 {
    padding-left: var(--sf-h5);
    }
  }
  .p-inline-start-h5:where(:dir(ltr)) {
    padding-left: var(--sf-h5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h5 {
    padding-right: var(--sf-h5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h5 {
    padding-right: var(--sf-h5);
    }
  }
  .p-inline-start-h5:where(:dir(rtl)) {
    padding-right: var(--sf-h5);
  }
  .p-inline-start-h5 {
    -webkit-padding-start: var(--sf-h5);
            padding-inline-start: var(--sf-h5);
  }
  .p-h6 {
    padding: var(--sf-h6);
  }
  .p-top-h6 {
    padding-top: var(--sf-h6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h6 {
    padding-right: var(--sf-h6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h6 {
    padding-right: var(--sf-h6);
    }
  }
  .p-inline-end-h6:where(:dir(ltr)) {
    padding-right: var(--sf-h6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h6 {
    padding-left: var(--sf-h6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h6 {
    padding-left: var(--sf-h6);
    }
  }
  .p-inline-end-h6:where(:dir(rtl)) {
    padding-left: var(--sf-h6);
  }
  .p-inline-end-h6 {
    -webkit-padding-end: var(--sf-h6);
            padding-inline-end: var(--sf-h6);
  }
  .p-bottom-h6 {
    padding-bottom: var(--sf-h6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h6 {
    padding-left: var(--sf-h6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h6 {
    padding-left: var(--sf-h6);
    }
  }
  .p-inline-start-h6:where(:dir(ltr)) {
    padding-left: var(--sf-h6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h6 {
    padding-right: var(--sf-h6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h6 {
    padding-right: var(--sf-h6);
    }
  }
  .p-inline-start-h6:where(:dir(rtl)) {
    padding-right: var(--sf-h6);
  }
  .p-inline-start-h6 {
    -webkit-padding-start: var(--sf-h6);
            padding-inline-start: var(--sf-h6);
  }
  .p-h7 {
    padding: var(--sf-h7);
  }
  .p-top-h7 {
    padding-top: var(--sf-h7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h7 {
    padding-right: var(--sf-h7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h7 {
    padding-right: var(--sf-h7);
    }
  }
  .p-inline-end-h7:where(:dir(ltr)) {
    padding-right: var(--sf-h7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h7 {
    padding-left: var(--sf-h7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h7 {
    padding-left: var(--sf-h7);
    }
  }
  .p-inline-end-h7:where(:dir(rtl)) {
    padding-left: var(--sf-h7);
  }
  .p-inline-end-h7 {
    -webkit-padding-end: var(--sf-h7);
            padding-inline-end: var(--sf-h7);
  }
  .p-bottom-h7 {
    padding-bottom: var(--sf-h7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h7 {
    padding-left: var(--sf-h7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h7 {
    padding-left: var(--sf-h7);
    }
  }
  .p-inline-start-h7:where(:dir(ltr)) {
    padding-left: var(--sf-h7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h7 {
    padding-right: var(--sf-h7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h7 {
    padding-right: var(--sf-h7);
    }
  }
  .p-inline-start-h7:where(:dir(rtl)) {
    padding-right: var(--sf-h7);
  }
  .p-inline-start-h7 {
    -webkit-padding-start: var(--sf-h7);
            padding-inline-start: var(--sf-h7);
  }
  .p-h8 {
    padding: var(--sf-h8);
  }
  .p-top-h8 {
    padding-top: var(--sf-h8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h8 {
    padding-right: var(--sf-h8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h8 {
    padding-right: var(--sf-h8);
    }
  }
  .p-inline-end-h8:where(:dir(ltr)) {
    padding-right: var(--sf-h8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h8 {
    padding-left: var(--sf-h8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h8 {
    padding-left: var(--sf-h8);
    }
  }
  .p-inline-end-h8:where(:dir(rtl)) {
    padding-left: var(--sf-h8);
  }
  .p-inline-end-h8 {
    -webkit-padding-end: var(--sf-h8);
            padding-inline-end: var(--sf-h8);
  }
  .p-bottom-h8 {
    padding-bottom: var(--sf-h8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h8 {
    padding-left: var(--sf-h8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h8 {
    padding-left: var(--sf-h8);
    }
  }
  .p-inline-start-h8:where(:dir(ltr)) {
    padding-left: var(--sf-h8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h8 {
    padding-right: var(--sf-h8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h8 {
    padding-right: var(--sf-h8);
    }
  }
  .p-inline-start-h8:where(:dir(rtl)) {
    padding-right: var(--sf-h8);
  }
  .p-inline-start-h8 {
    -webkit-padding-start: var(--sf-h8);
            padding-inline-start: var(--sf-h8);
  }
  .p-h9 {
    padding: var(--sf-h9);
  }
  .p-top-h9 {
    padding-top: var(--sf-h9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-h9 {
    padding-right: var(--sf-h9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-h9 {
    padding-right: var(--sf-h9);
    }
  }
  .p-inline-end-h9:where(:dir(ltr)) {
    padding-right: var(--sf-h9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-h9 {
    padding-left: var(--sf-h9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-h9 {
    padding-left: var(--sf-h9);
    }
  }
  .p-inline-end-h9:where(:dir(rtl)) {
    padding-left: var(--sf-h9);
  }
  .p-inline-end-h9 {
    -webkit-padding-end: var(--sf-h9);
            padding-inline-end: var(--sf-h9);
  }
  .p-bottom-h9 {
    padding-bottom: var(--sf-h9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-h9 {
    padding-left: var(--sf-h9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-h9 {
    padding-left: var(--sf-h9);
    }
  }
  .p-inline-start-h9:where(:dir(ltr)) {
    padding-left: var(--sf-h9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-h9 {
    padding-right: var(--sf-h9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-h9 {
    padding-right: var(--sf-h9);
    }
  }
  .p-inline-start-h9:where(:dir(rtl)) {
    padding-right: var(--sf-h9);
  }
  .p-inline-start-h9 {
    -webkit-padding-start: var(--sf-h9);
            padding-inline-start: var(--sf-h9);
  }
  .p-i0 {
    padding: var(--sf-i0);
  }
  .p-top-i0 {
    padding-top: var(--sf-i0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i0 {
    padding-right: var(--sf-i0);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i0 {
    padding-right: var(--sf-i0);
    }
  }
  .p-inline-end-i0:where(:dir(ltr)) {
    padding-right: var(--sf-i0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i0 {
    padding-left: var(--sf-i0);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i0 {
    padding-left: var(--sf-i0);
    }
  }
  .p-inline-end-i0:where(:dir(rtl)) {
    padding-left: var(--sf-i0);
  }
  .p-inline-end-i0 {
    -webkit-padding-end: var(--sf-i0);
            padding-inline-end: var(--sf-i0);
  }
  .p-bottom-i0 {
    padding-bottom: var(--sf-i0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i0 {
    padding-left: var(--sf-i0);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i0 {
    padding-left: var(--sf-i0);
    }
  }
  .p-inline-start-i0:where(:dir(ltr)) {
    padding-left: var(--sf-i0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i0 {
    padding-right: var(--sf-i0);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i0 {
    padding-right: var(--sf-i0);
    }
  }
  .p-inline-start-i0:where(:dir(rtl)) {
    padding-right: var(--sf-i0);
  }
  .p-inline-start-i0 {
    -webkit-padding-start: var(--sf-i0);
            padding-inline-start: var(--sf-i0);
  }
  .p-i1 {
    padding: var(--sf-i1);
  }
  .p-top-i1 {
    padding-top: var(--sf-i1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i1 {
    padding-right: var(--sf-i1);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i1 {
    padding-right: var(--sf-i1);
    }
  }
  .p-inline-end-i1:where(:dir(ltr)) {
    padding-right: var(--sf-i1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i1 {
    padding-left: var(--sf-i1);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i1 {
    padding-left: var(--sf-i1);
    }
  }
  .p-inline-end-i1:where(:dir(rtl)) {
    padding-left: var(--sf-i1);
  }
  .p-inline-end-i1 {
    -webkit-padding-end: var(--sf-i1);
            padding-inline-end: var(--sf-i1);
  }
  .p-bottom-i1 {
    padding-bottom: var(--sf-i1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i1 {
    padding-left: var(--sf-i1);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i1 {
    padding-left: var(--sf-i1);
    }
  }
  .p-inline-start-i1:where(:dir(ltr)) {
    padding-left: var(--sf-i1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i1 {
    padding-right: var(--sf-i1);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i1 {
    padding-right: var(--sf-i1);
    }
  }
  .p-inline-start-i1:where(:dir(rtl)) {
    padding-right: var(--sf-i1);
  }
  .p-inline-start-i1 {
    -webkit-padding-start: var(--sf-i1);
            padding-inline-start: var(--sf-i1);
  }
  .p-i2 {
    padding: var(--sf-i2);
  }
  .p-top-i2 {
    padding-top: var(--sf-i2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i2 {
    padding-right: var(--sf-i2);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i2 {
    padding-right: var(--sf-i2);
    }
  }
  .p-inline-end-i2:where(:dir(ltr)) {
    padding-right: var(--sf-i2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i2 {
    padding-left: var(--sf-i2);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i2 {
    padding-left: var(--sf-i2);
    }
  }
  .p-inline-end-i2:where(:dir(rtl)) {
    padding-left: var(--sf-i2);
  }
  .p-inline-end-i2 {
    -webkit-padding-end: var(--sf-i2);
            padding-inline-end: var(--sf-i2);
  }
  .p-bottom-i2 {
    padding-bottom: var(--sf-i2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i2 {
    padding-left: var(--sf-i2);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i2 {
    padding-left: var(--sf-i2);
    }
  }
  .p-inline-start-i2:where(:dir(ltr)) {
    padding-left: var(--sf-i2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i2 {
    padding-right: var(--sf-i2);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i2 {
    padding-right: var(--sf-i2);
    }
  }
  .p-inline-start-i2:where(:dir(rtl)) {
    padding-right: var(--sf-i2);
  }
  .p-inline-start-i2 {
    -webkit-padding-start: var(--sf-i2);
            padding-inline-start: var(--sf-i2);
  }
  .p-i3 {
    padding: var(--sf-i3);
  }
  .p-top-i3 {
    padding-top: var(--sf-i3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i3 {
    padding-right: var(--sf-i3);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i3 {
    padding-right: var(--sf-i3);
    }
  }
  .p-inline-end-i3:where(:dir(ltr)) {
    padding-right: var(--sf-i3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i3 {
    padding-left: var(--sf-i3);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i3 {
    padding-left: var(--sf-i3);
    }
  }
  .p-inline-end-i3:where(:dir(rtl)) {
    padding-left: var(--sf-i3);
  }
  .p-inline-end-i3 {
    -webkit-padding-end: var(--sf-i3);
            padding-inline-end: var(--sf-i3);
  }
  .p-bottom-i3 {
    padding-bottom: var(--sf-i3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i3 {
    padding-left: var(--sf-i3);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i3 {
    padding-left: var(--sf-i3);
    }
  }
  .p-inline-start-i3:where(:dir(ltr)) {
    padding-left: var(--sf-i3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i3 {
    padding-right: var(--sf-i3);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i3 {
    padding-right: var(--sf-i3);
    }
  }
  .p-inline-start-i3:where(:dir(rtl)) {
    padding-right: var(--sf-i3);
  }
  .p-inline-start-i3 {
    -webkit-padding-start: var(--sf-i3);
            padding-inline-start: var(--sf-i3);
  }
  .p-i4 {
    padding: var(--sf-i4);
  }
  .p-top-i4 {
    padding-top: var(--sf-i4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i4 {
    padding-right: var(--sf-i4);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i4 {
    padding-right: var(--sf-i4);
    }
  }
  .p-inline-end-i4:where(:dir(ltr)) {
    padding-right: var(--sf-i4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i4 {
    padding-left: var(--sf-i4);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i4 {
    padding-left: var(--sf-i4);
    }
  }
  .p-inline-end-i4:where(:dir(rtl)) {
    padding-left: var(--sf-i4);
  }
  .p-inline-end-i4 {
    -webkit-padding-end: var(--sf-i4);
            padding-inline-end: var(--sf-i4);
  }
  .p-bottom-i4 {
    padding-bottom: var(--sf-i4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i4 {
    padding-left: var(--sf-i4);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i4 {
    padding-left: var(--sf-i4);
    }
  }
  .p-inline-start-i4:where(:dir(ltr)) {
    padding-left: var(--sf-i4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i4 {
    padding-right: var(--sf-i4);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i4 {
    padding-right: var(--sf-i4);
    }
  }
  .p-inline-start-i4:where(:dir(rtl)) {
    padding-right: var(--sf-i4);
  }
  .p-inline-start-i4 {
    -webkit-padding-start: var(--sf-i4);
            padding-inline-start: var(--sf-i4);
  }
  .p-i5 {
    padding: var(--sf-i5);
  }
  .p-top-i5 {
    padding-top: var(--sf-i5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i5 {
    padding-right: var(--sf-i5);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i5 {
    padding-right: var(--sf-i5);
    }
  }
  .p-inline-end-i5:where(:dir(ltr)) {
    padding-right: var(--sf-i5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i5 {
    padding-left: var(--sf-i5);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i5 {
    padding-left: var(--sf-i5);
    }
  }
  .p-inline-end-i5:where(:dir(rtl)) {
    padding-left: var(--sf-i5);
  }
  .p-inline-end-i5 {
    -webkit-padding-end: var(--sf-i5);
            padding-inline-end: var(--sf-i5);
  }
  .p-bottom-i5 {
    padding-bottom: var(--sf-i5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i5 {
    padding-left: var(--sf-i5);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i5 {
    padding-left: var(--sf-i5);
    }
  }
  .p-inline-start-i5:where(:dir(ltr)) {
    padding-left: var(--sf-i5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i5 {
    padding-right: var(--sf-i5);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i5 {
    padding-right: var(--sf-i5);
    }
  }
  .p-inline-start-i5:where(:dir(rtl)) {
    padding-right: var(--sf-i5);
  }
  .p-inline-start-i5 {
    -webkit-padding-start: var(--sf-i5);
            padding-inline-start: var(--sf-i5);
  }
  .p-i6 {
    padding: var(--sf-i6);
  }
  .p-top-i6 {
    padding-top: var(--sf-i6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i6 {
    padding-right: var(--sf-i6);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i6 {
    padding-right: var(--sf-i6);
    }
  }
  .p-inline-end-i6:where(:dir(ltr)) {
    padding-right: var(--sf-i6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i6 {
    padding-left: var(--sf-i6);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i6 {
    padding-left: var(--sf-i6);
    }
  }
  .p-inline-end-i6:where(:dir(rtl)) {
    padding-left: var(--sf-i6);
  }
  .p-inline-end-i6 {
    -webkit-padding-end: var(--sf-i6);
            padding-inline-end: var(--sf-i6);
  }
  .p-bottom-i6 {
    padding-bottom: var(--sf-i6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i6 {
    padding-left: var(--sf-i6);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i6 {
    padding-left: var(--sf-i6);
    }
  }
  .p-inline-start-i6:where(:dir(ltr)) {
    padding-left: var(--sf-i6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i6 {
    padding-right: var(--sf-i6);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i6 {
    padding-right: var(--sf-i6);
    }
  }
  .p-inline-start-i6:where(:dir(rtl)) {
    padding-right: var(--sf-i6);
  }
  .p-inline-start-i6 {
    -webkit-padding-start: var(--sf-i6);
            padding-inline-start: var(--sf-i6);
  }
  .p-i7 {
    padding: var(--sf-i7);
  }
  .p-top-i7 {
    padding-top: var(--sf-i7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i7 {
    padding-right: var(--sf-i7);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i7 {
    padding-right: var(--sf-i7);
    }
  }
  .p-inline-end-i7:where(:dir(ltr)) {
    padding-right: var(--sf-i7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i7 {
    padding-left: var(--sf-i7);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i7 {
    padding-left: var(--sf-i7);
    }
  }
  .p-inline-end-i7:where(:dir(rtl)) {
    padding-left: var(--sf-i7);
  }
  .p-inline-end-i7 {
    -webkit-padding-end: var(--sf-i7);
            padding-inline-end: var(--sf-i7);
  }
  .p-bottom-i7 {
    padding-bottom: var(--sf-i7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i7 {
    padding-left: var(--sf-i7);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i7 {
    padding-left: var(--sf-i7);
    }
  }
  .p-inline-start-i7:where(:dir(ltr)) {
    padding-left: var(--sf-i7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i7 {
    padding-right: var(--sf-i7);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i7 {
    padding-right: var(--sf-i7);
    }
  }
  .p-inline-start-i7:where(:dir(rtl)) {
    padding-right: var(--sf-i7);
  }
  .p-inline-start-i7 {
    -webkit-padding-start: var(--sf-i7);
            padding-inline-start: var(--sf-i7);
  }
  .p-i8 {
    padding: var(--sf-i8);
  }
  .p-top-i8 {
    padding-top: var(--sf-i8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i8 {
    padding-right: var(--sf-i8);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i8 {
    padding-right: var(--sf-i8);
    }
  }
  .p-inline-end-i8:where(:dir(ltr)) {
    padding-right: var(--sf-i8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i8 {
    padding-left: var(--sf-i8);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i8 {
    padding-left: var(--sf-i8);
    }
  }
  .p-inline-end-i8:where(:dir(rtl)) {
    padding-left: var(--sf-i8);
  }
  .p-inline-end-i8 {
    -webkit-padding-end: var(--sf-i8);
            padding-inline-end: var(--sf-i8);
  }
  .p-bottom-i8 {
    padding-bottom: var(--sf-i8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i8 {
    padding-left: var(--sf-i8);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i8 {
    padding-left: var(--sf-i8);
    }
  }
  .p-inline-start-i8:where(:dir(ltr)) {
    padding-left: var(--sf-i8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i8 {
    padding-right: var(--sf-i8);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i8 {
    padding-right: var(--sf-i8);
    }
  }
  .p-inline-start-i8:where(:dir(rtl)) {
    padding-right: var(--sf-i8);
  }
  .p-inline-start-i8 {
    -webkit-padding-start: var(--sf-i8);
            padding-inline-start: var(--sf-i8);
  }
  .p-i9 {
    padding: var(--sf-i9);
  }
  .p-top-i9 {
    padding-top: var(--sf-i9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-end-i9 {
    padding-right: var(--sf-i9);
  }
  @supports not (padding-inline-end: initial) {
  html:not([dir="rtl"]) .p-inline-end-i9 {
    padding-right: var(--sf-i9);
    }
  }
  .p-inline-end-i9:where(:dir(ltr)) {
    padding-right: var(--sf-i9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-end-i9 {
    padding-left: var(--sf-i9);
  }
  @supports not (padding-inline-end: initial) {
  [dir="rtl"] .p-inline-end-i9 {
    padding-left: var(--sf-i9);
    }
  }
  .p-inline-end-i9:where(:dir(rtl)) {
    padding-left: var(--sf-i9);
  }
  .p-inline-end-i9 {
    -webkit-padding-end: var(--sf-i9);
            padding-inline-end: var(--sf-i9);
  }
  .p-bottom-i9 {
    padding-bottom: var(--sf-i9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .p-inline-start-i9 {
    padding-left: var(--sf-i9);
  }
  @supports not (padding-inline-start: initial) {
  html:not([dir="rtl"]) .p-inline-start-i9 {
    padding-left: var(--sf-i9);
    }
  }
  .p-inline-start-i9:where(:dir(ltr)) {
    padding-left: var(--sf-i9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .p-inline-start-i9 {
    padding-right: var(--sf-i9);
  }
  @supports not (padding-inline-start: initial) {
  [dir="rtl"] .p-inline-start-i9 {
    padding-right: var(--sf-i9);
    }
  }
  .p-inline-start-i9:where(:dir(rtl)) {
    padding-right: var(--sf-i9);
  }
  .p-inline-start-i9 {
    -webkit-padding-start: var(--sf-i9);
            padding-inline-start: var(--sf-i9);
  }
}