/* docara-shell-source: runtime/utility/element-position-ext/default/css/default.css */
@layer sf.utilities {
  .top-a0 {
    top: var(--sf-a0);
  }
  .-top-a0 {
    top: calc(0rem - var(--sf-a0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a0 {
    right: var(--sf-a0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a0 {
    right: var(--sf-a0);
    }
  }
  .inline-end-a0:where(:dir(ltr)) {
    right: var(--sf-a0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a0 {
    left: var(--sf-a0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a0 {
    left: var(--sf-a0);
    }
  }
  .inline-end-a0:where(:dir(rtl)) {
    left: var(--sf-a0);
  }
  .inline-end-a0 {
    inset-inline-end: var(--sf-a0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a0 {
    right: calc(0rem - var(--sf-a0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a0 {
    right: calc(0rem - var(--sf-a0));
    }
  }
  .-inline-end-a0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a0 {
    left: calc(0rem - var(--sf-a0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a0 {
    left: calc(0rem - var(--sf-a0));
    }
  }
  .-inline-end-a0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a0));
  }
  .-inline-end-a0 {
    inset-inline-end: calc(0rem - var(--sf-a0));
  }
  .bottom-a0 {
    bottom: var(--sf-a0);
  }
  .-bottom-a0 {
    bottom: calc(0rem - var(--sf-a0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a0 {
    left: var(--sf-a0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a0 {
    left: var(--sf-a0);
    }
  }
  .inline-start-a0:where(:dir(ltr)) {
    left: var(--sf-a0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a0 {
    right: var(--sf-a0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a0 {
    right: var(--sf-a0);
    }
  }
  .inline-start-a0:where(:dir(rtl)) {
    right: var(--sf-a0);
  }
  .inline-start-a0 {
    inset-inline-start: var(--sf-a0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a0 {
    left: calc(0rem - var(--sf-a0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a0 {
    left: calc(0rem - var(--sf-a0));
    }
  }
  .-inline-start-a0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a0 {
    right: calc(0rem - var(--sf-a0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a0 {
    right: calc(0rem - var(--sf-a0));
    }
  }
  .-inline-start-a0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a0));
  }
  .-inline-start-a0 {
    inset-inline-start: calc(0rem - var(--sf-a0));
  }
  .block-start-a0 {
    top: var(--sf-a0);
    inset-block-start: var(--sf-a0);
  }
  .-block-start-a0 {
    top: calc(0rem - var(--sf-a0));
    inset-block-start: calc(0rem - var(--sf-a0));
  }
  .block-end-a0 {
    bottom: var(--sf-a0);
    inset-block-end: var(--sf-a0);
  }
  .-block-end-a0 {
    bottom: calc(0rem - var(--sf-a0));
    inset-block-end: calc(0rem - var(--sf-a0));
  }
  .top-a1 {
    top: var(--sf-a1);
  }
  .-top-a1 {
    top: calc(0rem - var(--sf-a1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a1 {
    right: var(--sf-a1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a1 {
    right: var(--sf-a1);
    }
  }
  .inline-end-a1:where(:dir(ltr)) {
    right: var(--sf-a1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a1 {
    left: var(--sf-a1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a1 {
    left: var(--sf-a1);
    }
  }
  .inline-end-a1:where(:dir(rtl)) {
    left: var(--sf-a1);
  }
  .inline-end-a1 {
    inset-inline-end: var(--sf-a1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a1 {
    right: calc(0rem - var(--sf-a1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a1 {
    right: calc(0rem - var(--sf-a1));
    }
  }
  .-inline-end-a1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a1 {
    left: calc(0rem - var(--sf-a1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a1 {
    left: calc(0rem - var(--sf-a1));
    }
  }
  .-inline-end-a1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a1));
  }
  .-inline-end-a1 {
    inset-inline-end: calc(0rem - var(--sf-a1));
  }
  .bottom-a1 {
    bottom: var(--sf-a1);
  }
  .-bottom-a1 {
    bottom: calc(0rem - var(--sf-a1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a1 {
    left: var(--sf-a1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a1 {
    left: var(--sf-a1);
    }
  }
  .inline-start-a1:where(:dir(ltr)) {
    left: var(--sf-a1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a1 {
    right: var(--sf-a1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a1 {
    right: var(--sf-a1);
    }
  }
  .inline-start-a1:where(:dir(rtl)) {
    right: var(--sf-a1);
  }
  .inline-start-a1 {
    inset-inline-start: var(--sf-a1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a1 {
    left: calc(0rem - var(--sf-a1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a1 {
    left: calc(0rem - var(--sf-a1));
    }
  }
  .-inline-start-a1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a1 {
    right: calc(0rem - var(--sf-a1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a1 {
    right: calc(0rem - var(--sf-a1));
    }
  }
  .-inline-start-a1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a1));
  }
  .-inline-start-a1 {
    inset-inline-start: calc(0rem - var(--sf-a1));
  }
  .block-start-a1 {
    top: var(--sf-a1);
    inset-block-start: var(--sf-a1);
  }
  .-block-start-a1 {
    top: calc(0rem - var(--sf-a1));
    inset-block-start: calc(0rem - var(--sf-a1));
  }
  .block-end-a1 {
    bottom: var(--sf-a1);
    inset-block-end: var(--sf-a1);
  }
  .-block-end-a1 {
    bottom: calc(0rem - var(--sf-a1));
    inset-block-end: calc(0rem - var(--sf-a1));
  }
  .top-a2 {
    top: var(--sf-a2);
  }
  .-top-a2 {
    top: calc(0rem - var(--sf-a2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a2 {
    right: var(--sf-a2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a2 {
    right: var(--sf-a2);
    }
  }
  .inline-end-a2:where(:dir(ltr)) {
    right: var(--sf-a2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a2 {
    left: var(--sf-a2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a2 {
    left: var(--sf-a2);
    }
  }
  .inline-end-a2:where(:dir(rtl)) {
    left: var(--sf-a2);
  }
  .inline-end-a2 {
    inset-inline-end: var(--sf-a2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a2 {
    right: calc(0rem - var(--sf-a2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a2 {
    right: calc(0rem - var(--sf-a2));
    }
  }
  .-inline-end-a2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a2 {
    left: calc(0rem - var(--sf-a2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a2 {
    left: calc(0rem - var(--sf-a2));
    }
  }
  .-inline-end-a2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a2));
  }
  .-inline-end-a2 {
    inset-inline-end: calc(0rem - var(--sf-a2));
  }
  .bottom-a2 {
    bottom: var(--sf-a2);
  }
  .-bottom-a2 {
    bottom: calc(0rem - var(--sf-a2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a2 {
    left: var(--sf-a2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a2 {
    left: var(--sf-a2);
    }
  }
  .inline-start-a2:where(:dir(ltr)) {
    left: var(--sf-a2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a2 {
    right: var(--sf-a2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a2 {
    right: var(--sf-a2);
    }
  }
  .inline-start-a2:where(:dir(rtl)) {
    right: var(--sf-a2);
  }
  .inline-start-a2 {
    inset-inline-start: var(--sf-a2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a2 {
    left: calc(0rem - var(--sf-a2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a2 {
    left: calc(0rem - var(--sf-a2));
    }
  }
  .-inline-start-a2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a2 {
    right: calc(0rem - var(--sf-a2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a2 {
    right: calc(0rem - var(--sf-a2));
    }
  }
  .-inline-start-a2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a2));
  }
  .-inline-start-a2 {
    inset-inline-start: calc(0rem - var(--sf-a2));
  }
  .block-start-a2 {
    top: var(--sf-a2);
    inset-block-start: var(--sf-a2);
  }
  .-block-start-a2 {
    top: calc(0rem - var(--sf-a2));
    inset-block-start: calc(0rem - var(--sf-a2));
  }
  .block-end-a2 {
    bottom: var(--sf-a2);
    inset-block-end: var(--sf-a2);
  }
  .-block-end-a2 {
    bottom: calc(0rem - var(--sf-a2));
    inset-block-end: calc(0rem - var(--sf-a2));
  }
  .top-a3 {
    top: var(--sf-a3);
  }
  .-top-a3 {
    top: calc(0rem - var(--sf-a3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a3 {
    right: var(--sf-a3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a3 {
    right: var(--sf-a3);
    }
  }
  .inline-end-a3:where(:dir(ltr)) {
    right: var(--sf-a3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a3 {
    left: var(--sf-a3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a3 {
    left: var(--sf-a3);
    }
  }
  .inline-end-a3:where(:dir(rtl)) {
    left: var(--sf-a3);
  }
  .inline-end-a3 {
    inset-inline-end: var(--sf-a3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a3 {
    right: calc(0rem - var(--sf-a3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a3 {
    right: calc(0rem - var(--sf-a3));
    }
  }
  .-inline-end-a3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a3 {
    left: calc(0rem - var(--sf-a3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a3 {
    left: calc(0rem - var(--sf-a3));
    }
  }
  .-inline-end-a3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a3));
  }
  .-inline-end-a3 {
    inset-inline-end: calc(0rem - var(--sf-a3));
  }
  .bottom-a3 {
    bottom: var(--sf-a3);
  }
  .-bottom-a3 {
    bottom: calc(0rem - var(--sf-a3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a3 {
    left: var(--sf-a3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a3 {
    left: var(--sf-a3);
    }
  }
  .inline-start-a3:where(:dir(ltr)) {
    left: var(--sf-a3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a3 {
    right: var(--sf-a3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a3 {
    right: var(--sf-a3);
    }
  }
  .inline-start-a3:where(:dir(rtl)) {
    right: var(--sf-a3);
  }
  .inline-start-a3 {
    inset-inline-start: var(--sf-a3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a3 {
    left: calc(0rem - var(--sf-a3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a3 {
    left: calc(0rem - var(--sf-a3));
    }
  }
  .-inline-start-a3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a3 {
    right: calc(0rem - var(--sf-a3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a3 {
    right: calc(0rem - var(--sf-a3));
    }
  }
  .-inline-start-a3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a3));
  }
  .-inline-start-a3 {
    inset-inline-start: calc(0rem - var(--sf-a3));
  }
  .block-start-a3 {
    top: var(--sf-a3);
    inset-block-start: var(--sf-a3);
  }
  .-block-start-a3 {
    top: calc(0rem - var(--sf-a3));
    inset-block-start: calc(0rem - var(--sf-a3));
  }
  .block-end-a3 {
    bottom: var(--sf-a3);
    inset-block-end: var(--sf-a3);
  }
  .-block-end-a3 {
    bottom: calc(0rem - var(--sf-a3));
    inset-block-end: calc(0rem - var(--sf-a3));
  }
  .top-a4 {
    top: var(--sf-a4);
  }
  .-top-a4 {
    top: calc(0rem - var(--sf-a4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a4 {
    right: var(--sf-a4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a4 {
    right: var(--sf-a4);
    }
  }
  .inline-end-a4:where(:dir(ltr)) {
    right: var(--sf-a4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a4 {
    left: var(--sf-a4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a4 {
    left: var(--sf-a4);
    }
  }
  .inline-end-a4:where(:dir(rtl)) {
    left: var(--sf-a4);
  }
  .inline-end-a4 {
    inset-inline-end: var(--sf-a4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a4 {
    right: calc(0rem - var(--sf-a4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a4 {
    right: calc(0rem - var(--sf-a4));
    }
  }
  .-inline-end-a4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a4 {
    left: calc(0rem - var(--sf-a4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a4 {
    left: calc(0rem - var(--sf-a4));
    }
  }
  .-inline-end-a4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a4));
  }
  .-inline-end-a4 {
    inset-inline-end: calc(0rem - var(--sf-a4));
  }
  .bottom-a4 {
    bottom: var(--sf-a4);
  }
  .-bottom-a4 {
    bottom: calc(0rem - var(--sf-a4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a4 {
    left: var(--sf-a4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a4 {
    left: var(--sf-a4);
    }
  }
  .inline-start-a4:where(:dir(ltr)) {
    left: var(--sf-a4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a4 {
    right: var(--sf-a4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a4 {
    right: var(--sf-a4);
    }
  }
  .inline-start-a4:where(:dir(rtl)) {
    right: var(--sf-a4);
  }
  .inline-start-a4 {
    inset-inline-start: var(--sf-a4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a4 {
    left: calc(0rem - var(--sf-a4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a4 {
    left: calc(0rem - var(--sf-a4));
    }
  }
  .-inline-start-a4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a4 {
    right: calc(0rem - var(--sf-a4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a4 {
    right: calc(0rem - var(--sf-a4));
    }
  }
  .-inline-start-a4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a4));
  }
  .-inline-start-a4 {
    inset-inline-start: calc(0rem - var(--sf-a4));
  }
  .block-start-a4 {
    top: var(--sf-a4);
    inset-block-start: var(--sf-a4);
  }
  .-block-start-a4 {
    top: calc(0rem - var(--sf-a4));
    inset-block-start: calc(0rem - var(--sf-a4));
  }
  .block-end-a4 {
    bottom: var(--sf-a4);
    inset-block-end: var(--sf-a4);
  }
  .-block-end-a4 {
    bottom: calc(0rem - var(--sf-a4));
    inset-block-end: calc(0rem - var(--sf-a4));
  }
  .top-a5 {
    top: var(--sf-a5);
  }
  .-top-a5 {
    top: calc(0rem - var(--sf-a5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a5 {
    right: var(--sf-a5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a5 {
    right: var(--sf-a5);
    }
  }
  .inline-end-a5:where(:dir(ltr)) {
    right: var(--sf-a5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a5 {
    left: var(--sf-a5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a5 {
    left: var(--sf-a5);
    }
  }
  .inline-end-a5:where(:dir(rtl)) {
    left: var(--sf-a5);
  }
  .inline-end-a5 {
    inset-inline-end: var(--sf-a5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a5 {
    right: calc(0rem - var(--sf-a5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a5 {
    right: calc(0rem - var(--sf-a5));
    }
  }
  .-inline-end-a5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a5 {
    left: calc(0rem - var(--sf-a5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a5 {
    left: calc(0rem - var(--sf-a5));
    }
  }
  .-inline-end-a5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a5));
  }
  .-inline-end-a5 {
    inset-inline-end: calc(0rem - var(--sf-a5));
  }
  .bottom-a5 {
    bottom: var(--sf-a5);
  }
  .-bottom-a5 {
    bottom: calc(0rem - var(--sf-a5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a5 {
    left: var(--sf-a5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a5 {
    left: var(--sf-a5);
    }
  }
  .inline-start-a5:where(:dir(ltr)) {
    left: var(--sf-a5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a5 {
    right: var(--sf-a5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a5 {
    right: var(--sf-a5);
    }
  }
  .inline-start-a5:where(:dir(rtl)) {
    right: var(--sf-a5);
  }
  .inline-start-a5 {
    inset-inline-start: var(--sf-a5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a5 {
    left: calc(0rem - var(--sf-a5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a5 {
    left: calc(0rem - var(--sf-a5));
    }
  }
  .-inline-start-a5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a5 {
    right: calc(0rem - var(--sf-a5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a5 {
    right: calc(0rem - var(--sf-a5));
    }
  }
  .-inline-start-a5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a5));
  }
  .-inline-start-a5 {
    inset-inline-start: calc(0rem - var(--sf-a5));
  }
  .block-start-a5 {
    top: var(--sf-a5);
    inset-block-start: var(--sf-a5);
  }
  .-block-start-a5 {
    top: calc(0rem - var(--sf-a5));
    inset-block-start: calc(0rem - var(--sf-a5));
  }
  .block-end-a5 {
    bottom: var(--sf-a5);
    inset-block-end: var(--sf-a5);
  }
  .-block-end-a5 {
    bottom: calc(0rem - var(--sf-a5));
    inset-block-end: calc(0rem - var(--sf-a5));
  }
  .top-a6 {
    top: var(--sf-a6);
  }
  .-top-a6 {
    top: calc(0rem - var(--sf-a6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a6 {
    right: var(--sf-a6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a6 {
    right: var(--sf-a6);
    }
  }
  .inline-end-a6:where(:dir(ltr)) {
    right: var(--sf-a6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a6 {
    left: var(--sf-a6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a6 {
    left: var(--sf-a6);
    }
  }
  .inline-end-a6:where(:dir(rtl)) {
    left: var(--sf-a6);
  }
  .inline-end-a6 {
    inset-inline-end: var(--sf-a6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a6 {
    right: calc(0rem - var(--sf-a6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a6 {
    right: calc(0rem - var(--sf-a6));
    }
  }
  .-inline-end-a6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a6 {
    left: calc(0rem - var(--sf-a6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a6 {
    left: calc(0rem - var(--sf-a6));
    }
  }
  .-inline-end-a6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a6));
  }
  .-inline-end-a6 {
    inset-inline-end: calc(0rem - var(--sf-a6));
  }
  .bottom-a6 {
    bottom: var(--sf-a6);
  }
  .-bottom-a6 {
    bottom: calc(0rem - var(--sf-a6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a6 {
    left: var(--sf-a6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a6 {
    left: var(--sf-a6);
    }
  }
  .inline-start-a6:where(:dir(ltr)) {
    left: var(--sf-a6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a6 {
    right: var(--sf-a6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a6 {
    right: var(--sf-a6);
    }
  }
  .inline-start-a6:where(:dir(rtl)) {
    right: var(--sf-a6);
  }
  .inline-start-a6 {
    inset-inline-start: var(--sf-a6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a6 {
    left: calc(0rem - var(--sf-a6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a6 {
    left: calc(0rem - var(--sf-a6));
    }
  }
  .-inline-start-a6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a6 {
    right: calc(0rem - var(--sf-a6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a6 {
    right: calc(0rem - var(--sf-a6));
    }
  }
  .-inline-start-a6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a6));
  }
  .-inline-start-a6 {
    inset-inline-start: calc(0rem - var(--sf-a6));
  }
  .block-start-a6 {
    top: var(--sf-a6);
    inset-block-start: var(--sf-a6);
  }
  .-block-start-a6 {
    top: calc(0rem - var(--sf-a6));
    inset-block-start: calc(0rem - var(--sf-a6));
  }
  .block-end-a6 {
    bottom: var(--sf-a6);
    inset-block-end: var(--sf-a6);
  }
  .-block-end-a6 {
    bottom: calc(0rem - var(--sf-a6));
    inset-block-end: calc(0rem - var(--sf-a6));
  }
  .top-a7 {
    top: var(--sf-a7);
  }
  .-top-a7 {
    top: calc(0rem - var(--sf-a7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a7 {
    right: var(--sf-a7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a7 {
    right: var(--sf-a7);
    }
  }
  .inline-end-a7:where(:dir(ltr)) {
    right: var(--sf-a7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a7 {
    left: var(--sf-a7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a7 {
    left: var(--sf-a7);
    }
  }
  .inline-end-a7:where(:dir(rtl)) {
    left: var(--sf-a7);
  }
  .inline-end-a7 {
    inset-inline-end: var(--sf-a7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a7 {
    right: calc(0rem - var(--sf-a7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a7 {
    right: calc(0rem - var(--sf-a7));
    }
  }
  .-inline-end-a7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a7 {
    left: calc(0rem - var(--sf-a7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a7 {
    left: calc(0rem - var(--sf-a7));
    }
  }
  .-inline-end-a7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a7));
  }
  .-inline-end-a7 {
    inset-inline-end: calc(0rem - var(--sf-a7));
  }
  .bottom-a7 {
    bottom: var(--sf-a7);
  }
  .-bottom-a7 {
    bottom: calc(0rem - var(--sf-a7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a7 {
    left: var(--sf-a7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a7 {
    left: var(--sf-a7);
    }
  }
  .inline-start-a7:where(:dir(ltr)) {
    left: var(--sf-a7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a7 {
    right: var(--sf-a7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a7 {
    right: var(--sf-a7);
    }
  }
  .inline-start-a7:where(:dir(rtl)) {
    right: var(--sf-a7);
  }
  .inline-start-a7 {
    inset-inline-start: var(--sf-a7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a7 {
    left: calc(0rem - var(--sf-a7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a7 {
    left: calc(0rem - var(--sf-a7));
    }
  }
  .-inline-start-a7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a7 {
    right: calc(0rem - var(--sf-a7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a7 {
    right: calc(0rem - var(--sf-a7));
    }
  }
  .-inline-start-a7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a7));
  }
  .-inline-start-a7 {
    inset-inline-start: calc(0rem - var(--sf-a7));
  }
  .block-start-a7 {
    top: var(--sf-a7);
    inset-block-start: var(--sf-a7);
  }
  .-block-start-a7 {
    top: calc(0rem - var(--sf-a7));
    inset-block-start: calc(0rem - var(--sf-a7));
  }
  .block-end-a7 {
    bottom: var(--sf-a7);
    inset-block-end: var(--sf-a7);
  }
  .-block-end-a7 {
    bottom: calc(0rem - var(--sf-a7));
    inset-block-end: calc(0rem - var(--sf-a7));
  }
  .top-a8 {
    top: var(--sf-a8);
  }
  .-top-a8 {
    top: calc(0rem - var(--sf-a8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a8 {
    right: var(--sf-a8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a8 {
    right: var(--sf-a8);
    }
  }
  .inline-end-a8:where(:dir(ltr)) {
    right: var(--sf-a8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a8 {
    left: var(--sf-a8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a8 {
    left: var(--sf-a8);
    }
  }
  .inline-end-a8:where(:dir(rtl)) {
    left: var(--sf-a8);
  }
  .inline-end-a8 {
    inset-inline-end: var(--sf-a8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a8 {
    right: calc(0rem - var(--sf-a8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a8 {
    right: calc(0rem - var(--sf-a8));
    }
  }
  .-inline-end-a8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a8 {
    left: calc(0rem - var(--sf-a8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a8 {
    left: calc(0rem - var(--sf-a8));
    }
  }
  .-inline-end-a8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a8));
  }
  .-inline-end-a8 {
    inset-inline-end: calc(0rem - var(--sf-a8));
  }
  .bottom-a8 {
    bottom: var(--sf-a8);
  }
  .-bottom-a8 {
    bottom: calc(0rem - var(--sf-a8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a8 {
    left: var(--sf-a8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a8 {
    left: var(--sf-a8);
    }
  }
  .inline-start-a8:where(:dir(ltr)) {
    left: var(--sf-a8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a8 {
    right: var(--sf-a8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a8 {
    right: var(--sf-a8);
    }
  }
  .inline-start-a8:where(:dir(rtl)) {
    right: var(--sf-a8);
  }
  .inline-start-a8 {
    inset-inline-start: var(--sf-a8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a8 {
    left: calc(0rem - var(--sf-a8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a8 {
    left: calc(0rem - var(--sf-a8));
    }
  }
  .-inline-start-a8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a8 {
    right: calc(0rem - var(--sf-a8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a8 {
    right: calc(0rem - var(--sf-a8));
    }
  }
  .-inline-start-a8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a8));
  }
  .-inline-start-a8 {
    inset-inline-start: calc(0rem - var(--sf-a8));
  }
  .block-start-a8 {
    top: var(--sf-a8);
    inset-block-start: var(--sf-a8);
  }
  .-block-start-a8 {
    top: calc(0rem - var(--sf-a8));
    inset-block-start: calc(0rem - var(--sf-a8));
  }
  .block-end-a8 {
    bottom: var(--sf-a8);
    inset-block-end: var(--sf-a8);
  }
  .-block-end-a8 {
    bottom: calc(0rem - var(--sf-a8));
    inset-block-end: calc(0rem - var(--sf-a8));
  }
  .top-a9 {
    top: var(--sf-a9);
  }
  .-top-a9 {
    top: calc(0rem - var(--sf-a9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-a9 {
    right: var(--sf-a9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-a9 {
    right: var(--sf-a9);
    }
  }
  .inline-end-a9:where(:dir(ltr)) {
    right: var(--sf-a9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-a9 {
    left: var(--sf-a9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-a9 {
    left: var(--sf-a9);
    }
  }
  .inline-end-a9:where(:dir(rtl)) {
    left: var(--sf-a9);
  }
  .inline-end-a9 {
    inset-inline-end: var(--sf-a9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-a9 {
    right: calc(0rem - var(--sf-a9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-a9 {
    right: calc(0rem - var(--sf-a9));
    }
  }
  .-inline-end-a9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-a9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-a9 {
    left: calc(0rem - var(--sf-a9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-a9 {
    left: calc(0rem - var(--sf-a9));
    }
  }
  .-inline-end-a9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-a9));
  }
  .-inline-end-a9 {
    inset-inline-end: calc(0rem - var(--sf-a9));
  }
  .bottom-a9 {
    bottom: var(--sf-a9);
  }
  .-bottom-a9 {
    bottom: calc(0rem - var(--sf-a9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-a9 {
    left: var(--sf-a9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-a9 {
    left: var(--sf-a9);
    }
  }
  .inline-start-a9:where(:dir(ltr)) {
    left: var(--sf-a9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-a9 {
    right: var(--sf-a9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-a9 {
    right: var(--sf-a9);
    }
  }
  .inline-start-a9:where(:dir(rtl)) {
    right: var(--sf-a9);
  }
  .inline-start-a9 {
    inset-inline-start: var(--sf-a9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-a9 {
    left: calc(0rem - var(--sf-a9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-a9 {
    left: calc(0rem - var(--sf-a9));
    }
  }
  .-inline-start-a9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-a9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-a9 {
    right: calc(0rem - var(--sf-a9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-a9 {
    right: calc(0rem - var(--sf-a9));
    }
  }
  .-inline-start-a9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-a9));
  }
  .-inline-start-a9 {
    inset-inline-start: calc(0rem - var(--sf-a9));
  }
  .block-start-a9 {
    top: var(--sf-a9);
    inset-block-start: var(--sf-a9);
  }
  .-block-start-a9 {
    top: calc(0rem - var(--sf-a9));
    inset-block-start: calc(0rem - var(--sf-a9));
  }
  .block-end-a9 {
    bottom: var(--sf-a9);
    inset-block-end: var(--sf-a9);
  }
  .-block-end-a9 {
    bottom: calc(0rem - var(--sf-a9));
    inset-block-end: calc(0rem - var(--sf-a9));
  }
  .top-b0 {
    top: var(--sf-b0);
  }
  .-top-b0 {
    top: calc(0rem - var(--sf-b0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b0 {
    right: var(--sf-b0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b0 {
    right: var(--sf-b0);
    }
  }
  .inline-end-b0:where(:dir(ltr)) {
    right: var(--sf-b0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b0 {
    left: var(--sf-b0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b0 {
    left: var(--sf-b0);
    }
  }
  .inline-end-b0:where(:dir(rtl)) {
    left: var(--sf-b0);
  }
  .inline-end-b0 {
    inset-inline-end: var(--sf-b0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b0 {
    right: calc(0rem - var(--sf-b0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b0 {
    right: calc(0rem - var(--sf-b0));
    }
  }
  .-inline-end-b0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b0 {
    left: calc(0rem - var(--sf-b0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b0 {
    left: calc(0rem - var(--sf-b0));
    }
  }
  .-inline-end-b0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b0));
  }
  .-inline-end-b0 {
    inset-inline-end: calc(0rem - var(--sf-b0));
  }
  .bottom-b0 {
    bottom: var(--sf-b0);
  }
  .-bottom-b0 {
    bottom: calc(0rem - var(--sf-b0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b0 {
    left: var(--sf-b0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b0 {
    left: var(--sf-b0);
    }
  }
  .inline-start-b0:where(:dir(ltr)) {
    left: var(--sf-b0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b0 {
    right: var(--sf-b0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b0 {
    right: var(--sf-b0);
    }
  }
  .inline-start-b0:where(:dir(rtl)) {
    right: var(--sf-b0);
  }
  .inline-start-b0 {
    inset-inline-start: var(--sf-b0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b0 {
    left: calc(0rem - var(--sf-b0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b0 {
    left: calc(0rem - var(--sf-b0));
    }
  }
  .-inline-start-b0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b0 {
    right: calc(0rem - var(--sf-b0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b0 {
    right: calc(0rem - var(--sf-b0));
    }
  }
  .-inline-start-b0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b0));
  }
  .-inline-start-b0 {
    inset-inline-start: calc(0rem - var(--sf-b0));
  }
  .block-start-b0 {
    top: var(--sf-b0);
    inset-block-start: var(--sf-b0);
  }
  .-block-start-b0 {
    top: calc(0rem - var(--sf-b0));
    inset-block-start: calc(0rem - var(--sf-b0));
  }
  .block-end-b0 {
    bottom: var(--sf-b0);
    inset-block-end: var(--sf-b0);
  }
  .-block-end-b0 {
    bottom: calc(0rem - var(--sf-b0));
    inset-block-end: calc(0rem - var(--sf-b0));
  }
  .top-b1 {
    top: var(--sf-b1);
  }
  .-top-b1 {
    top: calc(0rem - var(--sf-b1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b1 {
    right: var(--sf-b1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b1 {
    right: var(--sf-b1);
    }
  }
  .inline-end-b1:where(:dir(ltr)) {
    right: var(--sf-b1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b1 {
    left: var(--sf-b1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b1 {
    left: var(--sf-b1);
    }
  }
  .inline-end-b1:where(:dir(rtl)) {
    left: var(--sf-b1);
  }
  .inline-end-b1 {
    inset-inline-end: var(--sf-b1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b1 {
    right: calc(0rem - var(--sf-b1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b1 {
    right: calc(0rem - var(--sf-b1));
    }
  }
  .-inline-end-b1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b1 {
    left: calc(0rem - var(--sf-b1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b1 {
    left: calc(0rem - var(--sf-b1));
    }
  }
  .-inline-end-b1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b1));
  }
  .-inline-end-b1 {
    inset-inline-end: calc(0rem - var(--sf-b1));
  }
  .bottom-b1 {
    bottom: var(--sf-b1);
  }
  .-bottom-b1 {
    bottom: calc(0rem - var(--sf-b1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b1 {
    left: var(--sf-b1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b1 {
    left: var(--sf-b1);
    }
  }
  .inline-start-b1:where(:dir(ltr)) {
    left: var(--sf-b1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b1 {
    right: var(--sf-b1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b1 {
    right: var(--sf-b1);
    }
  }
  .inline-start-b1:where(:dir(rtl)) {
    right: var(--sf-b1);
  }
  .inline-start-b1 {
    inset-inline-start: var(--sf-b1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b1 {
    left: calc(0rem - var(--sf-b1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b1 {
    left: calc(0rem - var(--sf-b1));
    }
  }
  .-inline-start-b1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b1 {
    right: calc(0rem - var(--sf-b1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b1 {
    right: calc(0rem - var(--sf-b1));
    }
  }
  .-inline-start-b1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b1));
  }
  .-inline-start-b1 {
    inset-inline-start: calc(0rem - var(--sf-b1));
  }
  .block-start-b1 {
    top: var(--sf-b1);
    inset-block-start: var(--sf-b1);
  }
  .-block-start-b1 {
    top: calc(0rem - var(--sf-b1));
    inset-block-start: calc(0rem - var(--sf-b1));
  }
  .block-end-b1 {
    bottom: var(--sf-b1);
    inset-block-end: var(--sf-b1);
  }
  .-block-end-b1 {
    bottom: calc(0rem - var(--sf-b1));
    inset-block-end: calc(0rem - var(--sf-b1));
  }
  .top-b2 {
    top: var(--sf-b2);
  }
  .-top-b2 {
    top: calc(0rem - var(--sf-b2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b2 {
    right: var(--sf-b2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b2 {
    right: var(--sf-b2);
    }
  }
  .inline-end-b2:where(:dir(ltr)) {
    right: var(--sf-b2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b2 {
    left: var(--sf-b2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b2 {
    left: var(--sf-b2);
    }
  }
  .inline-end-b2:where(:dir(rtl)) {
    left: var(--sf-b2);
  }
  .inline-end-b2 {
    inset-inline-end: var(--sf-b2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b2 {
    right: calc(0rem - var(--sf-b2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b2 {
    right: calc(0rem - var(--sf-b2));
    }
  }
  .-inline-end-b2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b2 {
    left: calc(0rem - var(--sf-b2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b2 {
    left: calc(0rem - var(--sf-b2));
    }
  }
  .-inline-end-b2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b2));
  }
  .-inline-end-b2 {
    inset-inline-end: calc(0rem - var(--sf-b2));
  }
  .bottom-b2 {
    bottom: var(--sf-b2);
  }
  .-bottom-b2 {
    bottom: calc(0rem - var(--sf-b2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b2 {
    left: var(--sf-b2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b2 {
    left: var(--sf-b2);
    }
  }
  .inline-start-b2:where(:dir(ltr)) {
    left: var(--sf-b2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b2 {
    right: var(--sf-b2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b2 {
    right: var(--sf-b2);
    }
  }
  .inline-start-b2:where(:dir(rtl)) {
    right: var(--sf-b2);
  }
  .inline-start-b2 {
    inset-inline-start: var(--sf-b2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b2 {
    left: calc(0rem - var(--sf-b2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b2 {
    left: calc(0rem - var(--sf-b2));
    }
  }
  .-inline-start-b2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b2 {
    right: calc(0rem - var(--sf-b2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b2 {
    right: calc(0rem - var(--sf-b2));
    }
  }
  .-inline-start-b2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b2));
  }
  .-inline-start-b2 {
    inset-inline-start: calc(0rem - var(--sf-b2));
  }
  .block-start-b2 {
    top: var(--sf-b2);
    inset-block-start: var(--sf-b2);
  }
  .-block-start-b2 {
    top: calc(0rem - var(--sf-b2));
    inset-block-start: calc(0rem - var(--sf-b2));
  }
  .block-end-b2 {
    bottom: var(--sf-b2);
    inset-block-end: var(--sf-b2);
  }
  .-block-end-b2 {
    bottom: calc(0rem - var(--sf-b2));
    inset-block-end: calc(0rem - var(--sf-b2));
  }
  .top-b3 {
    top: var(--sf-b3);
  }
  .-top-b3 {
    top: calc(0rem - var(--sf-b3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b3 {
    right: var(--sf-b3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b3 {
    right: var(--sf-b3);
    }
  }
  .inline-end-b3:where(:dir(ltr)) {
    right: var(--sf-b3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b3 {
    left: var(--sf-b3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b3 {
    left: var(--sf-b3);
    }
  }
  .inline-end-b3:where(:dir(rtl)) {
    left: var(--sf-b3);
  }
  .inline-end-b3 {
    inset-inline-end: var(--sf-b3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b3 {
    right: calc(0rem - var(--sf-b3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b3 {
    right: calc(0rem - var(--sf-b3));
    }
  }
  .-inline-end-b3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b3 {
    left: calc(0rem - var(--sf-b3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b3 {
    left: calc(0rem - var(--sf-b3));
    }
  }
  .-inline-end-b3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b3));
  }
  .-inline-end-b3 {
    inset-inline-end: calc(0rem - var(--sf-b3));
  }
  .bottom-b3 {
    bottom: var(--sf-b3);
  }
  .-bottom-b3 {
    bottom: calc(0rem - var(--sf-b3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b3 {
    left: var(--sf-b3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b3 {
    left: var(--sf-b3);
    }
  }
  .inline-start-b3:where(:dir(ltr)) {
    left: var(--sf-b3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b3 {
    right: var(--sf-b3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b3 {
    right: var(--sf-b3);
    }
  }
  .inline-start-b3:where(:dir(rtl)) {
    right: var(--sf-b3);
  }
  .inline-start-b3 {
    inset-inline-start: var(--sf-b3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b3 {
    left: calc(0rem - var(--sf-b3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b3 {
    left: calc(0rem - var(--sf-b3));
    }
  }
  .-inline-start-b3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b3 {
    right: calc(0rem - var(--sf-b3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b3 {
    right: calc(0rem - var(--sf-b3));
    }
  }
  .-inline-start-b3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b3));
  }
  .-inline-start-b3 {
    inset-inline-start: calc(0rem - var(--sf-b3));
  }
  .block-start-b3 {
    top: var(--sf-b3);
    inset-block-start: var(--sf-b3);
  }
  .-block-start-b3 {
    top: calc(0rem - var(--sf-b3));
    inset-block-start: calc(0rem - var(--sf-b3));
  }
  .block-end-b3 {
    bottom: var(--sf-b3);
    inset-block-end: var(--sf-b3);
  }
  .-block-end-b3 {
    bottom: calc(0rem - var(--sf-b3));
    inset-block-end: calc(0rem - var(--sf-b3));
  }
  .top-b4 {
    top: var(--sf-b4);
  }
  .-top-b4 {
    top: calc(0rem - var(--sf-b4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b4 {
    right: var(--sf-b4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b4 {
    right: var(--sf-b4);
    }
  }
  .inline-end-b4:where(:dir(ltr)) {
    right: var(--sf-b4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b4 {
    left: var(--sf-b4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b4 {
    left: var(--sf-b4);
    }
  }
  .inline-end-b4:where(:dir(rtl)) {
    left: var(--sf-b4);
  }
  .inline-end-b4 {
    inset-inline-end: var(--sf-b4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b4 {
    right: calc(0rem - var(--sf-b4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b4 {
    right: calc(0rem - var(--sf-b4));
    }
  }
  .-inline-end-b4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b4 {
    left: calc(0rem - var(--sf-b4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b4 {
    left: calc(0rem - var(--sf-b4));
    }
  }
  .-inline-end-b4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b4));
  }
  .-inline-end-b4 {
    inset-inline-end: calc(0rem - var(--sf-b4));
  }
  .bottom-b4 {
    bottom: var(--sf-b4);
  }
  .-bottom-b4 {
    bottom: calc(0rem - var(--sf-b4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b4 {
    left: var(--sf-b4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b4 {
    left: var(--sf-b4);
    }
  }
  .inline-start-b4:where(:dir(ltr)) {
    left: var(--sf-b4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b4 {
    right: var(--sf-b4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b4 {
    right: var(--sf-b4);
    }
  }
  .inline-start-b4:where(:dir(rtl)) {
    right: var(--sf-b4);
  }
  .inline-start-b4 {
    inset-inline-start: var(--sf-b4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b4 {
    left: calc(0rem - var(--sf-b4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b4 {
    left: calc(0rem - var(--sf-b4));
    }
  }
  .-inline-start-b4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b4 {
    right: calc(0rem - var(--sf-b4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b4 {
    right: calc(0rem - var(--sf-b4));
    }
  }
  .-inline-start-b4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b4));
  }
  .-inline-start-b4 {
    inset-inline-start: calc(0rem - var(--sf-b4));
  }
  .block-start-b4 {
    top: var(--sf-b4);
    inset-block-start: var(--sf-b4);
  }
  .-block-start-b4 {
    top: calc(0rem - var(--sf-b4));
    inset-block-start: calc(0rem - var(--sf-b4));
  }
  .block-end-b4 {
    bottom: var(--sf-b4);
    inset-block-end: var(--sf-b4);
  }
  .-block-end-b4 {
    bottom: calc(0rem - var(--sf-b4));
    inset-block-end: calc(0rem - var(--sf-b4));
  }
  .top-b5 {
    top: var(--sf-b5);
  }
  .-top-b5 {
    top: calc(0rem - var(--sf-b5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b5 {
    right: var(--sf-b5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b5 {
    right: var(--sf-b5);
    }
  }
  .inline-end-b5:where(:dir(ltr)) {
    right: var(--sf-b5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b5 {
    left: var(--sf-b5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b5 {
    left: var(--sf-b5);
    }
  }
  .inline-end-b5:where(:dir(rtl)) {
    left: var(--sf-b5);
  }
  .inline-end-b5 {
    inset-inline-end: var(--sf-b5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b5 {
    right: calc(0rem - var(--sf-b5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b5 {
    right: calc(0rem - var(--sf-b5));
    }
  }
  .-inline-end-b5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b5 {
    left: calc(0rem - var(--sf-b5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b5 {
    left: calc(0rem - var(--sf-b5));
    }
  }
  .-inline-end-b5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b5));
  }
  .-inline-end-b5 {
    inset-inline-end: calc(0rem - var(--sf-b5));
  }
  .bottom-b5 {
    bottom: var(--sf-b5);
  }
  .-bottom-b5 {
    bottom: calc(0rem - var(--sf-b5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b5 {
    left: var(--sf-b5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b5 {
    left: var(--sf-b5);
    }
  }
  .inline-start-b5:where(:dir(ltr)) {
    left: var(--sf-b5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b5 {
    right: var(--sf-b5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b5 {
    right: var(--sf-b5);
    }
  }
  .inline-start-b5:where(:dir(rtl)) {
    right: var(--sf-b5);
  }
  .inline-start-b5 {
    inset-inline-start: var(--sf-b5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b5 {
    left: calc(0rem - var(--sf-b5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b5 {
    left: calc(0rem - var(--sf-b5));
    }
  }
  .-inline-start-b5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b5 {
    right: calc(0rem - var(--sf-b5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b5 {
    right: calc(0rem - var(--sf-b5));
    }
  }
  .-inline-start-b5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b5));
  }
  .-inline-start-b5 {
    inset-inline-start: calc(0rem - var(--sf-b5));
  }
  .block-start-b5 {
    top: var(--sf-b5);
    inset-block-start: var(--sf-b5);
  }
  .-block-start-b5 {
    top: calc(0rem - var(--sf-b5));
    inset-block-start: calc(0rem - var(--sf-b5));
  }
  .block-end-b5 {
    bottom: var(--sf-b5);
    inset-block-end: var(--sf-b5);
  }
  .-block-end-b5 {
    bottom: calc(0rem - var(--sf-b5));
    inset-block-end: calc(0rem - var(--sf-b5));
  }
  .top-b6 {
    top: var(--sf-b6);
  }
  .-top-b6 {
    top: calc(0rem - var(--sf-b6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b6 {
    right: var(--sf-b6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b6 {
    right: var(--sf-b6);
    }
  }
  .inline-end-b6:where(:dir(ltr)) {
    right: var(--sf-b6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b6 {
    left: var(--sf-b6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b6 {
    left: var(--sf-b6);
    }
  }
  .inline-end-b6:where(:dir(rtl)) {
    left: var(--sf-b6);
  }
  .inline-end-b6 {
    inset-inline-end: var(--sf-b6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b6 {
    right: calc(0rem - var(--sf-b6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b6 {
    right: calc(0rem - var(--sf-b6));
    }
  }
  .-inline-end-b6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b6 {
    left: calc(0rem - var(--sf-b6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b6 {
    left: calc(0rem - var(--sf-b6));
    }
  }
  .-inline-end-b6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b6));
  }
  .-inline-end-b6 {
    inset-inline-end: calc(0rem - var(--sf-b6));
  }
  .bottom-b6 {
    bottom: var(--sf-b6);
  }
  .-bottom-b6 {
    bottom: calc(0rem - var(--sf-b6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b6 {
    left: var(--sf-b6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b6 {
    left: var(--sf-b6);
    }
  }
  .inline-start-b6:where(:dir(ltr)) {
    left: var(--sf-b6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b6 {
    right: var(--sf-b6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b6 {
    right: var(--sf-b6);
    }
  }
  .inline-start-b6:where(:dir(rtl)) {
    right: var(--sf-b6);
  }
  .inline-start-b6 {
    inset-inline-start: var(--sf-b6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b6 {
    left: calc(0rem - var(--sf-b6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b6 {
    left: calc(0rem - var(--sf-b6));
    }
  }
  .-inline-start-b6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b6 {
    right: calc(0rem - var(--sf-b6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b6 {
    right: calc(0rem - var(--sf-b6));
    }
  }
  .-inline-start-b6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b6));
  }
  .-inline-start-b6 {
    inset-inline-start: calc(0rem - var(--sf-b6));
  }
  .block-start-b6 {
    top: var(--sf-b6);
    inset-block-start: var(--sf-b6);
  }
  .-block-start-b6 {
    top: calc(0rem - var(--sf-b6));
    inset-block-start: calc(0rem - var(--sf-b6));
  }
  .block-end-b6 {
    bottom: var(--sf-b6);
    inset-block-end: var(--sf-b6);
  }
  .-block-end-b6 {
    bottom: calc(0rem - var(--sf-b6));
    inset-block-end: calc(0rem - var(--sf-b6));
  }
  .top-b7 {
    top: var(--sf-b7);
  }
  .-top-b7 {
    top: calc(0rem - var(--sf-b7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b7 {
    right: var(--sf-b7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b7 {
    right: var(--sf-b7);
    }
  }
  .inline-end-b7:where(:dir(ltr)) {
    right: var(--sf-b7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b7 {
    left: var(--sf-b7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b7 {
    left: var(--sf-b7);
    }
  }
  .inline-end-b7:where(:dir(rtl)) {
    left: var(--sf-b7);
  }
  .inline-end-b7 {
    inset-inline-end: var(--sf-b7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b7 {
    right: calc(0rem - var(--sf-b7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b7 {
    right: calc(0rem - var(--sf-b7));
    }
  }
  .-inline-end-b7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b7 {
    left: calc(0rem - var(--sf-b7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b7 {
    left: calc(0rem - var(--sf-b7));
    }
  }
  .-inline-end-b7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b7));
  }
  .-inline-end-b7 {
    inset-inline-end: calc(0rem - var(--sf-b7));
  }
  .bottom-b7 {
    bottom: var(--sf-b7);
  }
  .-bottom-b7 {
    bottom: calc(0rem - var(--sf-b7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b7 {
    left: var(--sf-b7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b7 {
    left: var(--sf-b7);
    }
  }
  .inline-start-b7:where(:dir(ltr)) {
    left: var(--sf-b7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b7 {
    right: var(--sf-b7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b7 {
    right: var(--sf-b7);
    }
  }
  .inline-start-b7:where(:dir(rtl)) {
    right: var(--sf-b7);
  }
  .inline-start-b7 {
    inset-inline-start: var(--sf-b7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b7 {
    left: calc(0rem - var(--sf-b7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b7 {
    left: calc(0rem - var(--sf-b7));
    }
  }
  .-inline-start-b7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b7 {
    right: calc(0rem - var(--sf-b7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b7 {
    right: calc(0rem - var(--sf-b7));
    }
  }
  .-inline-start-b7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b7));
  }
  .-inline-start-b7 {
    inset-inline-start: calc(0rem - var(--sf-b7));
  }
  .block-start-b7 {
    top: var(--sf-b7);
    inset-block-start: var(--sf-b7);
  }
  .-block-start-b7 {
    top: calc(0rem - var(--sf-b7));
    inset-block-start: calc(0rem - var(--sf-b7));
  }
  .block-end-b7 {
    bottom: var(--sf-b7);
    inset-block-end: var(--sf-b7);
  }
  .-block-end-b7 {
    bottom: calc(0rem - var(--sf-b7));
    inset-block-end: calc(0rem - var(--sf-b7));
  }
  .top-b8 {
    top: var(--sf-b8);
  }
  .-top-b8 {
    top: calc(0rem - var(--sf-b8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b8 {
    right: var(--sf-b8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b8 {
    right: var(--sf-b8);
    }
  }
  .inline-end-b8:where(:dir(ltr)) {
    right: var(--sf-b8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b8 {
    left: var(--sf-b8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b8 {
    left: var(--sf-b8);
    }
  }
  .inline-end-b8:where(:dir(rtl)) {
    left: var(--sf-b8);
  }
  .inline-end-b8 {
    inset-inline-end: var(--sf-b8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b8 {
    right: calc(0rem - var(--sf-b8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b8 {
    right: calc(0rem - var(--sf-b8));
    }
  }
  .-inline-end-b8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b8 {
    left: calc(0rem - var(--sf-b8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b8 {
    left: calc(0rem - var(--sf-b8));
    }
  }
  .-inline-end-b8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b8));
  }
  .-inline-end-b8 {
    inset-inline-end: calc(0rem - var(--sf-b8));
  }
  .bottom-b8 {
    bottom: var(--sf-b8);
  }
  .-bottom-b8 {
    bottom: calc(0rem - var(--sf-b8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b8 {
    left: var(--sf-b8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b8 {
    left: var(--sf-b8);
    }
  }
  .inline-start-b8:where(:dir(ltr)) {
    left: var(--sf-b8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b8 {
    right: var(--sf-b8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b8 {
    right: var(--sf-b8);
    }
  }
  .inline-start-b8:where(:dir(rtl)) {
    right: var(--sf-b8);
  }
  .inline-start-b8 {
    inset-inline-start: var(--sf-b8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b8 {
    left: calc(0rem - var(--sf-b8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b8 {
    left: calc(0rem - var(--sf-b8));
    }
  }
  .-inline-start-b8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b8 {
    right: calc(0rem - var(--sf-b8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b8 {
    right: calc(0rem - var(--sf-b8));
    }
  }
  .-inline-start-b8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b8));
  }
  .-inline-start-b8 {
    inset-inline-start: calc(0rem - var(--sf-b8));
  }
  .block-start-b8 {
    top: var(--sf-b8);
    inset-block-start: var(--sf-b8);
  }
  .-block-start-b8 {
    top: calc(0rem - var(--sf-b8));
    inset-block-start: calc(0rem - var(--sf-b8));
  }
  .block-end-b8 {
    bottom: var(--sf-b8);
    inset-block-end: var(--sf-b8);
  }
  .-block-end-b8 {
    bottom: calc(0rem - var(--sf-b8));
    inset-block-end: calc(0rem - var(--sf-b8));
  }
  .top-b9 {
    top: var(--sf-b9);
  }
  .-top-b9 {
    top: calc(0rem - var(--sf-b9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-b9 {
    right: var(--sf-b9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-b9 {
    right: var(--sf-b9);
    }
  }
  .inline-end-b9:where(:dir(ltr)) {
    right: var(--sf-b9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-b9 {
    left: var(--sf-b9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-b9 {
    left: var(--sf-b9);
    }
  }
  .inline-end-b9:where(:dir(rtl)) {
    left: var(--sf-b9);
  }
  .inline-end-b9 {
    inset-inline-end: var(--sf-b9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-b9 {
    right: calc(0rem - var(--sf-b9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-b9 {
    right: calc(0rem - var(--sf-b9));
    }
  }
  .-inline-end-b9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-b9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-b9 {
    left: calc(0rem - var(--sf-b9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-b9 {
    left: calc(0rem - var(--sf-b9));
    }
  }
  .-inline-end-b9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-b9));
  }
  .-inline-end-b9 {
    inset-inline-end: calc(0rem - var(--sf-b9));
  }
  .bottom-b9 {
    bottom: var(--sf-b9);
  }
  .-bottom-b9 {
    bottom: calc(0rem - var(--sf-b9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-b9 {
    left: var(--sf-b9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-b9 {
    left: var(--sf-b9);
    }
  }
  .inline-start-b9:where(:dir(ltr)) {
    left: var(--sf-b9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-b9 {
    right: var(--sf-b9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-b9 {
    right: var(--sf-b9);
    }
  }
  .inline-start-b9:where(:dir(rtl)) {
    right: var(--sf-b9);
  }
  .inline-start-b9 {
    inset-inline-start: var(--sf-b9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-b9 {
    left: calc(0rem - var(--sf-b9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-b9 {
    left: calc(0rem - var(--sf-b9));
    }
  }
  .-inline-start-b9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-b9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-b9 {
    right: calc(0rem - var(--sf-b9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-b9 {
    right: calc(0rem - var(--sf-b9));
    }
  }
  .-inline-start-b9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-b9));
  }
  .-inline-start-b9 {
    inset-inline-start: calc(0rem - var(--sf-b9));
  }
  .block-start-b9 {
    top: var(--sf-b9);
    inset-block-start: var(--sf-b9);
  }
  .-block-start-b9 {
    top: calc(0rem - var(--sf-b9));
    inset-block-start: calc(0rem - var(--sf-b9));
  }
  .block-end-b9 {
    bottom: var(--sf-b9);
    inset-block-end: var(--sf-b9);
  }
  .-block-end-b9 {
    bottom: calc(0rem - var(--sf-b9));
    inset-block-end: calc(0rem - var(--sf-b9));
  }
  .top-c0 {
    top: var(--sf-c0);
  }
  .-top-c0 {
    top: calc(0rem - var(--sf-c0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c0 {
    right: var(--sf-c0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c0 {
    right: var(--sf-c0);
    }
  }
  .inline-end-c0:where(:dir(ltr)) {
    right: var(--sf-c0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c0 {
    left: var(--sf-c0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c0 {
    left: var(--sf-c0);
    }
  }
  .inline-end-c0:where(:dir(rtl)) {
    left: var(--sf-c0);
  }
  .inline-end-c0 {
    inset-inline-end: var(--sf-c0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c0 {
    right: calc(0rem - var(--sf-c0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c0 {
    right: calc(0rem - var(--sf-c0));
    }
  }
  .-inline-end-c0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c0 {
    left: calc(0rem - var(--sf-c0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c0 {
    left: calc(0rem - var(--sf-c0));
    }
  }
  .-inline-end-c0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c0));
  }
  .-inline-end-c0 {
    inset-inline-end: calc(0rem - var(--sf-c0));
  }
  .bottom-c0 {
    bottom: var(--sf-c0);
  }
  .-bottom-c0 {
    bottom: calc(0rem - var(--sf-c0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c0 {
    left: var(--sf-c0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c0 {
    left: var(--sf-c0);
    }
  }
  .inline-start-c0:where(:dir(ltr)) {
    left: var(--sf-c0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c0 {
    right: var(--sf-c0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c0 {
    right: var(--sf-c0);
    }
  }
  .inline-start-c0:where(:dir(rtl)) {
    right: var(--sf-c0);
  }
  .inline-start-c0 {
    inset-inline-start: var(--sf-c0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c0 {
    left: calc(0rem - var(--sf-c0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c0 {
    left: calc(0rem - var(--sf-c0));
    }
  }
  .-inline-start-c0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c0 {
    right: calc(0rem - var(--sf-c0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c0 {
    right: calc(0rem - var(--sf-c0));
    }
  }
  .-inline-start-c0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c0));
  }
  .-inline-start-c0 {
    inset-inline-start: calc(0rem - var(--sf-c0));
  }
  .block-start-c0 {
    top: var(--sf-c0);
    inset-block-start: var(--sf-c0);
  }
  .-block-start-c0 {
    top: calc(0rem - var(--sf-c0));
    inset-block-start: calc(0rem - var(--sf-c0));
  }
  .block-end-c0 {
    bottom: var(--sf-c0);
    inset-block-end: var(--sf-c0);
  }
  .-block-end-c0 {
    bottom: calc(0rem - var(--sf-c0));
    inset-block-end: calc(0rem - var(--sf-c0));
  }
  .top-c1 {
    top: var(--sf-c1);
  }
  .-top-c1 {
    top: calc(0rem - var(--sf-c1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c1 {
    right: var(--sf-c1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c1 {
    right: var(--sf-c1);
    }
  }
  .inline-end-c1:where(:dir(ltr)) {
    right: var(--sf-c1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c1 {
    left: var(--sf-c1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c1 {
    left: var(--sf-c1);
    }
  }
  .inline-end-c1:where(:dir(rtl)) {
    left: var(--sf-c1);
  }
  .inline-end-c1 {
    inset-inline-end: var(--sf-c1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c1 {
    right: calc(0rem - var(--sf-c1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c1 {
    right: calc(0rem - var(--sf-c1));
    }
  }
  .-inline-end-c1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c1 {
    left: calc(0rem - var(--sf-c1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c1 {
    left: calc(0rem - var(--sf-c1));
    }
  }
  .-inline-end-c1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c1));
  }
  .-inline-end-c1 {
    inset-inline-end: calc(0rem - var(--sf-c1));
  }
  .bottom-c1 {
    bottom: var(--sf-c1);
  }
  .-bottom-c1 {
    bottom: calc(0rem - var(--sf-c1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c1 {
    left: var(--sf-c1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c1 {
    left: var(--sf-c1);
    }
  }
  .inline-start-c1:where(:dir(ltr)) {
    left: var(--sf-c1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c1 {
    right: var(--sf-c1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c1 {
    right: var(--sf-c1);
    }
  }
  .inline-start-c1:where(:dir(rtl)) {
    right: var(--sf-c1);
  }
  .inline-start-c1 {
    inset-inline-start: var(--sf-c1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c1 {
    left: calc(0rem - var(--sf-c1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c1 {
    left: calc(0rem - var(--sf-c1));
    }
  }
  .-inline-start-c1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c1 {
    right: calc(0rem - var(--sf-c1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c1 {
    right: calc(0rem - var(--sf-c1));
    }
  }
  .-inline-start-c1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c1));
  }
  .-inline-start-c1 {
    inset-inline-start: calc(0rem - var(--sf-c1));
  }
  .block-start-c1 {
    top: var(--sf-c1);
    inset-block-start: var(--sf-c1);
  }
  .-block-start-c1 {
    top: calc(0rem - var(--sf-c1));
    inset-block-start: calc(0rem - var(--sf-c1));
  }
  .block-end-c1 {
    bottom: var(--sf-c1);
    inset-block-end: var(--sf-c1);
  }
  .-block-end-c1 {
    bottom: calc(0rem - var(--sf-c1));
    inset-block-end: calc(0rem - var(--sf-c1));
  }
  .top-c2 {
    top: var(--sf-c2);
  }
  .-top-c2 {
    top: calc(0rem - var(--sf-c2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c2 {
    right: var(--sf-c2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c2 {
    right: var(--sf-c2);
    }
  }
  .inline-end-c2:where(:dir(ltr)) {
    right: var(--sf-c2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c2 {
    left: var(--sf-c2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c2 {
    left: var(--sf-c2);
    }
  }
  .inline-end-c2:where(:dir(rtl)) {
    left: var(--sf-c2);
  }
  .inline-end-c2 {
    inset-inline-end: var(--sf-c2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c2 {
    right: calc(0rem - var(--sf-c2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c2 {
    right: calc(0rem - var(--sf-c2));
    }
  }
  .-inline-end-c2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c2 {
    left: calc(0rem - var(--sf-c2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c2 {
    left: calc(0rem - var(--sf-c2));
    }
  }
  .-inline-end-c2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c2));
  }
  .-inline-end-c2 {
    inset-inline-end: calc(0rem - var(--sf-c2));
  }
  .bottom-c2 {
    bottom: var(--sf-c2);
  }
  .-bottom-c2 {
    bottom: calc(0rem - var(--sf-c2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c2 {
    left: var(--sf-c2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c2 {
    left: var(--sf-c2);
    }
  }
  .inline-start-c2:where(:dir(ltr)) {
    left: var(--sf-c2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c2 {
    right: var(--sf-c2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c2 {
    right: var(--sf-c2);
    }
  }
  .inline-start-c2:where(:dir(rtl)) {
    right: var(--sf-c2);
  }
  .inline-start-c2 {
    inset-inline-start: var(--sf-c2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c2 {
    left: calc(0rem - var(--sf-c2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c2 {
    left: calc(0rem - var(--sf-c2));
    }
  }
  .-inline-start-c2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c2 {
    right: calc(0rem - var(--sf-c2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c2 {
    right: calc(0rem - var(--sf-c2));
    }
  }
  .-inline-start-c2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c2));
  }
  .-inline-start-c2 {
    inset-inline-start: calc(0rem - var(--sf-c2));
  }
  .block-start-c2 {
    top: var(--sf-c2);
    inset-block-start: var(--sf-c2);
  }
  .-block-start-c2 {
    top: calc(0rem - var(--sf-c2));
    inset-block-start: calc(0rem - var(--sf-c2));
  }
  .block-end-c2 {
    bottom: var(--sf-c2);
    inset-block-end: var(--sf-c2);
  }
  .-block-end-c2 {
    bottom: calc(0rem - var(--sf-c2));
    inset-block-end: calc(0rem - var(--sf-c2));
  }
  .top-c3 {
    top: var(--sf-c3);
  }
  .-top-c3 {
    top: calc(0rem - var(--sf-c3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c3 {
    right: var(--sf-c3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c3 {
    right: var(--sf-c3);
    }
  }
  .inline-end-c3:where(:dir(ltr)) {
    right: var(--sf-c3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c3 {
    left: var(--sf-c3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c3 {
    left: var(--sf-c3);
    }
  }
  .inline-end-c3:where(:dir(rtl)) {
    left: var(--sf-c3);
  }
  .inline-end-c3 {
    inset-inline-end: var(--sf-c3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c3 {
    right: calc(0rem - var(--sf-c3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c3 {
    right: calc(0rem - var(--sf-c3));
    }
  }
  .-inline-end-c3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c3 {
    left: calc(0rem - var(--sf-c3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c3 {
    left: calc(0rem - var(--sf-c3));
    }
  }
  .-inline-end-c3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c3));
  }
  .-inline-end-c3 {
    inset-inline-end: calc(0rem - var(--sf-c3));
  }
  .bottom-c3 {
    bottom: var(--sf-c3);
  }
  .-bottom-c3 {
    bottom: calc(0rem - var(--sf-c3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c3 {
    left: var(--sf-c3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c3 {
    left: var(--sf-c3);
    }
  }
  .inline-start-c3:where(:dir(ltr)) {
    left: var(--sf-c3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c3 {
    right: var(--sf-c3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c3 {
    right: var(--sf-c3);
    }
  }
  .inline-start-c3:where(:dir(rtl)) {
    right: var(--sf-c3);
  }
  .inline-start-c3 {
    inset-inline-start: var(--sf-c3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c3 {
    left: calc(0rem - var(--sf-c3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c3 {
    left: calc(0rem - var(--sf-c3));
    }
  }
  .-inline-start-c3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c3 {
    right: calc(0rem - var(--sf-c3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c3 {
    right: calc(0rem - var(--sf-c3));
    }
  }
  .-inline-start-c3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c3));
  }
  .-inline-start-c3 {
    inset-inline-start: calc(0rem - var(--sf-c3));
  }
  .block-start-c3 {
    top: var(--sf-c3);
    inset-block-start: var(--sf-c3);
  }
  .-block-start-c3 {
    top: calc(0rem - var(--sf-c3));
    inset-block-start: calc(0rem - var(--sf-c3));
  }
  .block-end-c3 {
    bottom: var(--sf-c3);
    inset-block-end: var(--sf-c3);
  }
  .-block-end-c3 {
    bottom: calc(0rem - var(--sf-c3));
    inset-block-end: calc(0rem - var(--sf-c3));
  }
  .top-c4 {
    top: var(--sf-c4);
  }
  .-top-c4 {
    top: calc(0rem - var(--sf-c4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c4 {
    right: var(--sf-c4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c4 {
    right: var(--sf-c4);
    }
  }
  .inline-end-c4:where(:dir(ltr)) {
    right: var(--sf-c4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c4 {
    left: var(--sf-c4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c4 {
    left: var(--sf-c4);
    }
  }
  .inline-end-c4:where(:dir(rtl)) {
    left: var(--sf-c4);
  }
  .inline-end-c4 {
    inset-inline-end: var(--sf-c4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c4 {
    right: calc(0rem - var(--sf-c4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c4 {
    right: calc(0rem - var(--sf-c4));
    }
  }
  .-inline-end-c4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c4 {
    left: calc(0rem - var(--sf-c4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c4 {
    left: calc(0rem - var(--sf-c4));
    }
  }
  .-inline-end-c4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c4));
  }
  .-inline-end-c4 {
    inset-inline-end: calc(0rem - var(--sf-c4));
  }
  .bottom-c4 {
    bottom: var(--sf-c4);
  }
  .-bottom-c4 {
    bottom: calc(0rem - var(--sf-c4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c4 {
    left: var(--sf-c4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c4 {
    left: var(--sf-c4);
    }
  }
  .inline-start-c4:where(:dir(ltr)) {
    left: var(--sf-c4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c4 {
    right: var(--sf-c4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c4 {
    right: var(--sf-c4);
    }
  }
  .inline-start-c4:where(:dir(rtl)) {
    right: var(--sf-c4);
  }
  .inline-start-c4 {
    inset-inline-start: var(--sf-c4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c4 {
    left: calc(0rem - var(--sf-c4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c4 {
    left: calc(0rem - var(--sf-c4));
    }
  }
  .-inline-start-c4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c4 {
    right: calc(0rem - var(--sf-c4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c4 {
    right: calc(0rem - var(--sf-c4));
    }
  }
  .-inline-start-c4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c4));
  }
  .-inline-start-c4 {
    inset-inline-start: calc(0rem - var(--sf-c4));
  }
  .block-start-c4 {
    top: var(--sf-c4);
    inset-block-start: var(--sf-c4);
  }
  .-block-start-c4 {
    top: calc(0rem - var(--sf-c4));
    inset-block-start: calc(0rem - var(--sf-c4));
  }
  .block-end-c4 {
    bottom: var(--sf-c4);
    inset-block-end: var(--sf-c4);
  }
  .-block-end-c4 {
    bottom: calc(0rem - var(--sf-c4));
    inset-block-end: calc(0rem - var(--sf-c4));
  }
  .top-c5 {
    top: var(--sf-c5);
  }
  .-top-c5 {
    top: calc(0rem - var(--sf-c5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c5 {
    right: var(--sf-c5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c5 {
    right: var(--sf-c5);
    }
  }
  .inline-end-c5:where(:dir(ltr)) {
    right: var(--sf-c5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c5 {
    left: var(--sf-c5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c5 {
    left: var(--sf-c5);
    }
  }
  .inline-end-c5:where(:dir(rtl)) {
    left: var(--sf-c5);
  }
  .inline-end-c5 {
    inset-inline-end: var(--sf-c5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c5 {
    right: calc(0rem - var(--sf-c5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c5 {
    right: calc(0rem - var(--sf-c5));
    }
  }
  .-inline-end-c5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c5 {
    left: calc(0rem - var(--sf-c5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c5 {
    left: calc(0rem - var(--sf-c5));
    }
  }
  .-inline-end-c5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c5));
  }
  .-inline-end-c5 {
    inset-inline-end: calc(0rem - var(--sf-c5));
  }
  .bottom-c5 {
    bottom: var(--sf-c5);
  }
  .-bottom-c5 {
    bottom: calc(0rem - var(--sf-c5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c5 {
    left: var(--sf-c5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c5 {
    left: var(--sf-c5);
    }
  }
  .inline-start-c5:where(:dir(ltr)) {
    left: var(--sf-c5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c5 {
    right: var(--sf-c5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c5 {
    right: var(--sf-c5);
    }
  }
  .inline-start-c5:where(:dir(rtl)) {
    right: var(--sf-c5);
  }
  .inline-start-c5 {
    inset-inline-start: var(--sf-c5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c5 {
    left: calc(0rem - var(--sf-c5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c5 {
    left: calc(0rem - var(--sf-c5));
    }
  }
  .-inline-start-c5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c5 {
    right: calc(0rem - var(--sf-c5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c5 {
    right: calc(0rem - var(--sf-c5));
    }
  }
  .-inline-start-c5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c5));
  }
  .-inline-start-c5 {
    inset-inline-start: calc(0rem - var(--sf-c5));
  }
  .block-start-c5 {
    top: var(--sf-c5);
    inset-block-start: var(--sf-c5);
  }
  .-block-start-c5 {
    top: calc(0rem - var(--sf-c5));
    inset-block-start: calc(0rem - var(--sf-c5));
  }
  .block-end-c5 {
    bottom: var(--sf-c5);
    inset-block-end: var(--sf-c5);
  }
  .-block-end-c5 {
    bottom: calc(0rem - var(--sf-c5));
    inset-block-end: calc(0rem - var(--sf-c5));
  }
  .top-c6 {
    top: var(--sf-c6);
  }
  .-top-c6 {
    top: calc(0rem - var(--sf-c6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c6 {
    right: var(--sf-c6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c6 {
    right: var(--sf-c6);
    }
  }
  .inline-end-c6:where(:dir(ltr)) {
    right: var(--sf-c6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c6 {
    left: var(--sf-c6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c6 {
    left: var(--sf-c6);
    }
  }
  .inline-end-c6:where(:dir(rtl)) {
    left: var(--sf-c6);
  }
  .inline-end-c6 {
    inset-inline-end: var(--sf-c6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c6 {
    right: calc(0rem - var(--sf-c6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c6 {
    right: calc(0rem - var(--sf-c6));
    }
  }
  .-inline-end-c6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c6 {
    left: calc(0rem - var(--sf-c6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c6 {
    left: calc(0rem - var(--sf-c6));
    }
  }
  .-inline-end-c6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c6));
  }
  .-inline-end-c6 {
    inset-inline-end: calc(0rem - var(--sf-c6));
  }
  .bottom-c6 {
    bottom: var(--sf-c6);
  }
  .-bottom-c6 {
    bottom: calc(0rem - var(--sf-c6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c6 {
    left: var(--sf-c6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c6 {
    left: var(--sf-c6);
    }
  }
  .inline-start-c6:where(:dir(ltr)) {
    left: var(--sf-c6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c6 {
    right: var(--sf-c6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c6 {
    right: var(--sf-c6);
    }
  }
  .inline-start-c6:where(:dir(rtl)) {
    right: var(--sf-c6);
  }
  .inline-start-c6 {
    inset-inline-start: var(--sf-c6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c6 {
    left: calc(0rem - var(--sf-c6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c6 {
    left: calc(0rem - var(--sf-c6));
    }
  }
  .-inline-start-c6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c6 {
    right: calc(0rem - var(--sf-c6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c6 {
    right: calc(0rem - var(--sf-c6));
    }
  }
  .-inline-start-c6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c6));
  }
  .-inline-start-c6 {
    inset-inline-start: calc(0rem - var(--sf-c6));
  }
  .block-start-c6 {
    top: var(--sf-c6);
    inset-block-start: var(--sf-c6);
  }
  .-block-start-c6 {
    top: calc(0rem - var(--sf-c6));
    inset-block-start: calc(0rem - var(--sf-c6));
  }
  .block-end-c6 {
    bottom: var(--sf-c6);
    inset-block-end: var(--sf-c6);
  }
  .-block-end-c6 {
    bottom: calc(0rem - var(--sf-c6));
    inset-block-end: calc(0rem - var(--sf-c6));
  }
  .top-c7 {
    top: var(--sf-c7);
  }
  .-top-c7 {
    top: calc(0rem - var(--sf-c7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c7 {
    right: var(--sf-c7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c7 {
    right: var(--sf-c7);
    }
  }
  .inline-end-c7:where(:dir(ltr)) {
    right: var(--sf-c7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c7 {
    left: var(--sf-c7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c7 {
    left: var(--sf-c7);
    }
  }
  .inline-end-c7:where(:dir(rtl)) {
    left: var(--sf-c7);
  }
  .inline-end-c7 {
    inset-inline-end: var(--sf-c7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c7 {
    right: calc(0rem - var(--sf-c7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c7 {
    right: calc(0rem - var(--sf-c7));
    }
  }
  .-inline-end-c7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c7 {
    left: calc(0rem - var(--sf-c7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c7 {
    left: calc(0rem - var(--sf-c7));
    }
  }
  .-inline-end-c7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c7));
  }
  .-inline-end-c7 {
    inset-inline-end: calc(0rem - var(--sf-c7));
  }
  .bottom-c7 {
    bottom: var(--sf-c7);
  }
  .-bottom-c7 {
    bottom: calc(0rem - var(--sf-c7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c7 {
    left: var(--sf-c7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c7 {
    left: var(--sf-c7);
    }
  }
  .inline-start-c7:where(:dir(ltr)) {
    left: var(--sf-c7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c7 {
    right: var(--sf-c7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c7 {
    right: var(--sf-c7);
    }
  }
  .inline-start-c7:where(:dir(rtl)) {
    right: var(--sf-c7);
  }
  .inline-start-c7 {
    inset-inline-start: var(--sf-c7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c7 {
    left: calc(0rem - var(--sf-c7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c7 {
    left: calc(0rem - var(--sf-c7));
    }
  }
  .-inline-start-c7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c7 {
    right: calc(0rem - var(--sf-c7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c7 {
    right: calc(0rem - var(--sf-c7));
    }
  }
  .-inline-start-c7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c7));
  }
  .-inline-start-c7 {
    inset-inline-start: calc(0rem - var(--sf-c7));
  }
  .block-start-c7 {
    top: var(--sf-c7);
    inset-block-start: var(--sf-c7);
  }
  .-block-start-c7 {
    top: calc(0rem - var(--sf-c7));
    inset-block-start: calc(0rem - var(--sf-c7));
  }
  .block-end-c7 {
    bottom: var(--sf-c7);
    inset-block-end: var(--sf-c7);
  }
  .-block-end-c7 {
    bottom: calc(0rem - var(--sf-c7));
    inset-block-end: calc(0rem - var(--sf-c7));
  }
  .top-c8 {
    top: var(--sf-c8);
  }
  .-top-c8 {
    top: calc(0rem - var(--sf-c8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c8 {
    right: var(--sf-c8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c8 {
    right: var(--sf-c8);
    }
  }
  .inline-end-c8:where(:dir(ltr)) {
    right: var(--sf-c8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c8 {
    left: var(--sf-c8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c8 {
    left: var(--sf-c8);
    }
  }
  .inline-end-c8:where(:dir(rtl)) {
    left: var(--sf-c8);
  }
  .inline-end-c8 {
    inset-inline-end: var(--sf-c8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c8 {
    right: calc(0rem - var(--sf-c8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c8 {
    right: calc(0rem - var(--sf-c8));
    }
  }
  .-inline-end-c8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c8 {
    left: calc(0rem - var(--sf-c8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c8 {
    left: calc(0rem - var(--sf-c8));
    }
  }
  .-inline-end-c8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c8));
  }
  .-inline-end-c8 {
    inset-inline-end: calc(0rem - var(--sf-c8));
  }
  .bottom-c8 {
    bottom: var(--sf-c8);
  }
  .-bottom-c8 {
    bottom: calc(0rem - var(--sf-c8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c8 {
    left: var(--sf-c8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c8 {
    left: var(--sf-c8);
    }
  }
  .inline-start-c8:where(:dir(ltr)) {
    left: var(--sf-c8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c8 {
    right: var(--sf-c8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c8 {
    right: var(--sf-c8);
    }
  }
  .inline-start-c8:where(:dir(rtl)) {
    right: var(--sf-c8);
  }
  .inline-start-c8 {
    inset-inline-start: var(--sf-c8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c8 {
    left: calc(0rem - var(--sf-c8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c8 {
    left: calc(0rem - var(--sf-c8));
    }
  }
  .-inline-start-c8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c8 {
    right: calc(0rem - var(--sf-c8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c8 {
    right: calc(0rem - var(--sf-c8));
    }
  }
  .-inline-start-c8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c8));
  }
  .-inline-start-c8 {
    inset-inline-start: calc(0rem - var(--sf-c8));
  }
  .block-start-c8 {
    top: var(--sf-c8);
    inset-block-start: var(--sf-c8);
  }
  .-block-start-c8 {
    top: calc(0rem - var(--sf-c8));
    inset-block-start: calc(0rem - var(--sf-c8));
  }
  .block-end-c8 {
    bottom: var(--sf-c8);
    inset-block-end: var(--sf-c8);
  }
  .-block-end-c8 {
    bottom: calc(0rem - var(--sf-c8));
    inset-block-end: calc(0rem - var(--sf-c8));
  }
  .top-c9 {
    top: var(--sf-c9);
  }
  .-top-c9 {
    top: calc(0rem - var(--sf-c9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-c9 {
    right: var(--sf-c9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-c9 {
    right: var(--sf-c9);
    }
  }
  .inline-end-c9:where(:dir(ltr)) {
    right: var(--sf-c9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-c9 {
    left: var(--sf-c9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-c9 {
    left: var(--sf-c9);
    }
  }
  .inline-end-c9:where(:dir(rtl)) {
    left: var(--sf-c9);
  }
  .inline-end-c9 {
    inset-inline-end: var(--sf-c9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-c9 {
    right: calc(0rem - var(--sf-c9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-c9 {
    right: calc(0rem - var(--sf-c9));
    }
  }
  .-inline-end-c9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-c9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-c9 {
    left: calc(0rem - var(--sf-c9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-c9 {
    left: calc(0rem - var(--sf-c9));
    }
  }
  .-inline-end-c9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-c9));
  }
  .-inline-end-c9 {
    inset-inline-end: calc(0rem - var(--sf-c9));
  }
  .bottom-c9 {
    bottom: var(--sf-c9);
  }
  .-bottom-c9 {
    bottom: calc(0rem - var(--sf-c9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-c9 {
    left: var(--sf-c9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-c9 {
    left: var(--sf-c9);
    }
  }
  .inline-start-c9:where(:dir(ltr)) {
    left: var(--sf-c9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-c9 {
    right: var(--sf-c9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-c9 {
    right: var(--sf-c9);
    }
  }
  .inline-start-c9:where(:dir(rtl)) {
    right: var(--sf-c9);
  }
  .inline-start-c9 {
    inset-inline-start: var(--sf-c9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-c9 {
    left: calc(0rem - var(--sf-c9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-c9 {
    left: calc(0rem - var(--sf-c9));
    }
  }
  .-inline-start-c9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-c9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-c9 {
    right: calc(0rem - var(--sf-c9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-c9 {
    right: calc(0rem - var(--sf-c9));
    }
  }
  .-inline-start-c9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-c9));
  }
  .-inline-start-c9 {
    inset-inline-start: calc(0rem - var(--sf-c9));
  }
  .block-start-c9 {
    top: var(--sf-c9);
    inset-block-start: var(--sf-c9);
  }
  .-block-start-c9 {
    top: calc(0rem - var(--sf-c9));
    inset-block-start: calc(0rem - var(--sf-c9));
  }
  .block-end-c9 {
    bottom: var(--sf-c9);
    inset-block-end: var(--sf-c9);
  }
  .-block-end-c9 {
    bottom: calc(0rem - var(--sf-c9));
    inset-block-end: calc(0rem - var(--sf-c9));
  }
  .top-d0 {
    top: var(--sf-d0);
  }
  .-top-d0 {
    top: calc(0rem - var(--sf-d0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d0 {
    right: var(--sf-d0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d0 {
    right: var(--sf-d0);
    }
  }
  .inline-end-d0:where(:dir(ltr)) {
    right: var(--sf-d0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d0 {
    left: var(--sf-d0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d0 {
    left: var(--sf-d0);
    }
  }
  .inline-end-d0:where(:dir(rtl)) {
    left: var(--sf-d0);
  }
  .inline-end-d0 {
    inset-inline-end: var(--sf-d0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d0 {
    right: calc(0rem - var(--sf-d0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d0 {
    right: calc(0rem - var(--sf-d0));
    }
  }
  .-inline-end-d0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d0 {
    left: calc(0rem - var(--sf-d0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d0 {
    left: calc(0rem - var(--sf-d0));
    }
  }
  .-inline-end-d0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d0));
  }
  .-inline-end-d0 {
    inset-inline-end: calc(0rem - var(--sf-d0));
  }
  .bottom-d0 {
    bottom: var(--sf-d0);
  }
  .-bottom-d0 {
    bottom: calc(0rem - var(--sf-d0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d0 {
    left: var(--sf-d0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d0 {
    left: var(--sf-d0);
    }
  }
  .inline-start-d0:where(:dir(ltr)) {
    left: var(--sf-d0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d0 {
    right: var(--sf-d0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d0 {
    right: var(--sf-d0);
    }
  }
  .inline-start-d0:where(:dir(rtl)) {
    right: var(--sf-d0);
  }
  .inline-start-d0 {
    inset-inline-start: var(--sf-d0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d0 {
    left: calc(0rem - var(--sf-d0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d0 {
    left: calc(0rem - var(--sf-d0));
    }
  }
  .-inline-start-d0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d0 {
    right: calc(0rem - var(--sf-d0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d0 {
    right: calc(0rem - var(--sf-d0));
    }
  }
  .-inline-start-d0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d0));
  }
  .-inline-start-d0 {
    inset-inline-start: calc(0rem - var(--sf-d0));
  }
  .block-start-d0 {
    top: var(--sf-d0);
    inset-block-start: var(--sf-d0);
  }
  .-block-start-d0 {
    top: calc(0rem - var(--sf-d0));
    inset-block-start: calc(0rem - var(--sf-d0));
  }
  .block-end-d0 {
    bottom: var(--sf-d0);
    inset-block-end: var(--sf-d0);
  }
  .-block-end-d0 {
    bottom: calc(0rem - var(--sf-d0));
    inset-block-end: calc(0rem - var(--sf-d0));
  }
  .top-d1 {
    top: var(--sf-d1);
  }
  .-top-d1 {
    top: calc(0rem - var(--sf-d1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d1 {
    right: var(--sf-d1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d1 {
    right: var(--sf-d1);
    }
  }
  .inline-end-d1:where(:dir(ltr)) {
    right: var(--sf-d1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d1 {
    left: var(--sf-d1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d1 {
    left: var(--sf-d1);
    }
  }
  .inline-end-d1:where(:dir(rtl)) {
    left: var(--sf-d1);
  }
  .inline-end-d1 {
    inset-inline-end: var(--sf-d1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d1 {
    right: calc(0rem - var(--sf-d1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d1 {
    right: calc(0rem - var(--sf-d1));
    }
  }
  .-inline-end-d1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d1 {
    left: calc(0rem - var(--sf-d1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d1 {
    left: calc(0rem - var(--sf-d1));
    }
  }
  .-inline-end-d1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d1));
  }
  .-inline-end-d1 {
    inset-inline-end: calc(0rem - var(--sf-d1));
  }
  .bottom-d1 {
    bottom: var(--sf-d1);
  }
  .-bottom-d1 {
    bottom: calc(0rem - var(--sf-d1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d1 {
    left: var(--sf-d1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d1 {
    left: var(--sf-d1);
    }
  }
  .inline-start-d1:where(:dir(ltr)) {
    left: var(--sf-d1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d1 {
    right: var(--sf-d1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d1 {
    right: var(--sf-d1);
    }
  }
  .inline-start-d1:where(:dir(rtl)) {
    right: var(--sf-d1);
  }
  .inline-start-d1 {
    inset-inline-start: var(--sf-d1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d1 {
    left: calc(0rem - var(--sf-d1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d1 {
    left: calc(0rem - var(--sf-d1));
    }
  }
  .-inline-start-d1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d1 {
    right: calc(0rem - var(--sf-d1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d1 {
    right: calc(0rem - var(--sf-d1));
    }
  }
  .-inline-start-d1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d1));
  }
  .-inline-start-d1 {
    inset-inline-start: calc(0rem - var(--sf-d1));
  }
  .block-start-d1 {
    top: var(--sf-d1);
    inset-block-start: var(--sf-d1);
  }
  .-block-start-d1 {
    top: calc(0rem - var(--sf-d1));
    inset-block-start: calc(0rem - var(--sf-d1));
  }
  .block-end-d1 {
    bottom: var(--sf-d1);
    inset-block-end: var(--sf-d1);
  }
  .-block-end-d1 {
    bottom: calc(0rem - var(--sf-d1));
    inset-block-end: calc(0rem - var(--sf-d1));
  }
  .top-d2 {
    top: var(--sf-d2);
  }
  .-top-d2 {
    top: calc(0rem - var(--sf-d2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d2 {
    right: var(--sf-d2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d2 {
    right: var(--sf-d2);
    }
  }
  .inline-end-d2:where(:dir(ltr)) {
    right: var(--sf-d2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d2 {
    left: var(--sf-d2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d2 {
    left: var(--sf-d2);
    }
  }
  .inline-end-d2:where(:dir(rtl)) {
    left: var(--sf-d2);
  }
  .inline-end-d2 {
    inset-inline-end: var(--sf-d2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d2 {
    right: calc(0rem - var(--sf-d2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d2 {
    right: calc(0rem - var(--sf-d2));
    }
  }
  .-inline-end-d2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d2 {
    left: calc(0rem - var(--sf-d2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d2 {
    left: calc(0rem - var(--sf-d2));
    }
  }
  .-inline-end-d2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d2));
  }
  .-inline-end-d2 {
    inset-inline-end: calc(0rem - var(--sf-d2));
  }
  .bottom-d2 {
    bottom: var(--sf-d2);
  }
  .-bottom-d2 {
    bottom: calc(0rem - var(--sf-d2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d2 {
    left: var(--sf-d2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d2 {
    left: var(--sf-d2);
    }
  }
  .inline-start-d2:where(:dir(ltr)) {
    left: var(--sf-d2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d2 {
    right: var(--sf-d2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d2 {
    right: var(--sf-d2);
    }
  }
  .inline-start-d2:where(:dir(rtl)) {
    right: var(--sf-d2);
  }
  .inline-start-d2 {
    inset-inline-start: var(--sf-d2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d2 {
    left: calc(0rem - var(--sf-d2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d2 {
    left: calc(0rem - var(--sf-d2));
    }
  }
  .-inline-start-d2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d2 {
    right: calc(0rem - var(--sf-d2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d2 {
    right: calc(0rem - var(--sf-d2));
    }
  }
  .-inline-start-d2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d2));
  }
  .-inline-start-d2 {
    inset-inline-start: calc(0rem - var(--sf-d2));
  }
  .block-start-d2 {
    top: var(--sf-d2);
    inset-block-start: var(--sf-d2);
  }
  .-block-start-d2 {
    top: calc(0rem - var(--sf-d2));
    inset-block-start: calc(0rem - var(--sf-d2));
  }
  .block-end-d2 {
    bottom: var(--sf-d2);
    inset-block-end: var(--sf-d2);
  }
  .-block-end-d2 {
    bottom: calc(0rem - var(--sf-d2));
    inset-block-end: calc(0rem - var(--sf-d2));
  }
  .top-d3 {
    top: var(--sf-d3);
  }
  .-top-d3 {
    top: calc(0rem - var(--sf-d3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d3 {
    right: var(--sf-d3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d3 {
    right: var(--sf-d3);
    }
  }
  .inline-end-d3:where(:dir(ltr)) {
    right: var(--sf-d3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d3 {
    left: var(--sf-d3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d3 {
    left: var(--sf-d3);
    }
  }
  .inline-end-d3:where(:dir(rtl)) {
    left: var(--sf-d3);
  }
  .inline-end-d3 {
    inset-inline-end: var(--sf-d3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d3 {
    right: calc(0rem - var(--sf-d3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d3 {
    right: calc(0rem - var(--sf-d3));
    }
  }
  .-inline-end-d3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d3 {
    left: calc(0rem - var(--sf-d3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d3 {
    left: calc(0rem - var(--sf-d3));
    }
  }
  .-inline-end-d3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d3));
  }
  .-inline-end-d3 {
    inset-inline-end: calc(0rem - var(--sf-d3));
  }
  .bottom-d3 {
    bottom: var(--sf-d3);
  }
  .-bottom-d3 {
    bottom: calc(0rem - var(--sf-d3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d3 {
    left: var(--sf-d3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d3 {
    left: var(--sf-d3);
    }
  }
  .inline-start-d3:where(:dir(ltr)) {
    left: var(--sf-d3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d3 {
    right: var(--sf-d3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d3 {
    right: var(--sf-d3);
    }
  }
  .inline-start-d3:where(:dir(rtl)) {
    right: var(--sf-d3);
  }
  .inline-start-d3 {
    inset-inline-start: var(--sf-d3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d3 {
    left: calc(0rem - var(--sf-d3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d3 {
    left: calc(0rem - var(--sf-d3));
    }
  }
  .-inline-start-d3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d3 {
    right: calc(0rem - var(--sf-d3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d3 {
    right: calc(0rem - var(--sf-d3));
    }
  }
  .-inline-start-d3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d3));
  }
  .-inline-start-d3 {
    inset-inline-start: calc(0rem - var(--sf-d3));
  }
  .block-start-d3 {
    top: var(--sf-d3);
    inset-block-start: var(--sf-d3);
  }
  .-block-start-d3 {
    top: calc(0rem - var(--sf-d3));
    inset-block-start: calc(0rem - var(--sf-d3));
  }
  .block-end-d3 {
    bottom: var(--sf-d3);
    inset-block-end: var(--sf-d3);
  }
  .-block-end-d3 {
    bottom: calc(0rem - var(--sf-d3));
    inset-block-end: calc(0rem - var(--sf-d3));
  }
  .top-d4 {
    top: var(--sf-d4);
  }
  .-top-d4 {
    top: calc(0rem - var(--sf-d4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d4 {
    right: var(--sf-d4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d4 {
    right: var(--sf-d4);
    }
  }
  .inline-end-d4:where(:dir(ltr)) {
    right: var(--sf-d4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d4 {
    left: var(--sf-d4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d4 {
    left: var(--sf-d4);
    }
  }
  .inline-end-d4:where(:dir(rtl)) {
    left: var(--sf-d4);
  }
  .inline-end-d4 {
    inset-inline-end: var(--sf-d4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d4 {
    right: calc(0rem - var(--sf-d4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d4 {
    right: calc(0rem - var(--sf-d4));
    }
  }
  .-inline-end-d4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d4 {
    left: calc(0rem - var(--sf-d4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d4 {
    left: calc(0rem - var(--sf-d4));
    }
  }
  .-inline-end-d4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d4));
  }
  .-inline-end-d4 {
    inset-inline-end: calc(0rem - var(--sf-d4));
  }
  .bottom-d4 {
    bottom: var(--sf-d4);
  }
  .-bottom-d4 {
    bottom: calc(0rem - var(--sf-d4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d4 {
    left: var(--sf-d4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d4 {
    left: var(--sf-d4);
    }
  }
  .inline-start-d4:where(:dir(ltr)) {
    left: var(--sf-d4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d4 {
    right: var(--sf-d4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d4 {
    right: var(--sf-d4);
    }
  }
  .inline-start-d4:where(:dir(rtl)) {
    right: var(--sf-d4);
  }
  .inline-start-d4 {
    inset-inline-start: var(--sf-d4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d4 {
    left: calc(0rem - var(--sf-d4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d4 {
    left: calc(0rem - var(--sf-d4));
    }
  }
  .-inline-start-d4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d4 {
    right: calc(0rem - var(--sf-d4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d4 {
    right: calc(0rem - var(--sf-d4));
    }
  }
  .-inline-start-d4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d4));
  }
  .-inline-start-d4 {
    inset-inline-start: calc(0rem - var(--sf-d4));
  }
  .block-start-d4 {
    top: var(--sf-d4);
    inset-block-start: var(--sf-d4);
  }
  .-block-start-d4 {
    top: calc(0rem - var(--sf-d4));
    inset-block-start: calc(0rem - var(--sf-d4));
  }
  .block-end-d4 {
    bottom: var(--sf-d4);
    inset-block-end: var(--sf-d4);
  }
  .-block-end-d4 {
    bottom: calc(0rem - var(--sf-d4));
    inset-block-end: calc(0rem - var(--sf-d4));
  }
  .top-d5 {
    top: var(--sf-d5);
  }
  .-top-d5 {
    top: calc(0rem - var(--sf-d5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d5 {
    right: var(--sf-d5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d5 {
    right: var(--sf-d5);
    }
  }
  .inline-end-d5:where(:dir(ltr)) {
    right: var(--sf-d5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d5 {
    left: var(--sf-d5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d5 {
    left: var(--sf-d5);
    }
  }
  .inline-end-d5:where(:dir(rtl)) {
    left: var(--sf-d5);
  }
  .inline-end-d5 {
    inset-inline-end: var(--sf-d5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d5 {
    right: calc(0rem - var(--sf-d5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d5 {
    right: calc(0rem - var(--sf-d5));
    }
  }
  .-inline-end-d5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d5 {
    left: calc(0rem - var(--sf-d5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d5 {
    left: calc(0rem - var(--sf-d5));
    }
  }
  .-inline-end-d5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d5));
  }
  .-inline-end-d5 {
    inset-inline-end: calc(0rem - var(--sf-d5));
  }
  .bottom-d5 {
    bottom: var(--sf-d5);
  }
  .-bottom-d5 {
    bottom: calc(0rem - var(--sf-d5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d5 {
    left: var(--sf-d5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d5 {
    left: var(--sf-d5);
    }
  }
  .inline-start-d5:where(:dir(ltr)) {
    left: var(--sf-d5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d5 {
    right: var(--sf-d5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d5 {
    right: var(--sf-d5);
    }
  }
  .inline-start-d5:where(:dir(rtl)) {
    right: var(--sf-d5);
  }
  .inline-start-d5 {
    inset-inline-start: var(--sf-d5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d5 {
    left: calc(0rem - var(--sf-d5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d5 {
    left: calc(0rem - var(--sf-d5));
    }
  }
  .-inline-start-d5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d5 {
    right: calc(0rem - var(--sf-d5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d5 {
    right: calc(0rem - var(--sf-d5));
    }
  }
  .-inline-start-d5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d5));
  }
  .-inline-start-d5 {
    inset-inline-start: calc(0rem - var(--sf-d5));
  }
  .block-start-d5 {
    top: var(--sf-d5);
    inset-block-start: var(--sf-d5);
  }
  .-block-start-d5 {
    top: calc(0rem - var(--sf-d5));
    inset-block-start: calc(0rem - var(--sf-d5));
  }
  .block-end-d5 {
    bottom: var(--sf-d5);
    inset-block-end: var(--sf-d5);
  }
  .-block-end-d5 {
    bottom: calc(0rem - var(--sf-d5));
    inset-block-end: calc(0rem - var(--sf-d5));
  }
  .top-d6 {
    top: var(--sf-d6);
  }
  .-top-d6 {
    top: calc(0rem - var(--sf-d6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d6 {
    right: var(--sf-d6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d6 {
    right: var(--sf-d6);
    }
  }
  .inline-end-d6:where(:dir(ltr)) {
    right: var(--sf-d6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d6 {
    left: var(--sf-d6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d6 {
    left: var(--sf-d6);
    }
  }
  .inline-end-d6:where(:dir(rtl)) {
    left: var(--sf-d6);
  }
  .inline-end-d6 {
    inset-inline-end: var(--sf-d6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d6 {
    right: calc(0rem - var(--sf-d6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d6 {
    right: calc(0rem - var(--sf-d6));
    }
  }
  .-inline-end-d6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d6 {
    left: calc(0rem - var(--sf-d6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d6 {
    left: calc(0rem - var(--sf-d6));
    }
  }
  .-inline-end-d6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d6));
  }
  .-inline-end-d6 {
    inset-inline-end: calc(0rem - var(--sf-d6));
  }
  .bottom-d6 {
    bottom: var(--sf-d6);
  }
  .-bottom-d6 {
    bottom: calc(0rem - var(--sf-d6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d6 {
    left: var(--sf-d6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d6 {
    left: var(--sf-d6);
    }
  }
  .inline-start-d6:where(:dir(ltr)) {
    left: var(--sf-d6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d6 {
    right: var(--sf-d6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d6 {
    right: var(--sf-d6);
    }
  }
  .inline-start-d6:where(:dir(rtl)) {
    right: var(--sf-d6);
  }
  .inline-start-d6 {
    inset-inline-start: var(--sf-d6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d6 {
    left: calc(0rem - var(--sf-d6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d6 {
    left: calc(0rem - var(--sf-d6));
    }
  }
  .-inline-start-d6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d6 {
    right: calc(0rem - var(--sf-d6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d6 {
    right: calc(0rem - var(--sf-d6));
    }
  }
  .-inline-start-d6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d6));
  }
  .-inline-start-d6 {
    inset-inline-start: calc(0rem - var(--sf-d6));
  }
  .block-start-d6 {
    top: var(--sf-d6);
    inset-block-start: var(--sf-d6);
  }
  .-block-start-d6 {
    top: calc(0rem - var(--sf-d6));
    inset-block-start: calc(0rem - var(--sf-d6));
  }
  .block-end-d6 {
    bottom: var(--sf-d6);
    inset-block-end: var(--sf-d6);
  }
  .-block-end-d6 {
    bottom: calc(0rem - var(--sf-d6));
    inset-block-end: calc(0rem - var(--sf-d6));
  }
  .top-d7 {
    top: var(--sf-d7);
  }
  .-top-d7 {
    top: calc(0rem - var(--sf-d7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d7 {
    right: var(--sf-d7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d7 {
    right: var(--sf-d7);
    }
  }
  .inline-end-d7:where(:dir(ltr)) {
    right: var(--sf-d7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d7 {
    left: var(--sf-d7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d7 {
    left: var(--sf-d7);
    }
  }
  .inline-end-d7:where(:dir(rtl)) {
    left: var(--sf-d7);
  }
  .inline-end-d7 {
    inset-inline-end: var(--sf-d7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d7 {
    right: calc(0rem - var(--sf-d7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d7 {
    right: calc(0rem - var(--sf-d7));
    }
  }
  .-inline-end-d7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d7 {
    left: calc(0rem - var(--sf-d7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d7 {
    left: calc(0rem - var(--sf-d7));
    }
  }
  .-inline-end-d7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d7));
  }
  .-inline-end-d7 {
    inset-inline-end: calc(0rem - var(--sf-d7));
  }
  .bottom-d7 {
    bottom: var(--sf-d7);
  }
  .-bottom-d7 {
    bottom: calc(0rem - var(--sf-d7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d7 {
    left: var(--sf-d7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d7 {
    left: var(--sf-d7);
    }
  }
  .inline-start-d7:where(:dir(ltr)) {
    left: var(--sf-d7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d7 {
    right: var(--sf-d7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d7 {
    right: var(--sf-d7);
    }
  }
  .inline-start-d7:where(:dir(rtl)) {
    right: var(--sf-d7);
  }
  .inline-start-d7 {
    inset-inline-start: var(--sf-d7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d7 {
    left: calc(0rem - var(--sf-d7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d7 {
    left: calc(0rem - var(--sf-d7));
    }
  }
  .-inline-start-d7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d7 {
    right: calc(0rem - var(--sf-d7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d7 {
    right: calc(0rem - var(--sf-d7));
    }
  }
  .-inline-start-d7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d7));
  }
  .-inline-start-d7 {
    inset-inline-start: calc(0rem - var(--sf-d7));
  }
  .block-start-d7 {
    top: var(--sf-d7);
    inset-block-start: var(--sf-d7);
  }
  .-block-start-d7 {
    top: calc(0rem - var(--sf-d7));
    inset-block-start: calc(0rem - var(--sf-d7));
  }
  .block-end-d7 {
    bottom: var(--sf-d7);
    inset-block-end: var(--sf-d7);
  }
  .-block-end-d7 {
    bottom: calc(0rem - var(--sf-d7));
    inset-block-end: calc(0rem - var(--sf-d7));
  }
  .top-d8 {
    top: var(--sf-d8);
  }
  .-top-d8 {
    top: calc(0rem - var(--sf-d8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d8 {
    right: var(--sf-d8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d8 {
    right: var(--sf-d8);
    }
  }
  .inline-end-d8:where(:dir(ltr)) {
    right: var(--sf-d8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d8 {
    left: var(--sf-d8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d8 {
    left: var(--sf-d8);
    }
  }
  .inline-end-d8:where(:dir(rtl)) {
    left: var(--sf-d8);
  }
  .inline-end-d8 {
    inset-inline-end: var(--sf-d8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d8 {
    right: calc(0rem - var(--sf-d8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d8 {
    right: calc(0rem - var(--sf-d8));
    }
  }
  .-inline-end-d8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d8 {
    left: calc(0rem - var(--sf-d8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d8 {
    left: calc(0rem - var(--sf-d8));
    }
  }
  .-inline-end-d8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d8));
  }
  .-inline-end-d8 {
    inset-inline-end: calc(0rem - var(--sf-d8));
  }
  .bottom-d8 {
    bottom: var(--sf-d8);
  }
  .-bottom-d8 {
    bottom: calc(0rem - var(--sf-d8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d8 {
    left: var(--sf-d8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d8 {
    left: var(--sf-d8);
    }
  }
  .inline-start-d8:where(:dir(ltr)) {
    left: var(--sf-d8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d8 {
    right: var(--sf-d8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d8 {
    right: var(--sf-d8);
    }
  }
  .inline-start-d8:where(:dir(rtl)) {
    right: var(--sf-d8);
  }
  .inline-start-d8 {
    inset-inline-start: var(--sf-d8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d8 {
    left: calc(0rem - var(--sf-d8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d8 {
    left: calc(0rem - var(--sf-d8));
    }
  }
  .-inline-start-d8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d8 {
    right: calc(0rem - var(--sf-d8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d8 {
    right: calc(0rem - var(--sf-d8));
    }
  }
  .-inline-start-d8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d8));
  }
  .-inline-start-d8 {
    inset-inline-start: calc(0rem - var(--sf-d8));
  }
  .block-start-d8 {
    top: var(--sf-d8);
    inset-block-start: var(--sf-d8);
  }
  .-block-start-d8 {
    top: calc(0rem - var(--sf-d8));
    inset-block-start: calc(0rem - var(--sf-d8));
  }
  .block-end-d8 {
    bottom: var(--sf-d8);
    inset-block-end: var(--sf-d8);
  }
  .-block-end-d8 {
    bottom: calc(0rem - var(--sf-d8));
    inset-block-end: calc(0rem - var(--sf-d8));
  }
  .top-d9 {
    top: var(--sf-d9);
  }
  .-top-d9 {
    top: calc(0rem - var(--sf-d9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-d9 {
    right: var(--sf-d9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-d9 {
    right: var(--sf-d9);
    }
  }
  .inline-end-d9:where(:dir(ltr)) {
    right: var(--sf-d9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-d9 {
    left: var(--sf-d9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-d9 {
    left: var(--sf-d9);
    }
  }
  .inline-end-d9:where(:dir(rtl)) {
    left: var(--sf-d9);
  }
  .inline-end-d9 {
    inset-inline-end: var(--sf-d9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-d9 {
    right: calc(0rem - var(--sf-d9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-d9 {
    right: calc(0rem - var(--sf-d9));
    }
  }
  .-inline-end-d9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-d9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-d9 {
    left: calc(0rem - var(--sf-d9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-d9 {
    left: calc(0rem - var(--sf-d9));
    }
  }
  .-inline-end-d9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-d9));
  }
  .-inline-end-d9 {
    inset-inline-end: calc(0rem - var(--sf-d9));
  }
  .bottom-d9 {
    bottom: var(--sf-d9);
  }
  .-bottom-d9 {
    bottom: calc(0rem - var(--sf-d9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-d9 {
    left: var(--sf-d9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-d9 {
    left: var(--sf-d9);
    }
  }
  .inline-start-d9:where(:dir(ltr)) {
    left: var(--sf-d9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-d9 {
    right: var(--sf-d9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-d9 {
    right: var(--sf-d9);
    }
  }
  .inline-start-d9:where(:dir(rtl)) {
    right: var(--sf-d9);
  }
  .inline-start-d9 {
    inset-inline-start: var(--sf-d9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-d9 {
    left: calc(0rem - var(--sf-d9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-d9 {
    left: calc(0rem - var(--sf-d9));
    }
  }
  .-inline-start-d9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-d9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-d9 {
    right: calc(0rem - var(--sf-d9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-d9 {
    right: calc(0rem - var(--sf-d9));
    }
  }
  .-inline-start-d9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-d9));
  }
  .-inline-start-d9 {
    inset-inline-start: calc(0rem - var(--sf-d9));
  }
  .block-start-d9 {
    top: var(--sf-d9);
    inset-block-start: var(--sf-d9);
  }
  .-block-start-d9 {
    top: calc(0rem - var(--sf-d9));
    inset-block-start: calc(0rem - var(--sf-d9));
  }
  .block-end-d9 {
    bottom: var(--sf-d9);
    inset-block-end: var(--sf-d9);
  }
  .-block-end-d9 {
    bottom: calc(0rem - var(--sf-d9));
    inset-block-end: calc(0rem - var(--sf-d9));
  }
  .top-e0 {
    top: var(--sf-e0);
  }
  .-top-e0 {
    top: calc(0rem - var(--sf-e0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e0 {
    right: var(--sf-e0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e0 {
    right: var(--sf-e0);
    }
  }
  .inline-end-e0:where(:dir(ltr)) {
    right: var(--sf-e0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e0 {
    left: var(--sf-e0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e0 {
    left: var(--sf-e0);
    }
  }
  .inline-end-e0:where(:dir(rtl)) {
    left: var(--sf-e0);
  }
  .inline-end-e0 {
    inset-inline-end: var(--sf-e0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e0 {
    right: calc(0rem - var(--sf-e0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e0 {
    right: calc(0rem - var(--sf-e0));
    }
  }
  .-inline-end-e0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e0 {
    left: calc(0rem - var(--sf-e0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e0 {
    left: calc(0rem - var(--sf-e0));
    }
  }
  .-inline-end-e0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e0));
  }
  .-inline-end-e0 {
    inset-inline-end: calc(0rem - var(--sf-e0));
  }
  .bottom-e0 {
    bottom: var(--sf-e0);
  }
  .-bottom-e0 {
    bottom: calc(0rem - var(--sf-e0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e0 {
    left: var(--sf-e0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e0 {
    left: var(--sf-e0);
    }
  }
  .inline-start-e0:where(:dir(ltr)) {
    left: var(--sf-e0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e0 {
    right: var(--sf-e0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e0 {
    right: var(--sf-e0);
    }
  }
  .inline-start-e0:where(:dir(rtl)) {
    right: var(--sf-e0);
  }
  .inline-start-e0 {
    inset-inline-start: var(--sf-e0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e0 {
    left: calc(0rem - var(--sf-e0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e0 {
    left: calc(0rem - var(--sf-e0));
    }
  }
  .-inline-start-e0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e0 {
    right: calc(0rem - var(--sf-e0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e0 {
    right: calc(0rem - var(--sf-e0));
    }
  }
  .-inline-start-e0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e0));
  }
  .-inline-start-e0 {
    inset-inline-start: calc(0rem - var(--sf-e0));
  }
  .block-start-e0 {
    top: var(--sf-e0);
    inset-block-start: var(--sf-e0);
  }
  .-block-start-e0 {
    top: calc(0rem - var(--sf-e0));
    inset-block-start: calc(0rem - var(--sf-e0));
  }
  .block-end-e0 {
    bottom: var(--sf-e0);
    inset-block-end: var(--sf-e0);
  }
  .-block-end-e0 {
    bottom: calc(0rem - var(--sf-e0));
    inset-block-end: calc(0rem - var(--sf-e0));
  }
  .top-e1 {
    top: var(--sf-e1);
  }
  .-top-e1 {
    top: calc(0rem - var(--sf-e1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e1 {
    right: var(--sf-e1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e1 {
    right: var(--sf-e1);
    }
  }
  .inline-end-e1:where(:dir(ltr)) {
    right: var(--sf-e1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e1 {
    left: var(--sf-e1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e1 {
    left: var(--sf-e1);
    }
  }
  .inline-end-e1:where(:dir(rtl)) {
    left: var(--sf-e1);
  }
  .inline-end-e1 {
    inset-inline-end: var(--sf-e1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e1 {
    right: calc(0rem - var(--sf-e1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e1 {
    right: calc(0rem - var(--sf-e1));
    }
  }
  .-inline-end-e1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e1 {
    left: calc(0rem - var(--sf-e1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e1 {
    left: calc(0rem - var(--sf-e1));
    }
  }
  .-inline-end-e1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e1));
  }
  .-inline-end-e1 {
    inset-inline-end: calc(0rem - var(--sf-e1));
  }
  .bottom-e1 {
    bottom: var(--sf-e1);
  }
  .-bottom-e1 {
    bottom: calc(0rem - var(--sf-e1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e1 {
    left: var(--sf-e1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e1 {
    left: var(--sf-e1);
    }
  }
  .inline-start-e1:where(:dir(ltr)) {
    left: var(--sf-e1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e1 {
    right: var(--sf-e1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e1 {
    right: var(--sf-e1);
    }
  }
  .inline-start-e1:where(:dir(rtl)) {
    right: var(--sf-e1);
  }
  .inline-start-e1 {
    inset-inline-start: var(--sf-e1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e1 {
    left: calc(0rem - var(--sf-e1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e1 {
    left: calc(0rem - var(--sf-e1));
    }
  }
  .-inline-start-e1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e1 {
    right: calc(0rem - var(--sf-e1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e1 {
    right: calc(0rem - var(--sf-e1));
    }
  }
  .-inline-start-e1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e1));
  }
  .-inline-start-e1 {
    inset-inline-start: calc(0rem - var(--sf-e1));
  }
  .block-start-e1 {
    top: var(--sf-e1);
    inset-block-start: var(--sf-e1);
  }
  .-block-start-e1 {
    top: calc(0rem - var(--sf-e1));
    inset-block-start: calc(0rem - var(--sf-e1));
  }
  .block-end-e1 {
    bottom: var(--sf-e1);
    inset-block-end: var(--sf-e1);
  }
  .-block-end-e1 {
    bottom: calc(0rem - var(--sf-e1));
    inset-block-end: calc(0rem - var(--sf-e1));
  }
  .top-e2 {
    top: var(--sf-e2);
  }
  .-top-e2 {
    top: calc(0rem - var(--sf-e2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e2 {
    right: var(--sf-e2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e2 {
    right: var(--sf-e2);
    }
  }
  .inline-end-e2:where(:dir(ltr)) {
    right: var(--sf-e2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e2 {
    left: var(--sf-e2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e2 {
    left: var(--sf-e2);
    }
  }
  .inline-end-e2:where(:dir(rtl)) {
    left: var(--sf-e2);
  }
  .inline-end-e2 {
    inset-inline-end: var(--sf-e2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e2 {
    right: calc(0rem - var(--sf-e2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e2 {
    right: calc(0rem - var(--sf-e2));
    }
  }
  .-inline-end-e2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e2 {
    left: calc(0rem - var(--sf-e2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e2 {
    left: calc(0rem - var(--sf-e2));
    }
  }
  .-inline-end-e2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e2));
  }
  .-inline-end-e2 {
    inset-inline-end: calc(0rem - var(--sf-e2));
  }
  .bottom-e2 {
    bottom: var(--sf-e2);
  }
  .-bottom-e2 {
    bottom: calc(0rem - var(--sf-e2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e2 {
    left: var(--sf-e2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e2 {
    left: var(--sf-e2);
    }
  }
  .inline-start-e2:where(:dir(ltr)) {
    left: var(--sf-e2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e2 {
    right: var(--sf-e2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e2 {
    right: var(--sf-e2);
    }
  }
  .inline-start-e2:where(:dir(rtl)) {
    right: var(--sf-e2);
  }
  .inline-start-e2 {
    inset-inline-start: var(--sf-e2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e2 {
    left: calc(0rem - var(--sf-e2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e2 {
    left: calc(0rem - var(--sf-e2));
    }
  }
  .-inline-start-e2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e2 {
    right: calc(0rem - var(--sf-e2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e2 {
    right: calc(0rem - var(--sf-e2));
    }
  }
  .-inline-start-e2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e2));
  }
  .-inline-start-e2 {
    inset-inline-start: calc(0rem - var(--sf-e2));
  }
  .block-start-e2 {
    top: var(--sf-e2);
    inset-block-start: var(--sf-e2);
  }
  .-block-start-e2 {
    top: calc(0rem - var(--sf-e2));
    inset-block-start: calc(0rem - var(--sf-e2));
  }
  .block-end-e2 {
    bottom: var(--sf-e2);
    inset-block-end: var(--sf-e2);
  }
  .-block-end-e2 {
    bottom: calc(0rem - var(--sf-e2));
    inset-block-end: calc(0rem - var(--sf-e2));
  }
  .top-e3 {
    top: var(--sf-e3);
  }
  .-top-e3 {
    top: calc(0rem - var(--sf-e3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e3 {
    right: var(--sf-e3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e3 {
    right: var(--sf-e3);
    }
  }
  .inline-end-e3:where(:dir(ltr)) {
    right: var(--sf-e3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e3 {
    left: var(--sf-e3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e3 {
    left: var(--sf-e3);
    }
  }
  .inline-end-e3:where(:dir(rtl)) {
    left: var(--sf-e3);
  }
  .inline-end-e3 {
    inset-inline-end: var(--sf-e3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e3 {
    right: calc(0rem - var(--sf-e3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e3 {
    right: calc(0rem - var(--sf-e3));
    }
  }
  .-inline-end-e3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e3 {
    left: calc(0rem - var(--sf-e3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e3 {
    left: calc(0rem - var(--sf-e3));
    }
  }
  .-inline-end-e3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e3));
  }
  .-inline-end-e3 {
    inset-inline-end: calc(0rem - var(--sf-e3));
  }
  .bottom-e3 {
    bottom: var(--sf-e3);
  }
  .-bottom-e3 {
    bottom: calc(0rem - var(--sf-e3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e3 {
    left: var(--sf-e3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e3 {
    left: var(--sf-e3);
    }
  }
  .inline-start-e3:where(:dir(ltr)) {
    left: var(--sf-e3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e3 {
    right: var(--sf-e3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e3 {
    right: var(--sf-e3);
    }
  }
  .inline-start-e3:where(:dir(rtl)) {
    right: var(--sf-e3);
  }
  .inline-start-e3 {
    inset-inline-start: var(--sf-e3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e3 {
    left: calc(0rem - var(--sf-e3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e3 {
    left: calc(0rem - var(--sf-e3));
    }
  }
  .-inline-start-e3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e3 {
    right: calc(0rem - var(--sf-e3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e3 {
    right: calc(0rem - var(--sf-e3));
    }
  }
  .-inline-start-e3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e3));
  }
  .-inline-start-e3 {
    inset-inline-start: calc(0rem - var(--sf-e3));
  }
  .block-start-e3 {
    top: var(--sf-e3);
    inset-block-start: var(--sf-e3);
  }
  .-block-start-e3 {
    top: calc(0rem - var(--sf-e3));
    inset-block-start: calc(0rem - var(--sf-e3));
  }
  .block-end-e3 {
    bottom: var(--sf-e3);
    inset-block-end: var(--sf-e3);
  }
  .-block-end-e3 {
    bottom: calc(0rem - var(--sf-e3));
    inset-block-end: calc(0rem - var(--sf-e3));
  }
  .top-e4 {
    top: var(--sf-e4);
  }
  .-top-e4 {
    top: calc(0rem - var(--sf-e4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e4 {
    right: var(--sf-e4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e4 {
    right: var(--sf-e4);
    }
  }
  .inline-end-e4:where(:dir(ltr)) {
    right: var(--sf-e4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e4 {
    left: var(--sf-e4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e4 {
    left: var(--sf-e4);
    }
  }
  .inline-end-e4:where(:dir(rtl)) {
    left: var(--sf-e4);
  }
  .inline-end-e4 {
    inset-inline-end: var(--sf-e4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e4 {
    right: calc(0rem - var(--sf-e4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e4 {
    right: calc(0rem - var(--sf-e4));
    }
  }
  .-inline-end-e4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e4 {
    left: calc(0rem - var(--sf-e4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e4 {
    left: calc(0rem - var(--sf-e4));
    }
  }
  .-inline-end-e4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e4));
  }
  .-inline-end-e4 {
    inset-inline-end: calc(0rem - var(--sf-e4));
  }
  .bottom-e4 {
    bottom: var(--sf-e4);
  }
  .-bottom-e4 {
    bottom: calc(0rem - var(--sf-e4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e4 {
    left: var(--sf-e4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e4 {
    left: var(--sf-e4);
    }
  }
  .inline-start-e4:where(:dir(ltr)) {
    left: var(--sf-e4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e4 {
    right: var(--sf-e4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e4 {
    right: var(--sf-e4);
    }
  }
  .inline-start-e4:where(:dir(rtl)) {
    right: var(--sf-e4);
  }
  .inline-start-e4 {
    inset-inline-start: var(--sf-e4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e4 {
    left: calc(0rem - var(--sf-e4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e4 {
    left: calc(0rem - var(--sf-e4));
    }
  }
  .-inline-start-e4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e4 {
    right: calc(0rem - var(--sf-e4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e4 {
    right: calc(0rem - var(--sf-e4));
    }
  }
  .-inline-start-e4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e4));
  }
  .-inline-start-e4 {
    inset-inline-start: calc(0rem - var(--sf-e4));
  }
  .block-start-e4 {
    top: var(--sf-e4);
    inset-block-start: var(--sf-e4);
  }
  .-block-start-e4 {
    top: calc(0rem - var(--sf-e4));
    inset-block-start: calc(0rem - var(--sf-e4));
  }
  .block-end-e4 {
    bottom: var(--sf-e4);
    inset-block-end: var(--sf-e4);
  }
  .-block-end-e4 {
    bottom: calc(0rem - var(--sf-e4));
    inset-block-end: calc(0rem - var(--sf-e4));
  }
  .top-e5 {
    top: var(--sf-e5);
  }
  .-top-e5 {
    top: calc(0rem - var(--sf-e5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e5 {
    right: var(--sf-e5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e5 {
    right: var(--sf-e5);
    }
  }
  .inline-end-e5:where(:dir(ltr)) {
    right: var(--sf-e5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e5 {
    left: var(--sf-e5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e5 {
    left: var(--sf-e5);
    }
  }
  .inline-end-e5:where(:dir(rtl)) {
    left: var(--sf-e5);
  }
  .inline-end-e5 {
    inset-inline-end: var(--sf-e5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e5 {
    right: calc(0rem - var(--sf-e5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e5 {
    right: calc(0rem - var(--sf-e5));
    }
  }
  .-inline-end-e5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e5 {
    left: calc(0rem - var(--sf-e5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e5 {
    left: calc(0rem - var(--sf-e5));
    }
  }
  .-inline-end-e5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e5));
  }
  .-inline-end-e5 {
    inset-inline-end: calc(0rem - var(--sf-e5));
  }
  .bottom-e5 {
    bottom: var(--sf-e5);
  }
  .-bottom-e5 {
    bottom: calc(0rem - var(--sf-e5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e5 {
    left: var(--sf-e5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e5 {
    left: var(--sf-e5);
    }
  }
  .inline-start-e5:where(:dir(ltr)) {
    left: var(--sf-e5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e5 {
    right: var(--sf-e5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e5 {
    right: var(--sf-e5);
    }
  }
  .inline-start-e5:where(:dir(rtl)) {
    right: var(--sf-e5);
  }
  .inline-start-e5 {
    inset-inline-start: var(--sf-e5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e5 {
    left: calc(0rem - var(--sf-e5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e5 {
    left: calc(0rem - var(--sf-e5));
    }
  }
  .-inline-start-e5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e5 {
    right: calc(0rem - var(--sf-e5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e5 {
    right: calc(0rem - var(--sf-e5));
    }
  }
  .-inline-start-e5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e5));
  }
  .-inline-start-e5 {
    inset-inline-start: calc(0rem - var(--sf-e5));
  }
  .block-start-e5 {
    top: var(--sf-e5);
    inset-block-start: var(--sf-e5);
  }
  .-block-start-e5 {
    top: calc(0rem - var(--sf-e5));
    inset-block-start: calc(0rem - var(--sf-e5));
  }
  .block-end-e5 {
    bottom: var(--sf-e5);
    inset-block-end: var(--sf-e5);
  }
  .-block-end-e5 {
    bottom: calc(0rem - var(--sf-e5));
    inset-block-end: calc(0rem - var(--sf-e5));
  }
  .top-e6 {
    top: var(--sf-e6);
  }
  .-top-e6 {
    top: calc(0rem - var(--sf-e6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e6 {
    right: var(--sf-e6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e6 {
    right: var(--sf-e6);
    }
  }
  .inline-end-e6:where(:dir(ltr)) {
    right: var(--sf-e6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e6 {
    left: var(--sf-e6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e6 {
    left: var(--sf-e6);
    }
  }
  .inline-end-e6:where(:dir(rtl)) {
    left: var(--sf-e6);
  }
  .inline-end-e6 {
    inset-inline-end: var(--sf-e6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e6 {
    right: calc(0rem - var(--sf-e6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e6 {
    right: calc(0rem - var(--sf-e6));
    }
  }
  .-inline-end-e6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e6 {
    left: calc(0rem - var(--sf-e6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e6 {
    left: calc(0rem - var(--sf-e6));
    }
  }
  .-inline-end-e6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e6));
  }
  .-inline-end-e6 {
    inset-inline-end: calc(0rem - var(--sf-e6));
  }
  .bottom-e6 {
    bottom: var(--sf-e6);
  }
  .-bottom-e6 {
    bottom: calc(0rem - var(--sf-e6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e6 {
    left: var(--sf-e6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e6 {
    left: var(--sf-e6);
    }
  }
  .inline-start-e6:where(:dir(ltr)) {
    left: var(--sf-e6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e6 {
    right: var(--sf-e6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e6 {
    right: var(--sf-e6);
    }
  }
  .inline-start-e6:where(:dir(rtl)) {
    right: var(--sf-e6);
  }
  .inline-start-e6 {
    inset-inline-start: var(--sf-e6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e6 {
    left: calc(0rem - var(--sf-e6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e6 {
    left: calc(0rem - var(--sf-e6));
    }
  }
  .-inline-start-e6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e6 {
    right: calc(0rem - var(--sf-e6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e6 {
    right: calc(0rem - var(--sf-e6));
    }
  }
  .-inline-start-e6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e6));
  }
  .-inline-start-e6 {
    inset-inline-start: calc(0rem - var(--sf-e6));
  }
  .block-start-e6 {
    top: var(--sf-e6);
    inset-block-start: var(--sf-e6);
  }
  .-block-start-e6 {
    top: calc(0rem - var(--sf-e6));
    inset-block-start: calc(0rem - var(--sf-e6));
  }
  .block-end-e6 {
    bottom: var(--sf-e6);
    inset-block-end: var(--sf-e6);
  }
  .-block-end-e6 {
    bottom: calc(0rem - var(--sf-e6));
    inset-block-end: calc(0rem - var(--sf-e6));
  }
  .top-e7 {
    top: var(--sf-e7);
  }
  .-top-e7 {
    top: calc(0rem - var(--sf-e7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e7 {
    right: var(--sf-e7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e7 {
    right: var(--sf-e7);
    }
  }
  .inline-end-e7:where(:dir(ltr)) {
    right: var(--sf-e7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e7 {
    left: var(--sf-e7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e7 {
    left: var(--sf-e7);
    }
  }
  .inline-end-e7:where(:dir(rtl)) {
    left: var(--sf-e7);
  }
  .inline-end-e7 {
    inset-inline-end: var(--sf-e7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e7 {
    right: calc(0rem - var(--sf-e7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e7 {
    right: calc(0rem - var(--sf-e7));
    }
  }
  .-inline-end-e7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e7 {
    left: calc(0rem - var(--sf-e7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e7 {
    left: calc(0rem - var(--sf-e7));
    }
  }
  .-inline-end-e7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e7));
  }
  .-inline-end-e7 {
    inset-inline-end: calc(0rem - var(--sf-e7));
  }
  .bottom-e7 {
    bottom: var(--sf-e7);
  }
  .-bottom-e7 {
    bottom: calc(0rem - var(--sf-e7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e7 {
    left: var(--sf-e7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e7 {
    left: var(--sf-e7);
    }
  }
  .inline-start-e7:where(:dir(ltr)) {
    left: var(--sf-e7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e7 {
    right: var(--sf-e7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e7 {
    right: var(--sf-e7);
    }
  }
  .inline-start-e7:where(:dir(rtl)) {
    right: var(--sf-e7);
  }
  .inline-start-e7 {
    inset-inline-start: var(--sf-e7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e7 {
    left: calc(0rem - var(--sf-e7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e7 {
    left: calc(0rem - var(--sf-e7));
    }
  }
  .-inline-start-e7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e7 {
    right: calc(0rem - var(--sf-e7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e7 {
    right: calc(0rem - var(--sf-e7));
    }
  }
  .-inline-start-e7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e7));
  }
  .-inline-start-e7 {
    inset-inline-start: calc(0rem - var(--sf-e7));
  }
  .block-start-e7 {
    top: var(--sf-e7);
    inset-block-start: var(--sf-e7);
  }
  .-block-start-e7 {
    top: calc(0rem - var(--sf-e7));
    inset-block-start: calc(0rem - var(--sf-e7));
  }
  .block-end-e7 {
    bottom: var(--sf-e7);
    inset-block-end: var(--sf-e7);
  }
  .-block-end-e7 {
    bottom: calc(0rem - var(--sf-e7));
    inset-block-end: calc(0rem - var(--sf-e7));
  }
  .top-e8 {
    top: var(--sf-e8);
  }
  .-top-e8 {
    top: calc(0rem - var(--sf-e8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e8 {
    right: var(--sf-e8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e8 {
    right: var(--sf-e8);
    }
  }
  .inline-end-e8:where(:dir(ltr)) {
    right: var(--sf-e8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e8 {
    left: var(--sf-e8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e8 {
    left: var(--sf-e8);
    }
  }
  .inline-end-e8:where(:dir(rtl)) {
    left: var(--sf-e8);
  }
  .inline-end-e8 {
    inset-inline-end: var(--sf-e8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e8 {
    right: calc(0rem - var(--sf-e8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e8 {
    right: calc(0rem - var(--sf-e8));
    }
  }
  .-inline-end-e8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e8 {
    left: calc(0rem - var(--sf-e8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e8 {
    left: calc(0rem - var(--sf-e8));
    }
  }
  .-inline-end-e8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e8));
  }
  .-inline-end-e8 {
    inset-inline-end: calc(0rem - var(--sf-e8));
  }
  .bottom-e8 {
    bottom: var(--sf-e8);
  }
  .-bottom-e8 {
    bottom: calc(0rem - var(--sf-e8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e8 {
    left: var(--sf-e8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e8 {
    left: var(--sf-e8);
    }
  }
  .inline-start-e8:where(:dir(ltr)) {
    left: var(--sf-e8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e8 {
    right: var(--sf-e8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e8 {
    right: var(--sf-e8);
    }
  }
  .inline-start-e8:where(:dir(rtl)) {
    right: var(--sf-e8);
  }
  .inline-start-e8 {
    inset-inline-start: var(--sf-e8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e8 {
    left: calc(0rem - var(--sf-e8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e8 {
    left: calc(0rem - var(--sf-e8));
    }
  }
  .-inline-start-e8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e8 {
    right: calc(0rem - var(--sf-e8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e8 {
    right: calc(0rem - var(--sf-e8));
    }
  }
  .-inline-start-e8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e8));
  }
  .-inline-start-e8 {
    inset-inline-start: calc(0rem - var(--sf-e8));
  }
  .block-start-e8 {
    top: var(--sf-e8);
    inset-block-start: var(--sf-e8);
  }
  .-block-start-e8 {
    top: calc(0rem - var(--sf-e8));
    inset-block-start: calc(0rem - var(--sf-e8));
  }
  .block-end-e8 {
    bottom: var(--sf-e8);
    inset-block-end: var(--sf-e8);
  }
  .-block-end-e8 {
    bottom: calc(0rem - var(--sf-e8));
    inset-block-end: calc(0rem - var(--sf-e8));
  }
  .top-e9 {
    top: var(--sf-e9);
  }
  .-top-e9 {
    top: calc(0rem - var(--sf-e9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-e9 {
    right: var(--sf-e9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-e9 {
    right: var(--sf-e9);
    }
  }
  .inline-end-e9:where(:dir(ltr)) {
    right: var(--sf-e9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-e9 {
    left: var(--sf-e9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-e9 {
    left: var(--sf-e9);
    }
  }
  .inline-end-e9:where(:dir(rtl)) {
    left: var(--sf-e9);
  }
  .inline-end-e9 {
    inset-inline-end: var(--sf-e9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-e9 {
    right: calc(0rem - var(--sf-e9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-e9 {
    right: calc(0rem - var(--sf-e9));
    }
  }
  .-inline-end-e9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-e9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-e9 {
    left: calc(0rem - var(--sf-e9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-e9 {
    left: calc(0rem - var(--sf-e9));
    }
  }
  .-inline-end-e9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-e9));
  }
  .-inline-end-e9 {
    inset-inline-end: calc(0rem - var(--sf-e9));
  }
  .bottom-e9 {
    bottom: var(--sf-e9);
  }
  .-bottom-e9 {
    bottom: calc(0rem - var(--sf-e9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-e9 {
    left: var(--sf-e9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-e9 {
    left: var(--sf-e9);
    }
  }
  .inline-start-e9:where(:dir(ltr)) {
    left: var(--sf-e9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-e9 {
    right: var(--sf-e9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-e9 {
    right: var(--sf-e9);
    }
  }
  .inline-start-e9:where(:dir(rtl)) {
    right: var(--sf-e9);
  }
  .inline-start-e9 {
    inset-inline-start: var(--sf-e9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-e9 {
    left: calc(0rem - var(--sf-e9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-e9 {
    left: calc(0rem - var(--sf-e9));
    }
  }
  .-inline-start-e9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-e9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-e9 {
    right: calc(0rem - var(--sf-e9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-e9 {
    right: calc(0rem - var(--sf-e9));
    }
  }
  .-inline-start-e9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-e9));
  }
  .-inline-start-e9 {
    inset-inline-start: calc(0rem - var(--sf-e9));
  }
  .block-start-e9 {
    top: var(--sf-e9);
    inset-block-start: var(--sf-e9);
  }
  .-block-start-e9 {
    top: calc(0rem - var(--sf-e9));
    inset-block-start: calc(0rem - var(--sf-e9));
  }
  .block-end-e9 {
    bottom: var(--sf-e9);
    inset-block-end: var(--sf-e9);
  }
  .-block-end-e9 {
    bottom: calc(0rem - var(--sf-e9));
    inset-block-end: calc(0rem - var(--sf-e9));
  }
  .top-f0 {
    top: var(--sf-f0);
  }
  .-top-f0 {
    top: calc(0rem - var(--sf-f0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f0 {
    right: var(--sf-f0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f0 {
    right: var(--sf-f0);
    }
  }
  .inline-end-f0:where(:dir(ltr)) {
    right: var(--sf-f0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f0 {
    left: var(--sf-f0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f0 {
    left: var(--sf-f0);
    }
  }
  .inline-end-f0:where(:dir(rtl)) {
    left: var(--sf-f0);
  }
  .inline-end-f0 {
    inset-inline-end: var(--sf-f0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f0 {
    right: calc(0rem - var(--sf-f0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f0 {
    right: calc(0rem - var(--sf-f0));
    }
  }
  .-inline-end-f0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f0 {
    left: calc(0rem - var(--sf-f0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f0 {
    left: calc(0rem - var(--sf-f0));
    }
  }
  .-inline-end-f0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f0));
  }
  .-inline-end-f0 {
    inset-inline-end: calc(0rem - var(--sf-f0));
  }
  .bottom-f0 {
    bottom: var(--sf-f0);
  }
  .-bottom-f0 {
    bottom: calc(0rem - var(--sf-f0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f0 {
    left: var(--sf-f0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f0 {
    left: var(--sf-f0);
    }
  }
  .inline-start-f0:where(:dir(ltr)) {
    left: var(--sf-f0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f0 {
    right: var(--sf-f0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f0 {
    right: var(--sf-f0);
    }
  }
  .inline-start-f0:where(:dir(rtl)) {
    right: var(--sf-f0);
  }
  .inline-start-f0 {
    inset-inline-start: var(--sf-f0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f0 {
    left: calc(0rem - var(--sf-f0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f0 {
    left: calc(0rem - var(--sf-f0));
    }
  }
  .-inline-start-f0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f0 {
    right: calc(0rem - var(--sf-f0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f0 {
    right: calc(0rem - var(--sf-f0));
    }
  }
  .-inline-start-f0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f0));
  }
  .-inline-start-f0 {
    inset-inline-start: calc(0rem - var(--sf-f0));
  }
  .block-start-f0 {
    top: var(--sf-f0);
    inset-block-start: var(--sf-f0);
  }
  .-block-start-f0 {
    top: calc(0rem - var(--sf-f0));
    inset-block-start: calc(0rem - var(--sf-f0));
  }
  .block-end-f0 {
    bottom: var(--sf-f0);
    inset-block-end: var(--sf-f0);
  }
  .-block-end-f0 {
    bottom: calc(0rem - var(--sf-f0));
    inset-block-end: calc(0rem - var(--sf-f0));
  }
  .top-f1 {
    top: var(--sf-f1);
  }
  .-top-f1 {
    top: calc(0rem - var(--sf-f1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f1 {
    right: var(--sf-f1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f1 {
    right: var(--sf-f1);
    }
  }
  .inline-end-f1:where(:dir(ltr)) {
    right: var(--sf-f1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f1 {
    left: var(--sf-f1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f1 {
    left: var(--sf-f1);
    }
  }
  .inline-end-f1:where(:dir(rtl)) {
    left: var(--sf-f1);
  }
  .inline-end-f1 {
    inset-inline-end: var(--sf-f1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f1 {
    right: calc(0rem - var(--sf-f1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f1 {
    right: calc(0rem - var(--sf-f1));
    }
  }
  .-inline-end-f1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f1 {
    left: calc(0rem - var(--sf-f1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f1 {
    left: calc(0rem - var(--sf-f1));
    }
  }
  .-inline-end-f1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f1));
  }
  .-inline-end-f1 {
    inset-inline-end: calc(0rem - var(--sf-f1));
  }
  .bottom-f1 {
    bottom: var(--sf-f1);
  }
  .-bottom-f1 {
    bottom: calc(0rem - var(--sf-f1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f1 {
    left: var(--sf-f1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f1 {
    left: var(--sf-f1);
    }
  }
  .inline-start-f1:where(:dir(ltr)) {
    left: var(--sf-f1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f1 {
    right: var(--sf-f1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f1 {
    right: var(--sf-f1);
    }
  }
  .inline-start-f1:where(:dir(rtl)) {
    right: var(--sf-f1);
  }
  .inline-start-f1 {
    inset-inline-start: var(--sf-f1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f1 {
    left: calc(0rem - var(--sf-f1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f1 {
    left: calc(0rem - var(--sf-f1));
    }
  }
  .-inline-start-f1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f1 {
    right: calc(0rem - var(--sf-f1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f1 {
    right: calc(0rem - var(--sf-f1));
    }
  }
  .-inline-start-f1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f1));
  }
  .-inline-start-f1 {
    inset-inline-start: calc(0rem - var(--sf-f1));
  }
  .block-start-f1 {
    top: var(--sf-f1);
    inset-block-start: var(--sf-f1);
  }
  .-block-start-f1 {
    top: calc(0rem - var(--sf-f1));
    inset-block-start: calc(0rem - var(--sf-f1));
  }
  .block-end-f1 {
    bottom: var(--sf-f1);
    inset-block-end: var(--sf-f1);
  }
  .-block-end-f1 {
    bottom: calc(0rem - var(--sf-f1));
    inset-block-end: calc(0rem - var(--sf-f1));
  }
  .top-f2 {
    top: var(--sf-f2);
  }
  .-top-f2 {
    top: calc(0rem - var(--sf-f2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f2 {
    right: var(--sf-f2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f2 {
    right: var(--sf-f2);
    }
  }
  .inline-end-f2:where(:dir(ltr)) {
    right: var(--sf-f2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f2 {
    left: var(--sf-f2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f2 {
    left: var(--sf-f2);
    }
  }
  .inline-end-f2:where(:dir(rtl)) {
    left: var(--sf-f2);
  }
  .inline-end-f2 {
    inset-inline-end: var(--sf-f2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f2 {
    right: calc(0rem - var(--sf-f2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f2 {
    right: calc(0rem - var(--sf-f2));
    }
  }
  .-inline-end-f2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f2 {
    left: calc(0rem - var(--sf-f2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f2 {
    left: calc(0rem - var(--sf-f2));
    }
  }
  .-inline-end-f2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f2));
  }
  .-inline-end-f2 {
    inset-inline-end: calc(0rem - var(--sf-f2));
  }
  .bottom-f2 {
    bottom: var(--sf-f2);
  }
  .-bottom-f2 {
    bottom: calc(0rem - var(--sf-f2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f2 {
    left: var(--sf-f2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f2 {
    left: var(--sf-f2);
    }
  }
  .inline-start-f2:where(:dir(ltr)) {
    left: var(--sf-f2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f2 {
    right: var(--sf-f2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f2 {
    right: var(--sf-f2);
    }
  }
  .inline-start-f2:where(:dir(rtl)) {
    right: var(--sf-f2);
  }
  .inline-start-f2 {
    inset-inline-start: var(--sf-f2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f2 {
    left: calc(0rem - var(--sf-f2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f2 {
    left: calc(0rem - var(--sf-f2));
    }
  }
  .-inline-start-f2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f2 {
    right: calc(0rem - var(--sf-f2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f2 {
    right: calc(0rem - var(--sf-f2));
    }
  }
  .-inline-start-f2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f2));
  }
  .-inline-start-f2 {
    inset-inline-start: calc(0rem - var(--sf-f2));
  }
  .block-start-f2 {
    top: var(--sf-f2);
    inset-block-start: var(--sf-f2);
  }
  .-block-start-f2 {
    top: calc(0rem - var(--sf-f2));
    inset-block-start: calc(0rem - var(--sf-f2));
  }
  .block-end-f2 {
    bottom: var(--sf-f2);
    inset-block-end: var(--sf-f2);
  }
  .-block-end-f2 {
    bottom: calc(0rem - var(--sf-f2));
    inset-block-end: calc(0rem - var(--sf-f2));
  }
  .top-f3 {
    top: var(--sf-f3);
  }
  .-top-f3 {
    top: calc(0rem - var(--sf-f3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f3 {
    right: var(--sf-f3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f3 {
    right: var(--sf-f3);
    }
  }
  .inline-end-f3:where(:dir(ltr)) {
    right: var(--sf-f3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f3 {
    left: var(--sf-f3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f3 {
    left: var(--sf-f3);
    }
  }
  .inline-end-f3:where(:dir(rtl)) {
    left: var(--sf-f3);
  }
  .inline-end-f3 {
    inset-inline-end: var(--sf-f3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f3 {
    right: calc(0rem - var(--sf-f3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f3 {
    right: calc(0rem - var(--sf-f3));
    }
  }
  .-inline-end-f3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f3 {
    left: calc(0rem - var(--sf-f3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f3 {
    left: calc(0rem - var(--sf-f3));
    }
  }
  .-inline-end-f3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f3));
  }
  .-inline-end-f3 {
    inset-inline-end: calc(0rem - var(--sf-f3));
  }
  .bottom-f3 {
    bottom: var(--sf-f3);
  }
  .-bottom-f3 {
    bottom: calc(0rem - var(--sf-f3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f3 {
    left: var(--sf-f3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f3 {
    left: var(--sf-f3);
    }
  }
  .inline-start-f3:where(:dir(ltr)) {
    left: var(--sf-f3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f3 {
    right: var(--sf-f3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f3 {
    right: var(--sf-f3);
    }
  }
  .inline-start-f3:where(:dir(rtl)) {
    right: var(--sf-f3);
  }
  .inline-start-f3 {
    inset-inline-start: var(--sf-f3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f3 {
    left: calc(0rem - var(--sf-f3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f3 {
    left: calc(0rem - var(--sf-f3));
    }
  }
  .-inline-start-f3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f3 {
    right: calc(0rem - var(--sf-f3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f3 {
    right: calc(0rem - var(--sf-f3));
    }
  }
  .-inline-start-f3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f3));
  }
  .-inline-start-f3 {
    inset-inline-start: calc(0rem - var(--sf-f3));
  }
  .block-start-f3 {
    top: var(--sf-f3);
    inset-block-start: var(--sf-f3);
  }
  .-block-start-f3 {
    top: calc(0rem - var(--sf-f3));
    inset-block-start: calc(0rem - var(--sf-f3));
  }
  .block-end-f3 {
    bottom: var(--sf-f3);
    inset-block-end: var(--sf-f3);
  }
  .-block-end-f3 {
    bottom: calc(0rem - var(--sf-f3));
    inset-block-end: calc(0rem - var(--sf-f3));
  }
  .top-f4 {
    top: var(--sf-f4);
  }
  .-top-f4 {
    top: calc(0rem - var(--sf-f4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f4 {
    right: var(--sf-f4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f4 {
    right: var(--sf-f4);
    }
  }
  .inline-end-f4:where(:dir(ltr)) {
    right: var(--sf-f4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f4 {
    left: var(--sf-f4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f4 {
    left: var(--sf-f4);
    }
  }
  .inline-end-f4:where(:dir(rtl)) {
    left: var(--sf-f4);
  }
  .inline-end-f4 {
    inset-inline-end: var(--sf-f4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f4 {
    right: calc(0rem - var(--sf-f4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f4 {
    right: calc(0rem - var(--sf-f4));
    }
  }
  .-inline-end-f4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f4 {
    left: calc(0rem - var(--sf-f4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f4 {
    left: calc(0rem - var(--sf-f4));
    }
  }
  .-inline-end-f4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f4));
  }
  .-inline-end-f4 {
    inset-inline-end: calc(0rem - var(--sf-f4));
  }
  .bottom-f4 {
    bottom: var(--sf-f4);
  }
  .-bottom-f4 {
    bottom: calc(0rem - var(--sf-f4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f4 {
    left: var(--sf-f4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f4 {
    left: var(--sf-f4);
    }
  }
  .inline-start-f4:where(:dir(ltr)) {
    left: var(--sf-f4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f4 {
    right: var(--sf-f4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f4 {
    right: var(--sf-f4);
    }
  }
  .inline-start-f4:where(:dir(rtl)) {
    right: var(--sf-f4);
  }
  .inline-start-f4 {
    inset-inline-start: var(--sf-f4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f4 {
    left: calc(0rem - var(--sf-f4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f4 {
    left: calc(0rem - var(--sf-f4));
    }
  }
  .-inline-start-f4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f4 {
    right: calc(0rem - var(--sf-f4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f4 {
    right: calc(0rem - var(--sf-f4));
    }
  }
  .-inline-start-f4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f4));
  }
  .-inline-start-f4 {
    inset-inline-start: calc(0rem - var(--sf-f4));
  }
  .block-start-f4 {
    top: var(--sf-f4);
    inset-block-start: var(--sf-f4);
  }
  .-block-start-f4 {
    top: calc(0rem - var(--sf-f4));
    inset-block-start: calc(0rem - var(--sf-f4));
  }
  .block-end-f4 {
    bottom: var(--sf-f4);
    inset-block-end: var(--sf-f4);
  }
  .-block-end-f4 {
    bottom: calc(0rem - var(--sf-f4));
    inset-block-end: calc(0rem - var(--sf-f4));
  }
  .top-f5 {
    top: var(--sf-f5);
  }
  .-top-f5 {
    top: calc(0rem - var(--sf-f5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f5 {
    right: var(--sf-f5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f5 {
    right: var(--sf-f5);
    }
  }
  .inline-end-f5:where(:dir(ltr)) {
    right: var(--sf-f5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f5 {
    left: var(--sf-f5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f5 {
    left: var(--sf-f5);
    }
  }
  .inline-end-f5:where(:dir(rtl)) {
    left: var(--sf-f5);
  }
  .inline-end-f5 {
    inset-inline-end: var(--sf-f5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f5 {
    right: calc(0rem - var(--sf-f5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f5 {
    right: calc(0rem - var(--sf-f5));
    }
  }
  .-inline-end-f5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f5 {
    left: calc(0rem - var(--sf-f5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f5 {
    left: calc(0rem - var(--sf-f5));
    }
  }
  .-inline-end-f5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f5));
  }
  .-inline-end-f5 {
    inset-inline-end: calc(0rem - var(--sf-f5));
  }
  .bottom-f5 {
    bottom: var(--sf-f5);
  }
  .-bottom-f5 {
    bottom: calc(0rem - var(--sf-f5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f5 {
    left: var(--sf-f5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f5 {
    left: var(--sf-f5);
    }
  }
  .inline-start-f5:where(:dir(ltr)) {
    left: var(--sf-f5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f5 {
    right: var(--sf-f5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f5 {
    right: var(--sf-f5);
    }
  }
  .inline-start-f5:where(:dir(rtl)) {
    right: var(--sf-f5);
  }
  .inline-start-f5 {
    inset-inline-start: var(--sf-f5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f5 {
    left: calc(0rem - var(--sf-f5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f5 {
    left: calc(0rem - var(--sf-f5));
    }
  }
  .-inline-start-f5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f5 {
    right: calc(0rem - var(--sf-f5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f5 {
    right: calc(0rem - var(--sf-f5));
    }
  }
  .-inline-start-f5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f5));
  }
  .-inline-start-f5 {
    inset-inline-start: calc(0rem - var(--sf-f5));
  }
  .block-start-f5 {
    top: var(--sf-f5);
    inset-block-start: var(--sf-f5);
  }
  .-block-start-f5 {
    top: calc(0rem - var(--sf-f5));
    inset-block-start: calc(0rem - var(--sf-f5));
  }
  .block-end-f5 {
    bottom: var(--sf-f5);
    inset-block-end: var(--sf-f5);
  }
  .-block-end-f5 {
    bottom: calc(0rem - var(--sf-f5));
    inset-block-end: calc(0rem - var(--sf-f5));
  }
  .top-f6 {
    top: var(--sf-f6);
  }
  .-top-f6 {
    top: calc(0rem - var(--sf-f6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f6 {
    right: var(--sf-f6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f6 {
    right: var(--sf-f6);
    }
  }
  .inline-end-f6:where(:dir(ltr)) {
    right: var(--sf-f6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f6 {
    left: var(--sf-f6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f6 {
    left: var(--sf-f6);
    }
  }
  .inline-end-f6:where(:dir(rtl)) {
    left: var(--sf-f6);
  }
  .inline-end-f6 {
    inset-inline-end: var(--sf-f6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f6 {
    right: calc(0rem - var(--sf-f6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f6 {
    right: calc(0rem - var(--sf-f6));
    }
  }
  .-inline-end-f6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f6 {
    left: calc(0rem - var(--sf-f6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f6 {
    left: calc(0rem - var(--sf-f6));
    }
  }
  .-inline-end-f6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f6));
  }
  .-inline-end-f6 {
    inset-inline-end: calc(0rem - var(--sf-f6));
  }
  .bottom-f6 {
    bottom: var(--sf-f6);
  }
  .-bottom-f6 {
    bottom: calc(0rem - var(--sf-f6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f6 {
    left: var(--sf-f6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f6 {
    left: var(--sf-f6);
    }
  }
  .inline-start-f6:where(:dir(ltr)) {
    left: var(--sf-f6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f6 {
    right: var(--sf-f6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f6 {
    right: var(--sf-f6);
    }
  }
  .inline-start-f6:where(:dir(rtl)) {
    right: var(--sf-f6);
  }
  .inline-start-f6 {
    inset-inline-start: var(--sf-f6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f6 {
    left: calc(0rem - var(--sf-f6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f6 {
    left: calc(0rem - var(--sf-f6));
    }
  }
  .-inline-start-f6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f6 {
    right: calc(0rem - var(--sf-f6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f6 {
    right: calc(0rem - var(--sf-f6));
    }
  }
  .-inline-start-f6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f6));
  }
  .-inline-start-f6 {
    inset-inline-start: calc(0rem - var(--sf-f6));
  }
  .block-start-f6 {
    top: var(--sf-f6);
    inset-block-start: var(--sf-f6);
  }
  .-block-start-f6 {
    top: calc(0rem - var(--sf-f6));
    inset-block-start: calc(0rem - var(--sf-f6));
  }
  .block-end-f6 {
    bottom: var(--sf-f6);
    inset-block-end: var(--sf-f6);
  }
  .-block-end-f6 {
    bottom: calc(0rem - var(--sf-f6));
    inset-block-end: calc(0rem - var(--sf-f6));
  }
  .top-f7 {
    top: var(--sf-f7);
  }
  .-top-f7 {
    top: calc(0rem - var(--sf-f7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f7 {
    right: var(--sf-f7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f7 {
    right: var(--sf-f7);
    }
  }
  .inline-end-f7:where(:dir(ltr)) {
    right: var(--sf-f7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f7 {
    left: var(--sf-f7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f7 {
    left: var(--sf-f7);
    }
  }
  .inline-end-f7:where(:dir(rtl)) {
    left: var(--sf-f7);
  }
  .inline-end-f7 {
    inset-inline-end: var(--sf-f7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f7 {
    right: calc(0rem - var(--sf-f7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f7 {
    right: calc(0rem - var(--sf-f7));
    }
  }
  .-inline-end-f7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f7 {
    left: calc(0rem - var(--sf-f7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f7 {
    left: calc(0rem - var(--sf-f7));
    }
  }
  .-inline-end-f7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f7));
  }
  .-inline-end-f7 {
    inset-inline-end: calc(0rem - var(--sf-f7));
  }
  .bottom-f7 {
    bottom: var(--sf-f7);
  }
  .-bottom-f7 {
    bottom: calc(0rem - var(--sf-f7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f7 {
    left: var(--sf-f7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f7 {
    left: var(--sf-f7);
    }
  }
  .inline-start-f7:where(:dir(ltr)) {
    left: var(--sf-f7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f7 {
    right: var(--sf-f7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f7 {
    right: var(--sf-f7);
    }
  }
  .inline-start-f7:where(:dir(rtl)) {
    right: var(--sf-f7);
  }
  .inline-start-f7 {
    inset-inline-start: var(--sf-f7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f7 {
    left: calc(0rem - var(--sf-f7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f7 {
    left: calc(0rem - var(--sf-f7));
    }
  }
  .-inline-start-f7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f7 {
    right: calc(0rem - var(--sf-f7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f7 {
    right: calc(0rem - var(--sf-f7));
    }
  }
  .-inline-start-f7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f7));
  }
  .-inline-start-f7 {
    inset-inline-start: calc(0rem - var(--sf-f7));
  }
  .block-start-f7 {
    top: var(--sf-f7);
    inset-block-start: var(--sf-f7);
  }
  .-block-start-f7 {
    top: calc(0rem - var(--sf-f7));
    inset-block-start: calc(0rem - var(--sf-f7));
  }
  .block-end-f7 {
    bottom: var(--sf-f7);
    inset-block-end: var(--sf-f7);
  }
  .-block-end-f7 {
    bottom: calc(0rem - var(--sf-f7));
    inset-block-end: calc(0rem - var(--sf-f7));
  }
  .top-f8 {
    top: var(--sf-f8);
  }
  .-top-f8 {
    top: calc(0rem - var(--sf-f8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f8 {
    right: var(--sf-f8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f8 {
    right: var(--sf-f8);
    }
  }
  .inline-end-f8:where(:dir(ltr)) {
    right: var(--sf-f8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f8 {
    left: var(--sf-f8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f8 {
    left: var(--sf-f8);
    }
  }
  .inline-end-f8:where(:dir(rtl)) {
    left: var(--sf-f8);
  }
  .inline-end-f8 {
    inset-inline-end: var(--sf-f8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f8 {
    right: calc(0rem - var(--sf-f8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f8 {
    right: calc(0rem - var(--sf-f8));
    }
  }
  .-inline-end-f8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f8 {
    left: calc(0rem - var(--sf-f8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f8 {
    left: calc(0rem - var(--sf-f8));
    }
  }
  .-inline-end-f8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f8));
  }
  .-inline-end-f8 {
    inset-inline-end: calc(0rem - var(--sf-f8));
  }
  .bottom-f8 {
    bottom: var(--sf-f8);
  }
  .-bottom-f8 {
    bottom: calc(0rem - var(--sf-f8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f8 {
    left: var(--sf-f8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f8 {
    left: var(--sf-f8);
    }
  }
  .inline-start-f8:where(:dir(ltr)) {
    left: var(--sf-f8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f8 {
    right: var(--sf-f8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f8 {
    right: var(--sf-f8);
    }
  }
  .inline-start-f8:where(:dir(rtl)) {
    right: var(--sf-f8);
  }
  .inline-start-f8 {
    inset-inline-start: var(--sf-f8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f8 {
    left: calc(0rem - var(--sf-f8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f8 {
    left: calc(0rem - var(--sf-f8));
    }
  }
  .-inline-start-f8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f8 {
    right: calc(0rem - var(--sf-f8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f8 {
    right: calc(0rem - var(--sf-f8));
    }
  }
  .-inline-start-f8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f8));
  }
  .-inline-start-f8 {
    inset-inline-start: calc(0rem - var(--sf-f8));
  }
  .block-start-f8 {
    top: var(--sf-f8);
    inset-block-start: var(--sf-f8);
  }
  .-block-start-f8 {
    top: calc(0rem - var(--sf-f8));
    inset-block-start: calc(0rem - var(--sf-f8));
  }
  .block-end-f8 {
    bottom: var(--sf-f8);
    inset-block-end: var(--sf-f8);
  }
  .-block-end-f8 {
    bottom: calc(0rem - var(--sf-f8));
    inset-block-end: calc(0rem - var(--sf-f8));
  }
  .top-f9 {
    top: var(--sf-f9);
  }
  .-top-f9 {
    top: calc(0rem - var(--sf-f9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-f9 {
    right: var(--sf-f9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-f9 {
    right: var(--sf-f9);
    }
  }
  .inline-end-f9:where(:dir(ltr)) {
    right: var(--sf-f9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-f9 {
    left: var(--sf-f9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-f9 {
    left: var(--sf-f9);
    }
  }
  .inline-end-f9:where(:dir(rtl)) {
    left: var(--sf-f9);
  }
  .inline-end-f9 {
    inset-inline-end: var(--sf-f9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-f9 {
    right: calc(0rem - var(--sf-f9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-f9 {
    right: calc(0rem - var(--sf-f9));
    }
  }
  .-inline-end-f9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-f9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-f9 {
    left: calc(0rem - var(--sf-f9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-f9 {
    left: calc(0rem - var(--sf-f9));
    }
  }
  .-inline-end-f9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-f9));
  }
  .-inline-end-f9 {
    inset-inline-end: calc(0rem - var(--sf-f9));
  }
  .bottom-f9 {
    bottom: var(--sf-f9);
  }
  .-bottom-f9 {
    bottom: calc(0rem - var(--sf-f9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-f9 {
    left: var(--sf-f9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-f9 {
    left: var(--sf-f9);
    }
  }
  .inline-start-f9:where(:dir(ltr)) {
    left: var(--sf-f9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-f9 {
    right: var(--sf-f9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-f9 {
    right: var(--sf-f9);
    }
  }
  .inline-start-f9:where(:dir(rtl)) {
    right: var(--sf-f9);
  }
  .inline-start-f9 {
    inset-inline-start: var(--sf-f9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-f9 {
    left: calc(0rem - var(--sf-f9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-f9 {
    left: calc(0rem - var(--sf-f9));
    }
  }
  .-inline-start-f9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-f9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-f9 {
    right: calc(0rem - var(--sf-f9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-f9 {
    right: calc(0rem - var(--sf-f9));
    }
  }
  .-inline-start-f9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-f9));
  }
  .-inline-start-f9 {
    inset-inline-start: calc(0rem - var(--sf-f9));
  }
  .block-start-f9 {
    top: var(--sf-f9);
    inset-block-start: var(--sf-f9);
  }
  .-block-start-f9 {
    top: calc(0rem - var(--sf-f9));
    inset-block-start: calc(0rem - var(--sf-f9));
  }
  .block-end-f9 {
    bottom: var(--sf-f9);
    inset-block-end: var(--sf-f9);
  }
  .-block-end-f9 {
    bottom: calc(0rem - var(--sf-f9));
    inset-block-end: calc(0rem - var(--sf-f9));
  }
  .top-g0 {
    top: var(--sf-g0);
  }
  .-top-g0 {
    top: calc(0rem - var(--sf-g0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g0 {
    right: var(--sf-g0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g0 {
    right: var(--sf-g0);
    }
  }
  .inline-end-g0:where(:dir(ltr)) {
    right: var(--sf-g0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g0 {
    left: var(--sf-g0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g0 {
    left: var(--sf-g0);
    }
  }
  .inline-end-g0:where(:dir(rtl)) {
    left: var(--sf-g0);
  }
  .inline-end-g0 {
    inset-inline-end: var(--sf-g0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g0 {
    right: calc(0rem - var(--sf-g0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g0 {
    right: calc(0rem - var(--sf-g0));
    }
  }
  .-inline-end-g0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g0 {
    left: calc(0rem - var(--sf-g0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g0 {
    left: calc(0rem - var(--sf-g0));
    }
  }
  .-inline-end-g0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g0));
  }
  .-inline-end-g0 {
    inset-inline-end: calc(0rem - var(--sf-g0));
  }
  .bottom-g0 {
    bottom: var(--sf-g0);
  }
  .-bottom-g0 {
    bottom: calc(0rem - var(--sf-g0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g0 {
    left: var(--sf-g0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g0 {
    left: var(--sf-g0);
    }
  }
  .inline-start-g0:where(:dir(ltr)) {
    left: var(--sf-g0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g0 {
    right: var(--sf-g0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g0 {
    right: var(--sf-g0);
    }
  }
  .inline-start-g0:where(:dir(rtl)) {
    right: var(--sf-g0);
  }
  .inline-start-g0 {
    inset-inline-start: var(--sf-g0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g0 {
    left: calc(0rem - var(--sf-g0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g0 {
    left: calc(0rem - var(--sf-g0));
    }
  }
  .-inline-start-g0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g0 {
    right: calc(0rem - var(--sf-g0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g0 {
    right: calc(0rem - var(--sf-g0));
    }
  }
  .-inline-start-g0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g0));
  }
  .-inline-start-g0 {
    inset-inline-start: calc(0rem - var(--sf-g0));
  }
  .block-start-g0 {
    top: var(--sf-g0);
    inset-block-start: var(--sf-g0);
  }
  .-block-start-g0 {
    top: calc(0rem - var(--sf-g0));
    inset-block-start: calc(0rem - var(--sf-g0));
  }
  .block-end-g0 {
    bottom: var(--sf-g0);
    inset-block-end: var(--sf-g0);
  }
  .-block-end-g0 {
    bottom: calc(0rem - var(--sf-g0));
    inset-block-end: calc(0rem - var(--sf-g0));
  }
  .top-g1 {
    top: var(--sf-g1);
  }
  .-top-g1 {
    top: calc(0rem - var(--sf-g1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g1 {
    right: var(--sf-g1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g1 {
    right: var(--sf-g1);
    }
  }
  .inline-end-g1:where(:dir(ltr)) {
    right: var(--sf-g1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g1 {
    left: var(--sf-g1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g1 {
    left: var(--sf-g1);
    }
  }
  .inline-end-g1:where(:dir(rtl)) {
    left: var(--sf-g1);
  }
  .inline-end-g1 {
    inset-inline-end: var(--sf-g1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g1 {
    right: calc(0rem - var(--sf-g1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g1 {
    right: calc(0rem - var(--sf-g1));
    }
  }
  .-inline-end-g1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g1 {
    left: calc(0rem - var(--sf-g1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g1 {
    left: calc(0rem - var(--sf-g1));
    }
  }
  .-inline-end-g1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g1));
  }
  .-inline-end-g1 {
    inset-inline-end: calc(0rem - var(--sf-g1));
  }
  .bottom-g1 {
    bottom: var(--sf-g1);
  }
  .-bottom-g1 {
    bottom: calc(0rem - var(--sf-g1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g1 {
    left: var(--sf-g1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g1 {
    left: var(--sf-g1);
    }
  }
  .inline-start-g1:where(:dir(ltr)) {
    left: var(--sf-g1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g1 {
    right: var(--sf-g1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g1 {
    right: var(--sf-g1);
    }
  }
  .inline-start-g1:where(:dir(rtl)) {
    right: var(--sf-g1);
  }
  .inline-start-g1 {
    inset-inline-start: var(--sf-g1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g1 {
    left: calc(0rem - var(--sf-g1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g1 {
    left: calc(0rem - var(--sf-g1));
    }
  }
  .-inline-start-g1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g1 {
    right: calc(0rem - var(--sf-g1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g1 {
    right: calc(0rem - var(--sf-g1));
    }
  }
  .-inline-start-g1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g1));
  }
  .-inline-start-g1 {
    inset-inline-start: calc(0rem - var(--sf-g1));
  }
  .block-start-g1 {
    top: var(--sf-g1);
    inset-block-start: var(--sf-g1);
  }
  .-block-start-g1 {
    top: calc(0rem - var(--sf-g1));
    inset-block-start: calc(0rem - var(--sf-g1));
  }
  .block-end-g1 {
    bottom: var(--sf-g1);
    inset-block-end: var(--sf-g1);
  }
  .-block-end-g1 {
    bottom: calc(0rem - var(--sf-g1));
    inset-block-end: calc(0rem - var(--sf-g1));
  }
  .top-g2 {
    top: var(--sf-g2);
  }
  .-top-g2 {
    top: calc(0rem - var(--sf-g2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g2 {
    right: var(--sf-g2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g2 {
    right: var(--sf-g2);
    }
  }
  .inline-end-g2:where(:dir(ltr)) {
    right: var(--sf-g2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g2 {
    left: var(--sf-g2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g2 {
    left: var(--sf-g2);
    }
  }
  .inline-end-g2:where(:dir(rtl)) {
    left: var(--sf-g2);
  }
  .inline-end-g2 {
    inset-inline-end: var(--sf-g2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g2 {
    right: calc(0rem - var(--sf-g2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g2 {
    right: calc(0rem - var(--sf-g2));
    }
  }
  .-inline-end-g2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g2 {
    left: calc(0rem - var(--sf-g2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g2 {
    left: calc(0rem - var(--sf-g2));
    }
  }
  .-inline-end-g2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g2));
  }
  .-inline-end-g2 {
    inset-inline-end: calc(0rem - var(--sf-g2));
  }
  .bottom-g2 {
    bottom: var(--sf-g2);
  }
  .-bottom-g2 {
    bottom: calc(0rem - var(--sf-g2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g2 {
    left: var(--sf-g2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g2 {
    left: var(--sf-g2);
    }
  }
  .inline-start-g2:where(:dir(ltr)) {
    left: var(--sf-g2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g2 {
    right: var(--sf-g2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g2 {
    right: var(--sf-g2);
    }
  }
  .inline-start-g2:where(:dir(rtl)) {
    right: var(--sf-g2);
  }
  .inline-start-g2 {
    inset-inline-start: var(--sf-g2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g2 {
    left: calc(0rem - var(--sf-g2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g2 {
    left: calc(0rem - var(--sf-g2));
    }
  }
  .-inline-start-g2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g2 {
    right: calc(0rem - var(--sf-g2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g2 {
    right: calc(0rem - var(--sf-g2));
    }
  }
  .-inline-start-g2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g2));
  }
  .-inline-start-g2 {
    inset-inline-start: calc(0rem - var(--sf-g2));
  }
  .block-start-g2 {
    top: var(--sf-g2);
    inset-block-start: var(--sf-g2);
  }
  .-block-start-g2 {
    top: calc(0rem - var(--sf-g2));
    inset-block-start: calc(0rem - var(--sf-g2));
  }
  .block-end-g2 {
    bottom: var(--sf-g2);
    inset-block-end: var(--sf-g2);
  }
  .-block-end-g2 {
    bottom: calc(0rem - var(--sf-g2));
    inset-block-end: calc(0rem - var(--sf-g2));
  }
  .top-g3 {
    top: var(--sf-g3);
  }
  .-top-g3 {
    top: calc(0rem - var(--sf-g3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g3 {
    right: var(--sf-g3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g3 {
    right: var(--sf-g3);
    }
  }
  .inline-end-g3:where(:dir(ltr)) {
    right: var(--sf-g3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g3 {
    left: var(--sf-g3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g3 {
    left: var(--sf-g3);
    }
  }
  .inline-end-g3:where(:dir(rtl)) {
    left: var(--sf-g3);
  }
  .inline-end-g3 {
    inset-inline-end: var(--sf-g3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g3 {
    right: calc(0rem - var(--sf-g3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g3 {
    right: calc(0rem - var(--sf-g3));
    }
  }
  .-inline-end-g3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g3 {
    left: calc(0rem - var(--sf-g3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g3 {
    left: calc(0rem - var(--sf-g3));
    }
  }
  .-inline-end-g3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g3));
  }
  .-inline-end-g3 {
    inset-inline-end: calc(0rem - var(--sf-g3));
  }
  .bottom-g3 {
    bottom: var(--sf-g3);
  }
  .-bottom-g3 {
    bottom: calc(0rem - var(--sf-g3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g3 {
    left: var(--sf-g3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g3 {
    left: var(--sf-g3);
    }
  }
  .inline-start-g3:where(:dir(ltr)) {
    left: var(--sf-g3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g3 {
    right: var(--sf-g3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g3 {
    right: var(--sf-g3);
    }
  }
  .inline-start-g3:where(:dir(rtl)) {
    right: var(--sf-g3);
  }
  .inline-start-g3 {
    inset-inline-start: var(--sf-g3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g3 {
    left: calc(0rem - var(--sf-g3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g3 {
    left: calc(0rem - var(--sf-g3));
    }
  }
  .-inline-start-g3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g3 {
    right: calc(0rem - var(--sf-g3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g3 {
    right: calc(0rem - var(--sf-g3));
    }
  }
  .-inline-start-g3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g3));
  }
  .-inline-start-g3 {
    inset-inline-start: calc(0rem - var(--sf-g3));
  }
  .block-start-g3 {
    top: var(--sf-g3);
    inset-block-start: var(--sf-g3);
  }
  .-block-start-g3 {
    top: calc(0rem - var(--sf-g3));
    inset-block-start: calc(0rem - var(--sf-g3));
  }
  .block-end-g3 {
    bottom: var(--sf-g3);
    inset-block-end: var(--sf-g3);
  }
  .-block-end-g3 {
    bottom: calc(0rem - var(--sf-g3));
    inset-block-end: calc(0rem - var(--sf-g3));
  }
  .top-g4 {
    top: var(--sf-g4);
  }
  .-top-g4 {
    top: calc(0rem - var(--sf-g4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g4 {
    right: var(--sf-g4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g4 {
    right: var(--sf-g4);
    }
  }
  .inline-end-g4:where(:dir(ltr)) {
    right: var(--sf-g4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g4 {
    left: var(--sf-g4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g4 {
    left: var(--sf-g4);
    }
  }
  .inline-end-g4:where(:dir(rtl)) {
    left: var(--sf-g4);
  }
  .inline-end-g4 {
    inset-inline-end: var(--sf-g4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g4 {
    right: calc(0rem - var(--sf-g4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g4 {
    right: calc(0rem - var(--sf-g4));
    }
  }
  .-inline-end-g4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g4 {
    left: calc(0rem - var(--sf-g4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g4 {
    left: calc(0rem - var(--sf-g4));
    }
  }
  .-inline-end-g4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g4));
  }
  .-inline-end-g4 {
    inset-inline-end: calc(0rem - var(--sf-g4));
  }
  .bottom-g4 {
    bottom: var(--sf-g4);
  }
  .-bottom-g4 {
    bottom: calc(0rem - var(--sf-g4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g4 {
    left: var(--sf-g4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g4 {
    left: var(--sf-g4);
    }
  }
  .inline-start-g4:where(:dir(ltr)) {
    left: var(--sf-g4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g4 {
    right: var(--sf-g4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g4 {
    right: var(--sf-g4);
    }
  }
  .inline-start-g4:where(:dir(rtl)) {
    right: var(--sf-g4);
  }
  .inline-start-g4 {
    inset-inline-start: var(--sf-g4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g4 {
    left: calc(0rem - var(--sf-g4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g4 {
    left: calc(0rem - var(--sf-g4));
    }
  }
  .-inline-start-g4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g4 {
    right: calc(0rem - var(--sf-g4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g4 {
    right: calc(0rem - var(--sf-g4));
    }
  }
  .-inline-start-g4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g4));
  }
  .-inline-start-g4 {
    inset-inline-start: calc(0rem - var(--sf-g4));
  }
  .block-start-g4 {
    top: var(--sf-g4);
    inset-block-start: var(--sf-g4);
  }
  .-block-start-g4 {
    top: calc(0rem - var(--sf-g4));
    inset-block-start: calc(0rem - var(--sf-g4));
  }
  .block-end-g4 {
    bottom: var(--sf-g4);
    inset-block-end: var(--sf-g4);
  }
  .-block-end-g4 {
    bottom: calc(0rem - var(--sf-g4));
    inset-block-end: calc(0rem - var(--sf-g4));
  }
  .top-g5 {
    top: var(--sf-g5);
  }
  .-top-g5 {
    top: calc(0rem - var(--sf-g5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g5 {
    right: var(--sf-g5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g5 {
    right: var(--sf-g5);
    }
  }
  .inline-end-g5:where(:dir(ltr)) {
    right: var(--sf-g5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g5 {
    left: var(--sf-g5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g5 {
    left: var(--sf-g5);
    }
  }
  .inline-end-g5:where(:dir(rtl)) {
    left: var(--sf-g5);
  }
  .inline-end-g5 {
    inset-inline-end: var(--sf-g5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g5 {
    right: calc(0rem - var(--sf-g5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g5 {
    right: calc(0rem - var(--sf-g5));
    }
  }
  .-inline-end-g5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g5 {
    left: calc(0rem - var(--sf-g5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g5 {
    left: calc(0rem - var(--sf-g5));
    }
  }
  .-inline-end-g5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g5));
  }
  .-inline-end-g5 {
    inset-inline-end: calc(0rem - var(--sf-g5));
  }
  .bottom-g5 {
    bottom: var(--sf-g5);
  }
  .-bottom-g5 {
    bottom: calc(0rem - var(--sf-g5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g5 {
    left: var(--sf-g5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g5 {
    left: var(--sf-g5);
    }
  }
  .inline-start-g5:where(:dir(ltr)) {
    left: var(--sf-g5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g5 {
    right: var(--sf-g5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g5 {
    right: var(--sf-g5);
    }
  }
  .inline-start-g5:where(:dir(rtl)) {
    right: var(--sf-g5);
  }
  .inline-start-g5 {
    inset-inline-start: var(--sf-g5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g5 {
    left: calc(0rem - var(--sf-g5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g5 {
    left: calc(0rem - var(--sf-g5));
    }
  }
  .-inline-start-g5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g5 {
    right: calc(0rem - var(--sf-g5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g5 {
    right: calc(0rem - var(--sf-g5));
    }
  }
  .-inline-start-g5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g5));
  }
  .-inline-start-g5 {
    inset-inline-start: calc(0rem - var(--sf-g5));
  }
  .block-start-g5 {
    top: var(--sf-g5);
    inset-block-start: var(--sf-g5);
  }
  .-block-start-g5 {
    top: calc(0rem - var(--sf-g5));
    inset-block-start: calc(0rem - var(--sf-g5));
  }
  .block-end-g5 {
    bottom: var(--sf-g5);
    inset-block-end: var(--sf-g5);
  }
  .-block-end-g5 {
    bottom: calc(0rem - var(--sf-g5));
    inset-block-end: calc(0rem - var(--sf-g5));
  }
  .top-g6 {
    top: var(--sf-g6);
  }
  .-top-g6 {
    top: calc(0rem - var(--sf-g6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g6 {
    right: var(--sf-g6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g6 {
    right: var(--sf-g6);
    }
  }
  .inline-end-g6:where(:dir(ltr)) {
    right: var(--sf-g6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g6 {
    left: var(--sf-g6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g6 {
    left: var(--sf-g6);
    }
  }
  .inline-end-g6:where(:dir(rtl)) {
    left: var(--sf-g6);
  }
  .inline-end-g6 {
    inset-inline-end: var(--sf-g6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g6 {
    right: calc(0rem - var(--sf-g6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g6 {
    right: calc(0rem - var(--sf-g6));
    }
  }
  .-inline-end-g6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g6 {
    left: calc(0rem - var(--sf-g6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g6 {
    left: calc(0rem - var(--sf-g6));
    }
  }
  .-inline-end-g6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g6));
  }
  .-inline-end-g6 {
    inset-inline-end: calc(0rem - var(--sf-g6));
  }
  .bottom-g6 {
    bottom: var(--sf-g6);
  }
  .-bottom-g6 {
    bottom: calc(0rem - var(--sf-g6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g6 {
    left: var(--sf-g6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g6 {
    left: var(--sf-g6);
    }
  }
  .inline-start-g6:where(:dir(ltr)) {
    left: var(--sf-g6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g6 {
    right: var(--sf-g6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g6 {
    right: var(--sf-g6);
    }
  }
  .inline-start-g6:where(:dir(rtl)) {
    right: var(--sf-g6);
  }
  .inline-start-g6 {
    inset-inline-start: var(--sf-g6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g6 {
    left: calc(0rem - var(--sf-g6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g6 {
    left: calc(0rem - var(--sf-g6));
    }
  }
  .-inline-start-g6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g6 {
    right: calc(0rem - var(--sf-g6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g6 {
    right: calc(0rem - var(--sf-g6));
    }
  }
  .-inline-start-g6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g6));
  }
  .-inline-start-g6 {
    inset-inline-start: calc(0rem - var(--sf-g6));
  }
  .block-start-g6 {
    top: var(--sf-g6);
    inset-block-start: var(--sf-g6);
  }
  .-block-start-g6 {
    top: calc(0rem - var(--sf-g6));
    inset-block-start: calc(0rem - var(--sf-g6));
  }
  .block-end-g6 {
    bottom: var(--sf-g6);
    inset-block-end: var(--sf-g6);
  }
  .-block-end-g6 {
    bottom: calc(0rem - var(--sf-g6));
    inset-block-end: calc(0rem - var(--sf-g6));
  }
  .top-g7 {
    top: var(--sf-g7);
  }
  .-top-g7 {
    top: calc(0rem - var(--sf-g7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g7 {
    right: var(--sf-g7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g7 {
    right: var(--sf-g7);
    }
  }
  .inline-end-g7:where(:dir(ltr)) {
    right: var(--sf-g7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g7 {
    left: var(--sf-g7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g7 {
    left: var(--sf-g7);
    }
  }
  .inline-end-g7:where(:dir(rtl)) {
    left: var(--sf-g7);
  }
  .inline-end-g7 {
    inset-inline-end: var(--sf-g7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g7 {
    right: calc(0rem - var(--sf-g7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g7 {
    right: calc(0rem - var(--sf-g7));
    }
  }
  .-inline-end-g7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g7 {
    left: calc(0rem - var(--sf-g7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g7 {
    left: calc(0rem - var(--sf-g7));
    }
  }
  .-inline-end-g7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g7));
  }
  .-inline-end-g7 {
    inset-inline-end: calc(0rem - var(--sf-g7));
  }
  .bottom-g7 {
    bottom: var(--sf-g7);
  }
  .-bottom-g7 {
    bottom: calc(0rem - var(--sf-g7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g7 {
    left: var(--sf-g7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g7 {
    left: var(--sf-g7);
    }
  }
  .inline-start-g7:where(:dir(ltr)) {
    left: var(--sf-g7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g7 {
    right: var(--sf-g7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g7 {
    right: var(--sf-g7);
    }
  }
  .inline-start-g7:where(:dir(rtl)) {
    right: var(--sf-g7);
  }
  .inline-start-g7 {
    inset-inline-start: var(--sf-g7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g7 {
    left: calc(0rem - var(--sf-g7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g7 {
    left: calc(0rem - var(--sf-g7));
    }
  }
  .-inline-start-g7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g7 {
    right: calc(0rem - var(--sf-g7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g7 {
    right: calc(0rem - var(--sf-g7));
    }
  }
  .-inline-start-g7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g7));
  }
  .-inline-start-g7 {
    inset-inline-start: calc(0rem - var(--sf-g7));
  }
  .block-start-g7 {
    top: var(--sf-g7);
    inset-block-start: var(--sf-g7);
  }
  .-block-start-g7 {
    top: calc(0rem - var(--sf-g7));
    inset-block-start: calc(0rem - var(--sf-g7));
  }
  .block-end-g7 {
    bottom: var(--sf-g7);
    inset-block-end: var(--sf-g7);
  }
  .-block-end-g7 {
    bottom: calc(0rem - var(--sf-g7));
    inset-block-end: calc(0rem - var(--sf-g7));
  }
  .top-g8 {
    top: var(--sf-g8);
  }
  .-top-g8 {
    top: calc(0rem - var(--sf-g8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g8 {
    right: var(--sf-g8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g8 {
    right: var(--sf-g8);
    }
  }
  .inline-end-g8:where(:dir(ltr)) {
    right: var(--sf-g8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g8 {
    left: var(--sf-g8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g8 {
    left: var(--sf-g8);
    }
  }
  .inline-end-g8:where(:dir(rtl)) {
    left: var(--sf-g8);
  }
  .inline-end-g8 {
    inset-inline-end: var(--sf-g8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g8 {
    right: calc(0rem - var(--sf-g8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g8 {
    right: calc(0rem - var(--sf-g8));
    }
  }
  .-inline-end-g8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g8 {
    left: calc(0rem - var(--sf-g8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g8 {
    left: calc(0rem - var(--sf-g8));
    }
  }
  .-inline-end-g8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g8));
  }
  .-inline-end-g8 {
    inset-inline-end: calc(0rem - var(--sf-g8));
  }
  .bottom-g8 {
    bottom: var(--sf-g8);
  }
  .-bottom-g8 {
    bottom: calc(0rem - var(--sf-g8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g8 {
    left: var(--sf-g8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g8 {
    left: var(--sf-g8);
    }
  }
  .inline-start-g8:where(:dir(ltr)) {
    left: var(--sf-g8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g8 {
    right: var(--sf-g8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g8 {
    right: var(--sf-g8);
    }
  }
  .inline-start-g8:where(:dir(rtl)) {
    right: var(--sf-g8);
  }
  .inline-start-g8 {
    inset-inline-start: var(--sf-g8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g8 {
    left: calc(0rem - var(--sf-g8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g8 {
    left: calc(0rem - var(--sf-g8));
    }
  }
  .-inline-start-g8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g8 {
    right: calc(0rem - var(--sf-g8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g8 {
    right: calc(0rem - var(--sf-g8));
    }
  }
  .-inline-start-g8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g8));
  }
  .-inline-start-g8 {
    inset-inline-start: calc(0rem - var(--sf-g8));
  }
  .block-start-g8 {
    top: var(--sf-g8);
    inset-block-start: var(--sf-g8);
  }
  .-block-start-g8 {
    top: calc(0rem - var(--sf-g8));
    inset-block-start: calc(0rem - var(--sf-g8));
  }
  .block-end-g8 {
    bottom: var(--sf-g8);
    inset-block-end: var(--sf-g8);
  }
  .-block-end-g8 {
    bottom: calc(0rem - var(--sf-g8));
    inset-block-end: calc(0rem - var(--sf-g8));
  }
  .top-g9 {
    top: var(--sf-g9);
  }
  .-top-g9 {
    top: calc(0rem - var(--sf-g9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-g9 {
    right: var(--sf-g9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-g9 {
    right: var(--sf-g9);
    }
  }
  .inline-end-g9:where(:dir(ltr)) {
    right: var(--sf-g9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-g9 {
    left: var(--sf-g9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-g9 {
    left: var(--sf-g9);
    }
  }
  .inline-end-g9:where(:dir(rtl)) {
    left: var(--sf-g9);
  }
  .inline-end-g9 {
    inset-inline-end: var(--sf-g9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-g9 {
    right: calc(0rem - var(--sf-g9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-g9 {
    right: calc(0rem - var(--sf-g9));
    }
  }
  .-inline-end-g9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-g9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-g9 {
    left: calc(0rem - var(--sf-g9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-g9 {
    left: calc(0rem - var(--sf-g9));
    }
  }
  .-inline-end-g9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-g9));
  }
  .-inline-end-g9 {
    inset-inline-end: calc(0rem - var(--sf-g9));
  }
  .bottom-g9 {
    bottom: var(--sf-g9);
  }
  .-bottom-g9 {
    bottom: calc(0rem - var(--sf-g9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-g9 {
    left: var(--sf-g9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-g9 {
    left: var(--sf-g9);
    }
  }
  .inline-start-g9:where(:dir(ltr)) {
    left: var(--sf-g9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-g9 {
    right: var(--sf-g9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-g9 {
    right: var(--sf-g9);
    }
  }
  .inline-start-g9:where(:dir(rtl)) {
    right: var(--sf-g9);
  }
  .inline-start-g9 {
    inset-inline-start: var(--sf-g9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-g9 {
    left: calc(0rem - var(--sf-g9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-g9 {
    left: calc(0rem - var(--sf-g9));
    }
  }
  .-inline-start-g9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-g9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-g9 {
    right: calc(0rem - var(--sf-g9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-g9 {
    right: calc(0rem - var(--sf-g9));
    }
  }
  .-inline-start-g9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-g9));
  }
  .-inline-start-g9 {
    inset-inline-start: calc(0rem - var(--sf-g9));
  }
  .block-start-g9 {
    top: var(--sf-g9);
    inset-block-start: var(--sf-g9);
  }
  .-block-start-g9 {
    top: calc(0rem - var(--sf-g9));
    inset-block-start: calc(0rem - var(--sf-g9));
  }
  .block-end-g9 {
    bottom: var(--sf-g9);
    inset-block-end: var(--sf-g9);
  }
  .-block-end-g9 {
    bottom: calc(0rem - var(--sf-g9));
    inset-block-end: calc(0rem - var(--sf-g9));
  }
  .top-h0 {
    top: var(--sf-h0);
  }
  .-top-h0 {
    top: calc(0rem - var(--sf-h0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h0 {
    right: var(--sf-h0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h0 {
    right: var(--sf-h0);
    }
  }
  .inline-end-h0:where(:dir(ltr)) {
    right: var(--sf-h0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h0 {
    left: var(--sf-h0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h0 {
    left: var(--sf-h0);
    }
  }
  .inline-end-h0:where(:dir(rtl)) {
    left: var(--sf-h0);
  }
  .inline-end-h0 {
    inset-inline-end: var(--sf-h0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h0 {
    right: calc(0rem - var(--sf-h0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h0 {
    right: calc(0rem - var(--sf-h0));
    }
  }
  .-inline-end-h0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h0 {
    left: calc(0rem - var(--sf-h0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h0 {
    left: calc(0rem - var(--sf-h0));
    }
  }
  .-inline-end-h0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h0));
  }
  .-inline-end-h0 {
    inset-inline-end: calc(0rem - var(--sf-h0));
  }
  .bottom-h0 {
    bottom: var(--sf-h0);
  }
  .-bottom-h0 {
    bottom: calc(0rem - var(--sf-h0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h0 {
    left: var(--sf-h0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h0 {
    left: var(--sf-h0);
    }
  }
  .inline-start-h0:where(:dir(ltr)) {
    left: var(--sf-h0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h0 {
    right: var(--sf-h0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h0 {
    right: var(--sf-h0);
    }
  }
  .inline-start-h0:where(:dir(rtl)) {
    right: var(--sf-h0);
  }
  .inline-start-h0 {
    inset-inline-start: var(--sf-h0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h0 {
    left: calc(0rem - var(--sf-h0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h0 {
    left: calc(0rem - var(--sf-h0));
    }
  }
  .-inline-start-h0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h0 {
    right: calc(0rem - var(--sf-h0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h0 {
    right: calc(0rem - var(--sf-h0));
    }
  }
  .-inline-start-h0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h0));
  }
  .-inline-start-h0 {
    inset-inline-start: calc(0rem - var(--sf-h0));
  }
  .block-start-h0 {
    top: var(--sf-h0);
    inset-block-start: var(--sf-h0);
  }
  .-block-start-h0 {
    top: calc(0rem - var(--sf-h0));
    inset-block-start: calc(0rem - var(--sf-h0));
  }
  .block-end-h0 {
    bottom: var(--sf-h0);
    inset-block-end: var(--sf-h0);
  }
  .-block-end-h0 {
    bottom: calc(0rem - var(--sf-h0));
    inset-block-end: calc(0rem - var(--sf-h0));
  }
  .top-h1 {
    top: var(--sf-h1);
  }
  .-top-h1 {
    top: calc(0rem - var(--sf-h1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h1 {
    right: var(--sf-h1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h1 {
    right: var(--sf-h1);
    }
  }
  .inline-end-h1:where(:dir(ltr)) {
    right: var(--sf-h1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h1 {
    left: var(--sf-h1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h1 {
    left: var(--sf-h1);
    }
  }
  .inline-end-h1:where(:dir(rtl)) {
    left: var(--sf-h1);
  }
  .inline-end-h1 {
    inset-inline-end: var(--sf-h1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h1 {
    right: calc(0rem - var(--sf-h1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h1 {
    right: calc(0rem - var(--sf-h1));
    }
  }
  .-inline-end-h1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h1 {
    left: calc(0rem - var(--sf-h1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h1 {
    left: calc(0rem - var(--sf-h1));
    }
  }
  .-inline-end-h1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h1));
  }
  .-inline-end-h1 {
    inset-inline-end: calc(0rem - var(--sf-h1));
  }
  .bottom-h1 {
    bottom: var(--sf-h1);
  }
  .-bottom-h1 {
    bottom: calc(0rem - var(--sf-h1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h1 {
    left: var(--sf-h1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h1 {
    left: var(--sf-h1);
    }
  }
  .inline-start-h1:where(:dir(ltr)) {
    left: var(--sf-h1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h1 {
    right: var(--sf-h1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h1 {
    right: var(--sf-h1);
    }
  }
  .inline-start-h1:where(:dir(rtl)) {
    right: var(--sf-h1);
  }
  .inline-start-h1 {
    inset-inline-start: var(--sf-h1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h1 {
    left: calc(0rem - var(--sf-h1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h1 {
    left: calc(0rem - var(--sf-h1));
    }
  }
  .-inline-start-h1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h1 {
    right: calc(0rem - var(--sf-h1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h1 {
    right: calc(0rem - var(--sf-h1));
    }
  }
  .-inline-start-h1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h1));
  }
  .-inline-start-h1 {
    inset-inline-start: calc(0rem - var(--sf-h1));
  }
  .block-start-h1 {
    top: var(--sf-h1);
    inset-block-start: var(--sf-h1);
  }
  .-block-start-h1 {
    top: calc(0rem - var(--sf-h1));
    inset-block-start: calc(0rem - var(--sf-h1));
  }
  .block-end-h1 {
    bottom: var(--sf-h1);
    inset-block-end: var(--sf-h1);
  }
  .-block-end-h1 {
    bottom: calc(0rem - var(--sf-h1));
    inset-block-end: calc(0rem - var(--sf-h1));
  }
  .top-h2 {
    top: var(--sf-h2);
  }
  .-top-h2 {
    top: calc(0rem - var(--sf-h2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h2 {
    right: var(--sf-h2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h2 {
    right: var(--sf-h2);
    }
  }
  .inline-end-h2:where(:dir(ltr)) {
    right: var(--sf-h2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h2 {
    left: var(--sf-h2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h2 {
    left: var(--sf-h2);
    }
  }
  .inline-end-h2:where(:dir(rtl)) {
    left: var(--sf-h2);
  }
  .inline-end-h2 {
    inset-inline-end: var(--sf-h2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h2 {
    right: calc(0rem - var(--sf-h2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h2 {
    right: calc(0rem - var(--sf-h2));
    }
  }
  .-inline-end-h2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h2 {
    left: calc(0rem - var(--sf-h2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h2 {
    left: calc(0rem - var(--sf-h2));
    }
  }
  .-inline-end-h2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h2));
  }
  .-inline-end-h2 {
    inset-inline-end: calc(0rem - var(--sf-h2));
  }
  .bottom-h2 {
    bottom: var(--sf-h2);
  }
  .-bottom-h2 {
    bottom: calc(0rem - var(--sf-h2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h2 {
    left: var(--sf-h2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h2 {
    left: var(--sf-h2);
    }
  }
  .inline-start-h2:where(:dir(ltr)) {
    left: var(--sf-h2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h2 {
    right: var(--sf-h2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h2 {
    right: var(--sf-h2);
    }
  }
  .inline-start-h2:where(:dir(rtl)) {
    right: var(--sf-h2);
  }
  .inline-start-h2 {
    inset-inline-start: var(--sf-h2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h2 {
    left: calc(0rem - var(--sf-h2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h2 {
    left: calc(0rem - var(--sf-h2));
    }
  }
  .-inline-start-h2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h2 {
    right: calc(0rem - var(--sf-h2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h2 {
    right: calc(0rem - var(--sf-h2));
    }
  }
  .-inline-start-h2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h2));
  }
  .-inline-start-h2 {
    inset-inline-start: calc(0rem - var(--sf-h2));
  }
  .block-start-h2 {
    top: var(--sf-h2);
    inset-block-start: var(--sf-h2);
  }
  .-block-start-h2 {
    top: calc(0rem - var(--sf-h2));
    inset-block-start: calc(0rem - var(--sf-h2));
  }
  .block-end-h2 {
    bottom: var(--sf-h2);
    inset-block-end: var(--sf-h2);
  }
  .-block-end-h2 {
    bottom: calc(0rem - var(--sf-h2));
    inset-block-end: calc(0rem - var(--sf-h2));
  }
  .top-h3 {
    top: var(--sf-h3);
  }
  .-top-h3 {
    top: calc(0rem - var(--sf-h3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h3 {
    right: var(--sf-h3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h3 {
    right: var(--sf-h3);
    }
  }
  .inline-end-h3:where(:dir(ltr)) {
    right: var(--sf-h3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h3 {
    left: var(--sf-h3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h3 {
    left: var(--sf-h3);
    }
  }
  .inline-end-h3:where(:dir(rtl)) {
    left: var(--sf-h3);
  }
  .inline-end-h3 {
    inset-inline-end: var(--sf-h3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h3 {
    right: calc(0rem - var(--sf-h3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h3 {
    right: calc(0rem - var(--sf-h3));
    }
  }
  .-inline-end-h3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h3 {
    left: calc(0rem - var(--sf-h3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h3 {
    left: calc(0rem - var(--sf-h3));
    }
  }
  .-inline-end-h3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h3));
  }
  .-inline-end-h3 {
    inset-inline-end: calc(0rem - var(--sf-h3));
  }
  .bottom-h3 {
    bottom: var(--sf-h3);
  }
  .-bottom-h3 {
    bottom: calc(0rem - var(--sf-h3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h3 {
    left: var(--sf-h3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h3 {
    left: var(--sf-h3);
    }
  }
  .inline-start-h3:where(:dir(ltr)) {
    left: var(--sf-h3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h3 {
    right: var(--sf-h3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h3 {
    right: var(--sf-h3);
    }
  }
  .inline-start-h3:where(:dir(rtl)) {
    right: var(--sf-h3);
  }
  .inline-start-h3 {
    inset-inline-start: var(--sf-h3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h3 {
    left: calc(0rem - var(--sf-h3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h3 {
    left: calc(0rem - var(--sf-h3));
    }
  }
  .-inline-start-h3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h3 {
    right: calc(0rem - var(--sf-h3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h3 {
    right: calc(0rem - var(--sf-h3));
    }
  }
  .-inline-start-h3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h3));
  }
  .-inline-start-h3 {
    inset-inline-start: calc(0rem - var(--sf-h3));
  }
  .block-start-h3 {
    top: var(--sf-h3);
    inset-block-start: var(--sf-h3);
  }
  .-block-start-h3 {
    top: calc(0rem - var(--sf-h3));
    inset-block-start: calc(0rem - var(--sf-h3));
  }
  .block-end-h3 {
    bottom: var(--sf-h3);
    inset-block-end: var(--sf-h3);
  }
  .-block-end-h3 {
    bottom: calc(0rem - var(--sf-h3));
    inset-block-end: calc(0rem - var(--sf-h3));
  }
  .top-h4 {
    top: var(--sf-h4);
  }
  .-top-h4 {
    top: calc(0rem - var(--sf-h4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h4 {
    right: var(--sf-h4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h4 {
    right: var(--sf-h4);
    }
  }
  .inline-end-h4:where(:dir(ltr)) {
    right: var(--sf-h4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h4 {
    left: var(--sf-h4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h4 {
    left: var(--sf-h4);
    }
  }
  .inline-end-h4:where(:dir(rtl)) {
    left: var(--sf-h4);
  }
  .inline-end-h4 {
    inset-inline-end: var(--sf-h4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h4 {
    right: calc(0rem - var(--sf-h4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h4 {
    right: calc(0rem - var(--sf-h4));
    }
  }
  .-inline-end-h4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h4 {
    left: calc(0rem - var(--sf-h4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h4 {
    left: calc(0rem - var(--sf-h4));
    }
  }
  .-inline-end-h4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h4));
  }
  .-inline-end-h4 {
    inset-inline-end: calc(0rem - var(--sf-h4));
  }
  .bottom-h4 {
    bottom: var(--sf-h4);
  }
  .-bottom-h4 {
    bottom: calc(0rem - var(--sf-h4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h4 {
    left: var(--sf-h4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h4 {
    left: var(--sf-h4);
    }
  }
  .inline-start-h4:where(:dir(ltr)) {
    left: var(--sf-h4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h4 {
    right: var(--sf-h4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h4 {
    right: var(--sf-h4);
    }
  }
  .inline-start-h4:where(:dir(rtl)) {
    right: var(--sf-h4);
  }
  .inline-start-h4 {
    inset-inline-start: var(--sf-h4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h4 {
    left: calc(0rem - var(--sf-h4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h4 {
    left: calc(0rem - var(--sf-h4));
    }
  }
  .-inline-start-h4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h4 {
    right: calc(0rem - var(--sf-h4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h4 {
    right: calc(0rem - var(--sf-h4));
    }
  }
  .-inline-start-h4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h4));
  }
  .-inline-start-h4 {
    inset-inline-start: calc(0rem - var(--sf-h4));
  }
  .block-start-h4 {
    top: var(--sf-h4);
    inset-block-start: var(--sf-h4);
  }
  .-block-start-h4 {
    top: calc(0rem - var(--sf-h4));
    inset-block-start: calc(0rem - var(--sf-h4));
  }
  .block-end-h4 {
    bottom: var(--sf-h4);
    inset-block-end: var(--sf-h4);
  }
  .-block-end-h4 {
    bottom: calc(0rem - var(--sf-h4));
    inset-block-end: calc(0rem - var(--sf-h4));
  }
  .top-h5 {
    top: var(--sf-h5);
  }
  .-top-h5 {
    top: calc(0rem - var(--sf-h5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h5 {
    right: var(--sf-h5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h5 {
    right: var(--sf-h5);
    }
  }
  .inline-end-h5:where(:dir(ltr)) {
    right: var(--sf-h5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h5 {
    left: var(--sf-h5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h5 {
    left: var(--sf-h5);
    }
  }
  .inline-end-h5:where(:dir(rtl)) {
    left: var(--sf-h5);
  }
  .inline-end-h5 {
    inset-inline-end: var(--sf-h5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h5 {
    right: calc(0rem - var(--sf-h5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h5 {
    right: calc(0rem - var(--sf-h5));
    }
  }
  .-inline-end-h5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h5 {
    left: calc(0rem - var(--sf-h5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h5 {
    left: calc(0rem - var(--sf-h5));
    }
  }
  .-inline-end-h5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h5));
  }
  .-inline-end-h5 {
    inset-inline-end: calc(0rem - var(--sf-h5));
  }
  .bottom-h5 {
    bottom: var(--sf-h5);
  }
  .-bottom-h5 {
    bottom: calc(0rem - var(--sf-h5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h5 {
    left: var(--sf-h5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h5 {
    left: var(--sf-h5);
    }
  }
  .inline-start-h5:where(:dir(ltr)) {
    left: var(--sf-h5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h5 {
    right: var(--sf-h5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h5 {
    right: var(--sf-h5);
    }
  }
  .inline-start-h5:where(:dir(rtl)) {
    right: var(--sf-h5);
  }
  .inline-start-h5 {
    inset-inline-start: var(--sf-h5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h5 {
    left: calc(0rem - var(--sf-h5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h5 {
    left: calc(0rem - var(--sf-h5));
    }
  }
  .-inline-start-h5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h5 {
    right: calc(0rem - var(--sf-h5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h5 {
    right: calc(0rem - var(--sf-h5));
    }
  }
  .-inline-start-h5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h5));
  }
  .-inline-start-h5 {
    inset-inline-start: calc(0rem - var(--sf-h5));
  }
  .block-start-h5 {
    top: var(--sf-h5);
    inset-block-start: var(--sf-h5);
  }
  .-block-start-h5 {
    top: calc(0rem - var(--sf-h5));
    inset-block-start: calc(0rem - var(--sf-h5));
  }
  .block-end-h5 {
    bottom: var(--sf-h5);
    inset-block-end: var(--sf-h5);
  }
  .-block-end-h5 {
    bottom: calc(0rem - var(--sf-h5));
    inset-block-end: calc(0rem - var(--sf-h5));
  }
  .top-h6 {
    top: var(--sf-h6);
  }
  .-top-h6 {
    top: calc(0rem - var(--sf-h6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h6 {
    right: var(--sf-h6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h6 {
    right: var(--sf-h6);
    }
  }
  .inline-end-h6:where(:dir(ltr)) {
    right: var(--sf-h6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h6 {
    left: var(--sf-h6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h6 {
    left: var(--sf-h6);
    }
  }
  .inline-end-h6:where(:dir(rtl)) {
    left: var(--sf-h6);
  }
  .inline-end-h6 {
    inset-inline-end: var(--sf-h6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h6 {
    right: calc(0rem - var(--sf-h6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h6 {
    right: calc(0rem - var(--sf-h6));
    }
  }
  .-inline-end-h6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h6 {
    left: calc(0rem - var(--sf-h6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h6 {
    left: calc(0rem - var(--sf-h6));
    }
  }
  .-inline-end-h6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h6));
  }
  .-inline-end-h6 {
    inset-inline-end: calc(0rem - var(--sf-h6));
  }
  .bottom-h6 {
    bottom: var(--sf-h6);
  }
  .-bottom-h6 {
    bottom: calc(0rem - var(--sf-h6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h6 {
    left: var(--sf-h6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h6 {
    left: var(--sf-h6);
    }
  }
  .inline-start-h6:where(:dir(ltr)) {
    left: var(--sf-h6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h6 {
    right: var(--sf-h6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h6 {
    right: var(--sf-h6);
    }
  }
  .inline-start-h6:where(:dir(rtl)) {
    right: var(--sf-h6);
  }
  .inline-start-h6 {
    inset-inline-start: var(--sf-h6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h6 {
    left: calc(0rem - var(--sf-h6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h6 {
    left: calc(0rem - var(--sf-h6));
    }
  }
  .-inline-start-h6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h6 {
    right: calc(0rem - var(--sf-h6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h6 {
    right: calc(0rem - var(--sf-h6));
    }
  }
  .-inline-start-h6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h6));
  }
  .-inline-start-h6 {
    inset-inline-start: calc(0rem - var(--sf-h6));
  }
  .block-start-h6 {
    top: var(--sf-h6);
    inset-block-start: var(--sf-h6);
  }
  .-block-start-h6 {
    top: calc(0rem - var(--sf-h6));
    inset-block-start: calc(0rem - var(--sf-h6));
  }
  .block-end-h6 {
    bottom: var(--sf-h6);
    inset-block-end: var(--sf-h6);
  }
  .-block-end-h6 {
    bottom: calc(0rem - var(--sf-h6));
    inset-block-end: calc(0rem - var(--sf-h6));
  }
  .top-h7 {
    top: var(--sf-h7);
  }
  .-top-h7 {
    top: calc(0rem - var(--sf-h7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h7 {
    right: var(--sf-h7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h7 {
    right: var(--sf-h7);
    }
  }
  .inline-end-h7:where(:dir(ltr)) {
    right: var(--sf-h7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h7 {
    left: var(--sf-h7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h7 {
    left: var(--sf-h7);
    }
  }
  .inline-end-h7:where(:dir(rtl)) {
    left: var(--sf-h7);
  }
  .inline-end-h7 {
    inset-inline-end: var(--sf-h7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h7 {
    right: calc(0rem - var(--sf-h7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h7 {
    right: calc(0rem - var(--sf-h7));
    }
  }
  .-inline-end-h7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h7 {
    left: calc(0rem - var(--sf-h7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h7 {
    left: calc(0rem - var(--sf-h7));
    }
  }
  .-inline-end-h7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h7));
  }
  .-inline-end-h7 {
    inset-inline-end: calc(0rem - var(--sf-h7));
  }
  .bottom-h7 {
    bottom: var(--sf-h7);
  }
  .-bottom-h7 {
    bottom: calc(0rem - var(--sf-h7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h7 {
    left: var(--sf-h7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h7 {
    left: var(--sf-h7);
    }
  }
  .inline-start-h7:where(:dir(ltr)) {
    left: var(--sf-h7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h7 {
    right: var(--sf-h7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h7 {
    right: var(--sf-h7);
    }
  }
  .inline-start-h7:where(:dir(rtl)) {
    right: var(--sf-h7);
  }
  .inline-start-h7 {
    inset-inline-start: var(--sf-h7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h7 {
    left: calc(0rem - var(--sf-h7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h7 {
    left: calc(0rem - var(--sf-h7));
    }
  }
  .-inline-start-h7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h7 {
    right: calc(0rem - var(--sf-h7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h7 {
    right: calc(0rem - var(--sf-h7));
    }
  }
  .-inline-start-h7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h7));
  }
  .-inline-start-h7 {
    inset-inline-start: calc(0rem - var(--sf-h7));
  }
  .block-start-h7 {
    top: var(--sf-h7);
    inset-block-start: var(--sf-h7);
  }
  .-block-start-h7 {
    top: calc(0rem - var(--sf-h7));
    inset-block-start: calc(0rem - var(--sf-h7));
  }
  .block-end-h7 {
    bottom: var(--sf-h7);
    inset-block-end: var(--sf-h7);
  }
  .-block-end-h7 {
    bottom: calc(0rem - var(--sf-h7));
    inset-block-end: calc(0rem - var(--sf-h7));
  }
  .top-h8 {
    top: var(--sf-h8);
  }
  .-top-h8 {
    top: calc(0rem - var(--sf-h8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h8 {
    right: var(--sf-h8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h8 {
    right: var(--sf-h8);
    }
  }
  .inline-end-h8:where(:dir(ltr)) {
    right: var(--sf-h8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h8 {
    left: var(--sf-h8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h8 {
    left: var(--sf-h8);
    }
  }
  .inline-end-h8:where(:dir(rtl)) {
    left: var(--sf-h8);
  }
  .inline-end-h8 {
    inset-inline-end: var(--sf-h8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h8 {
    right: calc(0rem - var(--sf-h8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h8 {
    right: calc(0rem - var(--sf-h8));
    }
  }
  .-inline-end-h8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h8 {
    left: calc(0rem - var(--sf-h8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h8 {
    left: calc(0rem - var(--sf-h8));
    }
  }
  .-inline-end-h8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h8));
  }
  .-inline-end-h8 {
    inset-inline-end: calc(0rem - var(--sf-h8));
  }
  .bottom-h8 {
    bottom: var(--sf-h8);
  }
  .-bottom-h8 {
    bottom: calc(0rem - var(--sf-h8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h8 {
    left: var(--sf-h8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h8 {
    left: var(--sf-h8);
    }
  }
  .inline-start-h8:where(:dir(ltr)) {
    left: var(--sf-h8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h8 {
    right: var(--sf-h8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h8 {
    right: var(--sf-h8);
    }
  }
  .inline-start-h8:where(:dir(rtl)) {
    right: var(--sf-h8);
  }
  .inline-start-h8 {
    inset-inline-start: var(--sf-h8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h8 {
    left: calc(0rem - var(--sf-h8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h8 {
    left: calc(0rem - var(--sf-h8));
    }
  }
  .-inline-start-h8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h8 {
    right: calc(0rem - var(--sf-h8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h8 {
    right: calc(0rem - var(--sf-h8));
    }
  }
  .-inline-start-h8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h8));
  }
  .-inline-start-h8 {
    inset-inline-start: calc(0rem - var(--sf-h8));
  }
  .block-start-h8 {
    top: var(--sf-h8);
    inset-block-start: var(--sf-h8);
  }
  .-block-start-h8 {
    top: calc(0rem - var(--sf-h8));
    inset-block-start: calc(0rem - var(--sf-h8));
  }
  .block-end-h8 {
    bottom: var(--sf-h8);
    inset-block-end: var(--sf-h8);
  }
  .-block-end-h8 {
    bottom: calc(0rem - var(--sf-h8));
    inset-block-end: calc(0rem - var(--sf-h8));
  }
  .top-h9 {
    top: var(--sf-h9);
  }
  .-top-h9 {
    top: calc(0rem - var(--sf-h9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-h9 {
    right: var(--sf-h9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-h9 {
    right: var(--sf-h9);
    }
  }
  .inline-end-h9:where(:dir(ltr)) {
    right: var(--sf-h9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-h9 {
    left: var(--sf-h9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-h9 {
    left: var(--sf-h9);
    }
  }
  .inline-end-h9:where(:dir(rtl)) {
    left: var(--sf-h9);
  }
  .inline-end-h9 {
    inset-inline-end: var(--sf-h9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-h9 {
    right: calc(0rem - var(--sf-h9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-h9 {
    right: calc(0rem - var(--sf-h9));
    }
  }
  .-inline-end-h9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-h9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-h9 {
    left: calc(0rem - var(--sf-h9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-h9 {
    left: calc(0rem - var(--sf-h9));
    }
  }
  .-inline-end-h9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-h9));
  }
  .-inline-end-h9 {
    inset-inline-end: calc(0rem - var(--sf-h9));
  }
  .bottom-h9 {
    bottom: var(--sf-h9);
  }
  .-bottom-h9 {
    bottom: calc(0rem - var(--sf-h9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-h9 {
    left: var(--sf-h9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-h9 {
    left: var(--sf-h9);
    }
  }
  .inline-start-h9:where(:dir(ltr)) {
    left: var(--sf-h9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-h9 {
    right: var(--sf-h9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-h9 {
    right: var(--sf-h9);
    }
  }
  .inline-start-h9:where(:dir(rtl)) {
    right: var(--sf-h9);
  }
  .inline-start-h9 {
    inset-inline-start: var(--sf-h9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-h9 {
    left: calc(0rem - var(--sf-h9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-h9 {
    left: calc(0rem - var(--sf-h9));
    }
  }
  .-inline-start-h9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-h9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-h9 {
    right: calc(0rem - var(--sf-h9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-h9 {
    right: calc(0rem - var(--sf-h9));
    }
  }
  .-inline-start-h9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-h9));
  }
  .-inline-start-h9 {
    inset-inline-start: calc(0rem - var(--sf-h9));
  }
  .block-start-h9 {
    top: var(--sf-h9);
    inset-block-start: var(--sf-h9);
  }
  .-block-start-h9 {
    top: calc(0rem - var(--sf-h9));
    inset-block-start: calc(0rem - var(--sf-h9));
  }
  .block-end-h9 {
    bottom: var(--sf-h9);
    inset-block-end: var(--sf-h9);
  }
  .-block-end-h9 {
    bottom: calc(0rem - var(--sf-h9));
    inset-block-end: calc(0rem - var(--sf-h9));
  }
  .top-i0 {
    top: var(--sf-i0);
  }
  .-top-i0 {
    top: calc(0rem - var(--sf-i0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i0 {
    right: var(--sf-i0);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i0 {
    right: var(--sf-i0);
    }
  }
  .inline-end-i0:where(:dir(ltr)) {
    right: var(--sf-i0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i0 {
    left: var(--sf-i0);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i0 {
    left: var(--sf-i0);
    }
  }
  .inline-end-i0:where(:dir(rtl)) {
    left: var(--sf-i0);
  }
  .inline-end-i0 {
    inset-inline-end: var(--sf-i0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i0 {
    right: calc(0rem - var(--sf-i0));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i0 {
    right: calc(0rem - var(--sf-i0));
    }
  }
  .-inline-end-i0:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i0 {
    left: calc(0rem - var(--sf-i0));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i0 {
    left: calc(0rem - var(--sf-i0));
    }
  }
  .-inline-end-i0:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i0));
  }
  .-inline-end-i0 {
    inset-inline-end: calc(0rem - var(--sf-i0));
  }
  .bottom-i0 {
    bottom: var(--sf-i0);
  }
  .-bottom-i0 {
    bottom: calc(0rem - var(--sf-i0));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i0 {
    left: var(--sf-i0);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i0 {
    left: var(--sf-i0);
    }
  }
  .inline-start-i0:where(:dir(ltr)) {
    left: var(--sf-i0);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i0 {
    right: var(--sf-i0);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i0 {
    right: var(--sf-i0);
    }
  }
  .inline-start-i0:where(:dir(rtl)) {
    right: var(--sf-i0);
  }
  .inline-start-i0 {
    inset-inline-start: var(--sf-i0);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i0 {
    left: calc(0rem - var(--sf-i0));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i0 {
    left: calc(0rem - var(--sf-i0));
    }
  }
  .-inline-start-i0:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i0));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i0 {
    right: calc(0rem - var(--sf-i0));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i0 {
    right: calc(0rem - var(--sf-i0));
    }
  }
  .-inline-start-i0:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i0));
  }
  .-inline-start-i0 {
    inset-inline-start: calc(0rem - var(--sf-i0));
  }
  .block-start-i0 {
    top: var(--sf-i0);
    inset-block-start: var(--sf-i0);
  }
  .-block-start-i0 {
    top: calc(0rem - var(--sf-i0));
    inset-block-start: calc(0rem - var(--sf-i0));
  }
  .block-end-i0 {
    bottom: var(--sf-i0);
    inset-block-end: var(--sf-i0);
  }
  .-block-end-i0 {
    bottom: calc(0rem - var(--sf-i0));
    inset-block-end: calc(0rem - var(--sf-i0));
  }
  .top-i1 {
    top: var(--sf-i1);
  }
  .-top-i1 {
    top: calc(0rem - var(--sf-i1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i1 {
    right: var(--sf-i1);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i1 {
    right: var(--sf-i1);
    }
  }
  .inline-end-i1:where(:dir(ltr)) {
    right: var(--sf-i1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i1 {
    left: var(--sf-i1);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i1 {
    left: var(--sf-i1);
    }
  }
  .inline-end-i1:where(:dir(rtl)) {
    left: var(--sf-i1);
  }
  .inline-end-i1 {
    inset-inline-end: var(--sf-i1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i1 {
    right: calc(0rem - var(--sf-i1));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i1 {
    right: calc(0rem - var(--sf-i1));
    }
  }
  .-inline-end-i1:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i1 {
    left: calc(0rem - var(--sf-i1));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i1 {
    left: calc(0rem - var(--sf-i1));
    }
  }
  .-inline-end-i1:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i1));
  }
  .-inline-end-i1 {
    inset-inline-end: calc(0rem - var(--sf-i1));
  }
  .bottom-i1 {
    bottom: var(--sf-i1);
  }
  .-bottom-i1 {
    bottom: calc(0rem - var(--sf-i1));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i1 {
    left: var(--sf-i1);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i1 {
    left: var(--sf-i1);
    }
  }
  .inline-start-i1:where(:dir(ltr)) {
    left: var(--sf-i1);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i1 {
    right: var(--sf-i1);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i1 {
    right: var(--sf-i1);
    }
  }
  .inline-start-i1:where(:dir(rtl)) {
    right: var(--sf-i1);
  }
  .inline-start-i1 {
    inset-inline-start: var(--sf-i1);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i1 {
    left: calc(0rem - var(--sf-i1));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i1 {
    left: calc(0rem - var(--sf-i1));
    }
  }
  .-inline-start-i1:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i1));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i1 {
    right: calc(0rem - var(--sf-i1));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i1 {
    right: calc(0rem - var(--sf-i1));
    }
  }
  .-inline-start-i1:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i1));
  }
  .-inline-start-i1 {
    inset-inline-start: calc(0rem - var(--sf-i1));
  }
  .block-start-i1 {
    top: var(--sf-i1);
    inset-block-start: var(--sf-i1);
  }
  .-block-start-i1 {
    top: calc(0rem - var(--sf-i1));
    inset-block-start: calc(0rem - var(--sf-i1));
  }
  .block-end-i1 {
    bottom: var(--sf-i1);
    inset-block-end: var(--sf-i1);
  }
  .-block-end-i1 {
    bottom: calc(0rem - var(--sf-i1));
    inset-block-end: calc(0rem - var(--sf-i1));
  }
  .top-i2 {
    top: var(--sf-i2);
  }
  .-top-i2 {
    top: calc(0rem - var(--sf-i2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i2 {
    right: var(--sf-i2);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i2 {
    right: var(--sf-i2);
    }
  }
  .inline-end-i2:where(:dir(ltr)) {
    right: var(--sf-i2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i2 {
    left: var(--sf-i2);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i2 {
    left: var(--sf-i2);
    }
  }
  .inline-end-i2:where(:dir(rtl)) {
    left: var(--sf-i2);
  }
  .inline-end-i2 {
    inset-inline-end: var(--sf-i2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i2 {
    right: calc(0rem - var(--sf-i2));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i2 {
    right: calc(0rem - var(--sf-i2));
    }
  }
  .-inline-end-i2:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i2 {
    left: calc(0rem - var(--sf-i2));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i2 {
    left: calc(0rem - var(--sf-i2));
    }
  }
  .-inline-end-i2:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i2));
  }
  .-inline-end-i2 {
    inset-inline-end: calc(0rem - var(--sf-i2));
  }
  .bottom-i2 {
    bottom: var(--sf-i2);
  }
  .-bottom-i2 {
    bottom: calc(0rem - var(--sf-i2));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i2 {
    left: var(--sf-i2);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i2 {
    left: var(--sf-i2);
    }
  }
  .inline-start-i2:where(:dir(ltr)) {
    left: var(--sf-i2);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i2 {
    right: var(--sf-i2);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i2 {
    right: var(--sf-i2);
    }
  }
  .inline-start-i2:where(:dir(rtl)) {
    right: var(--sf-i2);
  }
  .inline-start-i2 {
    inset-inline-start: var(--sf-i2);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i2 {
    left: calc(0rem - var(--sf-i2));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i2 {
    left: calc(0rem - var(--sf-i2));
    }
  }
  .-inline-start-i2:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i2));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i2 {
    right: calc(0rem - var(--sf-i2));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i2 {
    right: calc(0rem - var(--sf-i2));
    }
  }
  .-inline-start-i2:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i2));
  }
  .-inline-start-i2 {
    inset-inline-start: calc(0rem - var(--sf-i2));
  }
  .block-start-i2 {
    top: var(--sf-i2);
    inset-block-start: var(--sf-i2);
  }
  .-block-start-i2 {
    top: calc(0rem - var(--sf-i2));
    inset-block-start: calc(0rem - var(--sf-i2));
  }
  .block-end-i2 {
    bottom: var(--sf-i2);
    inset-block-end: var(--sf-i2);
  }
  .-block-end-i2 {
    bottom: calc(0rem - var(--sf-i2));
    inset-block-end: calc(0rem - var(--sf-i2));
  }
  .top-i3 {
    top: var(--sf-i3);
  }
  .-top-i3 {
    top: calc(0rem - var(--sf-i3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i3 {
    right: var(--sf-i3);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i3 {
    right: var(--sf-i3);
    }
  }
  .inline-end-i3:where(:dir(ltr)) {
    right: var(--sf-i3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i3 {
    left: var(--sf-i3);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i3 {
    left: var(--sf-i3);
    }
  }
  .inline-end-i3:where(:dir(rtl)) {
    left: var(--sf-i3);
  }
  .inline-end-i3 {
    inset-inline-end: var(--sf-i3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i3 {
    right: calc(0rem - var(--sf-i3));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i3 {
    right: calc(0rem - var(--sf-i3));
    }
  }
  .-inline-end-i3:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i3 {
    left: calc(0rem - var(--sf-i3));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i3 {
    left: calc(0rem - var(--sf-i3));
    }
  }
  .-inline-end-i3:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i3));
  }
  .-inline-end-i3 {
    inset-inline-end: calc(0rem - var(--sf-i3));
  }
  .bottom-i3 {
    bottom: var(--sf-i3);
  }
  .-bottom-i3 {
    bottom: calc(0rem - var(--sf-i3));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i3 {
    left: var(--sf-i3);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i3 {
    left: var(--sf-i3);
    }
  }
  .inline-start-i3:where(:dir(ltr)) {
    left: var(--sf-i3);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i3 {
    right: var(--sf-i3);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i3 {
    right: var(--sf-i3);
    }
  }
  .inline-start-i3:where(:dir(rtl)) {
    right: var(--sf-i3);
  }
  .inline-start-i3 {
    inset-inline-start: var(--sf-i3);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i3 {
    left: calc(0rem - var(--sf-i3));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i3 {
    left: calc(0rem - var(--sf-i3));
    }
  }
  .-inline-start-i3:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i3));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i3 {
    right: calc(0rem - var(--sf-i3));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i3 {
    right: calc(0rem - var(--sf-i3));
    }
  }
  .-inline-start-i3:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i3));
  }
  .-inline-start-i3 {
    inset-inline-start: calc(0rem - var(--sf-i3));
  }
  .block-start-i3 {
    top: var(--sf-i3);
    inset-block-start: var(--sf-i3);
  }
  .-block-start-i3 {
    top: calc(0rem - var(--sf-i3));
    inset-block-start: calc(0rem - var(--sf-i3));
  }
  .block-end-i3 {
    bottom: var(--sf-i3);
    inset-block-end: var(--sf-i3);
  }
  .-block-end-i3 {
    bottom: calc(0rem - var(--sf-i3));
    inset-block-end: calc(0rem - var(--sf-i3));
  }
  .top-i4 {
    top: var(--sf-i4);
  }
  .-top-i4 {
    top: calc(0rem - var(--sf-i4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i4 {
    right: var(--sf-i4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i4 {
    right: var(--sf-i4);
    }
  }
  .inline-end-i4:where(:dir(ltr)) {
    right: var(--sf-i4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i4 {
    left: var(--sf-i4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i4 {
    left: var(--sf-i4);
    }
  }
  .inline-end-i4:where(:dir(rtl)) {
    left: var(--sf-i4);
  }
  .inline-end-i4 {
    inset-inline-end: var(--sf-i4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i4 {
    right: calc(0rem - var(--sf-i4));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i4 {
    right: calc(0rem - var(--sf-i4));
    }
  }
  .-inline-end-i4:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i4 {
    left: calc(0rem - var(--sf-i4));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i4 {
    left: calc(0rem - var(--sf-i4));
    }
  }
  .-inline-end-i4:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i4));
  }
  .-inline-end-i4 {
    inset-inline-end: calc(0rem - var(--sf-i4));
  }
  .bottom-i4 {
    bottom: var(--sf-i4);
  }
  .-bottom-i4 {
    bottom: calc(0rem - var(--sf-i4));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i4 {
    left: var(--sf-i4);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i4 {
    left: var(--sf-i4);
    }
  }
  .inline-start-i4:where(:dir(ltr)) {
    left: var(--sf-i4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i4 {
    right: var(--sf-i4);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i4 {
    right: var(--sf-i4);
    }
  }
  .inline-start-i4:where(:dir(rtl)) {
    right: var(--sf-i4);
  }
  .inline-start-i4 {
    inset-inline-start: var(--sf-i4);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i4 {
    left: calc(0rem - var(--sf-i4));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i4 {
    left: calc(0rem - var(--sf-i4));
    }
  }
  .-inline-start-i4:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i4));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i4 {
    right: calc(0rem - var(--sf-i4));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i4 {
    right: calc(0rem - var(--sf-i4));
    }
  }
  .-inline-start-i4:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i4));
  }
  .-inline-start-i4 {
    inset-inline-start: calc(0rem - var(--sf-i4));
  }
  .block-start-i4 {
    top: var(--sf-i4);
    inset-block-start: var(--sf-i4);
  }
  .-block-start-i4 {
    top: calc(0rem - var(--sf-i4));
    inset-block-start: calc(0rem - var(--sf-i4));
  }
  .block-end-i4 {
    bottom: var(--sf-i4);
    inset-block-end: var(--sf-i4);
  }
  .-block-end-i4 {
    bottom: calc(0rem - var(--sf-i4));
    inset-block-end: calc(0rem - var(--sf-i4));
  }
  .top-i5 {
    top: var(--sf-i5);
  }
  .-top-i5 {
    top: calc(0rem - var(--sf-i5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i5 {
    right: var(--sf-i5);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i5 {
    right: var(--sf-i5);
    }
  }
  .inline-end-i5:where(:dir(ltr)) {
    right: var(--sf-i5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i5 {
    left: var(--sf-i5);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i5 {
    left: var(--sf-i5);
    }
  }
  .inline-end-i5:where(:dir(rtl)) {
    left: var(--sf-i5);
  }
  .inline-end-i5 {
    inset-inline-end: var(--sf-i5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i5 {
    right: calc(0rem - var(--sf-i5));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i5 {
    right: calc(0rem - var(--sf-i5));
    }
  }
  .-inline-end-i5:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i5 {
    left: calc(0rem - var(--sf-i5));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i5 {
    left: calc(0rem - var(--sf-i5));
    }
  }
  .-inline-end-i5:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i5));
  }
  .-inline-end-i5 {
    inset-inline-end: calc(0rem - var(--sf-i5));
  }
  .bottom-i5 {
    bottom: var(--sf-i5);
  }
  .-bottom-i5 {
    bottom: calc(0rem - var(--sf-i5));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i5 {
    left: var(--sf-i5);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i5 {
    left: var(--sf-i5);
    }
  }
  .inline-start-i5:where(:dir(ltr)) {
    left: var(--sf-i5);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i5 {
    right: var(--sf-i5);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i5 {
    right: var(--sf-i5);
    }
  }
  .inline-start-i5:where(:dir(rtl)) {
    right: var(--sf-i5);
  }
  .inline-start-i5 {
    inset-inline-start: var(--sf-i5);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i5 {
    left: calc(0rem - var(--sf-i5));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i5 {
    left: calc(0rem - var(--sf-i5));
    }
  }
  .-inline-start-i5:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i5));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i5 {
    right: calc(0rem - var(--sf-i5));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i5 {
    right: calc(0rem - var(--sf-i5));
    }
  }
  .-inline-start-i5:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i5));
  }
  .-inline-start-i5 {
    inset-inline-start: calc(0rem - var(--sf-i5));
  }
  .block-start-i5 {
    top: var(--sf-i5);
    inset-block-start: var(--sf-i5);
  }
  .-block-start-i5 {
    top: calc(0rem - var(--sf-i5));
    inset-block-start: calc(0rem - var(--sf-i5));
  }
  .block-end-i5 {
    bottom: var(--sf-i5);
    inset-block-end: var(--sf-i5);
  }
  .-block-end-i5 {
    bottom: calc(0rem - var(--sf-i5));
    inset-block-end: calc(0rem - var(--sf-i5));
  }
  .top-i6 {
    top: var(--sf-i6);
  }
  .-top-i6 {
    top: calc(0rem - var(--sf-i6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i6 {
    right: var(--sf-i6);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i6 {
    right: var(--sf-i6);
    }
  }
  .inline-end-i6:where(:dir(ltr)) {
    right: var(--sf-i6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i6 {
    left: var(--sf-i6);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i6 {
    left: var(--sf-i6);
    }
  }
  .inline-end-i6:where(:dir(rtl)) {
    left: var(--sf-i6);
  }
  .inline-end-i6 {
    inset-inline-end: var(--sf-i6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i6 {
    right: calc(0rem - var(--sf-i6));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i6 {
    right: calc(0rem - var(--sf-i6));
    }
  }
  .-inline-end-i6:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i6 {
    left: calc(0rem - var(--sf-i6));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i6 {
    left: calc(0rem - var(--sf-i6));
    }
  }
  .-inline-end-i6:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i6));
  }
  .-inline-end-i6 {
    inset-inline-end: calc(0rem - var(--sf-i6));
  }
  .bottom-i6 {
    bottom: var(--sf-i6);
  }
  .-bottom-i6 {
    bottom: calc(0rem - var(--sf-i6));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i6 {
    left: var(--sf-i6);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i6 {
    left: var(--sf-i6);
    }
  }
  .inline-start-i6:where(:dir(ltr)) {
    left: var(--sf-i6);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i6 {
    right: var(--sf-i6);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i6 {
    right: var(--sf-i6);
    }
  }
  .inline-start-i6:where(:dir(rtl)) {
    right: var(--sf-i6);
  }
  .inline-start-i6 {
    inset-inline-start: var(--sf-i6);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i6 {
    left: calc(0rem - var(--sf-i6));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i6 {
    left: calc(0rem - var(--sf-i6));
    }
  }
  .-inline-start-i6:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i6));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i6 {
    right: calc(0rem - var(--sf-i6));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i6 {
    right: calc(0rem - var(--sf-i6));
    }
  }
  .-inline-start-i6:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i6));
  }
  .-inline-start-i6 {
    inset-inline-start: calc(0rem - var(--sf-i6));
  }
  .block-start-i6 {
    top: var(--sf-i6);
    inset-block-start: var(--sf-i6);
  }
  .-block-start-i6 {
    top: calc(0rem - var(--sf-i6));
    inset-block-start: calc(0rem - var(--sf-i6));
  }
  .block-end-i6 {
    bottom: var(--sf-i6);
    inset-block-end: var(--sf-i6);
  }
  .-block-end-i6 {
    bottom: calc(0rem - var(--sf-i6));
    inset-block-end: calc(0rem - var(--sf-i6));
  }
  .top-i7 {
    top: var(--sf-i7);
  }
  .-top-i7 {
    top: calc(0rem - var(--sf-i7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i7 {
    right: var(--sf-i7);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i7 {
    right: var(--sf-i7);
    }
  }
  .inline-end-i7:where(:dir(ltr)) {
    right: var(--sf-i7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i7 {
    left: var(--sf-i7);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i7 {
    left: var(--sf-i7);
    }
  }
  .inline-end-i7:where(:dir(rtl)) {
    left: var(--sf-i7);
  }
  .inline-end-i7 {
    inset-inline-end: var(--sf-i7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i7 {
    right: calc(0rem - var(--sf-i7));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i7 {
    right: calc(0rem - var(--sf-i7));
    }
  }
  .-inline-end-i7:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i7 {
    left: calc(0rem - var(--sf-i7));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i7 {
    left: calc(0rem - var(--sf-i7));
    }
  }
  .-inline-end-i7:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i7));
  }
  .-inline-end-i7 {
    inset-inline-end: calc(0rem - var(--sf-i7));
  }
  .bottom-i7 {
    bottom: var(--sf-i7);
  }
  .-bottom-i7 {
    bottom: calc(0rem - var(--sf-i7));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i7 {
    left: var(--sf-i7);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i7 {
    left: var(--sf-i7);
    }
  }
  .inline-start-i7:where(:dir(ltr)) {
    left: var(--sf-i7);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i7 {
    right: var(--sf-i7);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i7 {
    right: var(--sf-i7);
    }
  }
  .inline-start-i7:where(:dir(rtl)) {
    right: var(--sf-i7);
  }
  .inline-start-i7 {
    inset-inline-start: var(--sf-i7);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i7 {
    left: calc(0rem - var(--sf-i7));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i7 {
    left: calc(0rem - var(--sf-i7));
    }
  }
  .-inline-start-i7:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i7));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i7 {
    right: calc(0rem - var(--sf-i7));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i7 {
    right: calc(0rem - var(--sf-i7));
    }
  }
  .-inline-start-i7:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i7));
  }
  .-inline-start-i7 {
    inset-inline-start: calc(0rem - var(--sf-i7));
  }
  .block-start-i7 {
    top: var(--sf-i7);
    inset-block-start: var(--sf-i7);
  }
  .-block-start-i7 {
    top: calc(0rem - var(--sf-i7));
    inset-block-start: calc(0rem - var(--sf-i7));
  }
  .block-end-i7 {
    bottom: var(--sf-i7);
    inset-block-end: var(--sf-i7);
  }
  .-block-end-i7 {
    bottom: calc(0rem - var(--sf-i7));
    inset-block-end: calc(0rem - var(--sf-i7));
  }
  .top-i8 {
    top: var(--sf-i8);
  }
  .-top-i8 {
    top: calc(0rem - var(--sf-i8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i8 {
    right: var(--sf-i8);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i8 {
    right: var(--sf-i8);
    }
  }
  .inline-end-i8:where(:dir(ltr)) {
    right: var(--sf-i8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i8 {
    left: var(--sf-i8);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i8 {
    left: var(--sf-i8);
    }
  }
  .inline-end-i8:where(:dir(rtl)) {
    left: var(--sf-i8);
  }
  .inline-end-i8 {
    inset-inline-end: var(--sf-i8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i8 {
    right: calc(0rem - var(--sf-i8));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i8 {
    right: calc(0rem - var(--sf-i8));
    }
  }
  .-inline-end-i8:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i8 {
    left: calc(0rem - var(--sf-i8));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i8 {
    left: calc(0rem - var(--sf-i8));
    }
  }
  .-inline-end-i8:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i8));
  }
  .-inline-end-i8 {
    inset-inline-end: calc(0rem - var(--sf-i8));
  }
  .bottom-i8 {
    bottom: var(--sf-i8);
  }
  .-bottom-i8 {
    bottom: calc(0rem - var(--sf-i8));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i8 {
    left: var(--sf-i8);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i8 {
    left: var(--sf-i8);
    }
  }
  .inline-start-i8:where(:dir(ltr)) {
    left: var(--sf-i8);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i8 {
    right: var(--sf-i8);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i8 {
    right: var(--sf-i8);
    }
  }
  .inline-start-i8:where(:dir(rtl)) {
    right: var(--sf-i8);
  }
  .inline-start-i8 {
    inset-inline-start: var(--sf-i8);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i8 {
    left: calc(0rem - var(--sf-i8));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i8 {
    left: calc(0rem - var(--sf-i8));
    }
  }
  .-inline-start-i8:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i8));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i8 {
    right: calc(0rem - var(--sf-i8));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i8 {
    right: calc(0rem - var(--sf-i8));
    }
  }
  .-inline-start-i8:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i8));
  }
  .-inline-start-i8 {
    inset-inline-start: calc(0rem - var(--sf-i8));
  }
  .block-start-i8 {
    top: var(--sf-i8);
    inset-block-start: var(--sf-i8);
  }
  .-block-start-i8 {
    top: calc(0rem - var(--sf-i8));
    inset-block-start: calc(0rem - var(--sf-i8));
  }
  .block-end-i8 {
    bottom: var(--sf-i8);
    inset-block-end: var(--sf-i8);
  }
  .-block-end-i8 {
    bottom: calc(0rem - var(--sf-i8));
    inset-block-end: calc(0rem - var(--sf-i8));
  }
  .top-i9 {
    top: var(--sf-i9);
  }
  .-top-i9 {
    top: calc(0rem - var(--sf-i9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-end-i9 {
    right: var(--sf-i9);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .inline-end-i9 {
    right: var(--sf-i9);
    }
  }
  .inline-end-i9:where(:dir(ltr)) {
    right: var(--sf-i9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-end-i9 {
    left: var(--sf-i9);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .inline-end-i9 {
    left: var(--sf-i9);
    }
  }
  .inline-end-i9:where(:dir(rtl)) {
    left: var(--sf-i9);
  }
  .inline-end-i9 {
    inset-inline-end: var(--sf-i9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-end-i9 {
    right: calc(0rem - var(--sf-i9));
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .-inline-end-i9 {
    right: calc(0rem - var(--sf-i9));
    }
  }
  .-inline-end-i9:where(:dir(ltr)) {
    right: calc(0rem - var(--sf-i9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-end-i9 {
    left: calc(0rem - var(--sf-i9));
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .-inline-end-i9 {
    left: calc(0rem - var(--sf-i9));
    }
  }
  .-inline-end-i9:where(:dir(rtl)) {
    left: calc(0rem - var(--sf-i9));
  }
  .-inline-end-i9 {
    inset-inline-end: calc(0rem - var(--sf-i9));
  }
  .bottom-i9 {
    bottom: var(--sf-i9);
  }
  .-bottom-i9 {
    bottom: calc(0rem - var(--sf-i9));
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .inline-start-i9 {
    left: var(--sf-i9);
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .inline-start-i9 {
    left: var(--sf-i9);
    }
  }
  .inline-start-i9:where(:dir(ltr)) {
    left: var(--sf-i9);
  }
  _:-ms-input-placeholder, [dir="rtl"] .inline-start-i9 {
    right: var(--sf-i9);
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .inline-start-i9 {
    right: var(--sf-i9);
    }
  }
  .inline-start-i9:where(:dir(rtl)) {
    right: var(--sf-i9);
  }
  .inline-start-i9 {
    inset-inline-start: var(--sf-i9);
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .-inline-start-i9 {
    left: calc(0rem - var(--sf-i9));
  }
  @supports not (inset-inline-start: initial) {
  html:not([dir="rtl"]) .-inline-start-i9 {
    left: calc(0rem - var(--sf-i9));
    }
  }
  .-inline-start-i9:where(:dir(ltr)) {
    left: calc(0rem - var(--sf-i9));
  }
  _:-ms-input-placeholder, [dir="rtl"] .-inline-start-i9 {
    right: calc(0rem - var(--sf-i9));
  }
  @supports not (inset-inline-start: initial) {
  [dir="rtl"] .-inline-start-i9 {
    right: calc(0rem - var(--sf-i9));
    }
  }
  .-inline-start-i9:where(:dir(rtl)) {
    right: calc(0rem - var(--sf-i9));
  }
  .-inline-start-i9 {
    inset-inline-start: calc(0rem - var(--sf-i9));
  }
  .block-start-i9 {
    top: var(--sf-i9);
    inset-block-start: var(--sf-i9);
  }
  .-block-start-i9 {
    top: calc(0rem - var(--sf-i9));
    inset-block-start: calc(0rem - var(--sf-i9));
  }
  .block-end-i9 {
    bottom: var(--sf-i9);
    inset-block-end: var(--sf-i9);
  }
  .-block-end-i9 {
    bottom: calc(0rem - var(--sf-i9));
    inset-block-end: calc(0rem - var(--sf-i9));
  }
}