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

/* docara-shell-source: runtime/utility/max-container/default/css/default.css */
@layer sf.utilities {
  .max-container-1 .container {
    width: 100%;
  }
  .max-container-2 .container {
    width: 100%;
  }
  .max-container-3 .container {
    width: 100%;
  }
  .max-container-4 .container {
    width: 100%;
  }
  .max-container-5 .container {
    width: 100%;
  }
  .max-container-6 .container {
    width: 100%;
  }
  .max-container-7 .container {
    width: 100%;
  }
  .max-container-8 .container {
    width: 100%;
  }
  @media (min-width: 60rem) {
    .max-container-1 .container {
      max-width: var(--sf-container-1--size-max);
    }
    .max-container-2 .container {
      max-width: var(--sf-container-2--size-max);
    }
    .max-container-3 .container {
      max-width: var(--sf-container-3--size-max);
    }
    .max-container-4 .container {
      max-width: var(--sf-container-4--size-max);
    }
    .max-container-5 .container {
      max-width: var(--sf-container-5--size-max);
    }
    .max-container-6 .container {
      max-width: var(--sf-container-6--size-max);
    }
    .max-container-7 .container {
      max-width: var(--sf-container-7--size-max);
    }
    .max-container-8 .container {
      max-width: var(--sf-container-8--size-max);
    }
  }
}