/* docara-shell-source: runtime/utility/offset/default/css/default.css */
@layer sf.utilities {
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-1\/12 {
    margin-left: 8.333333%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-1\/12 {
    margin-left: 8.333333%;
    }
  }
  .offset-1\/12:where(:dir(ltr)) {
    margin-left: 8.333333%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-1\/12 {
    margin-right: 8.333333%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-1\/12 {
    margin-right: 8.333333%;
    }
  }
  .offset-1\/12:where(:dir(rtl)) {
    margin-right: 8.333333%;
  }
  .offset-1\/12 {
    -webkit-margin-start: 8.333333%;
            margin-inline-start: 8.333333%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-2\/12 {
    margin-left: 16.666667%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-2\/12 {
    margin-left: 16.666667%;
    }
  }
  .offset-2\/12:where(:dir(ltr)) {
    margin-left: 16.666667%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-2\/12 {
    margin-right: 16.666667%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-2\/12 {
    margin-right: 16.666667%;
    }
  }
  .offset-2\/12:where(:dir(rtl)) {
    margin-right: 16.666667%;
  }
  .offset-2\/12 {
    -webkit-margin-start: 16.666667%;
            margin-inline-start: 16.666667%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-3\/12 {
    margin-left: 25%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-3\/12 {
    margin-left: 25%;
    }
  }
  .offset-3\/12:where(:dir(ltr)) {
    margin-left: 25%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-3\/12 {
    margin-right: 25%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-3\/12 {
    margin-right: 25%;
    }
  }
  .offset-3\/12:where(:dir(rtl)) {
    margin-right: 25%;
  }
  .offset-3\/12 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-4\/12 {
    margin-left: 33.333333%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-4\/12 {
    margin-left: 33.333333%;
    }
  }
  .offset-4\/12:where(:dir(ltr)) {
    margin-left: 33.333333%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-4\/12 {
    margin-right: 33.333333%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-4\/12 {
    margin-right: 33.333333%;
    }
  }
  .offset-4\/12:where(:dir(rtl)) {
    margin-right: 33.333333%;
  }
  .offset-4\/12 {
    -webkit-margin-start: 33.333333%;
            margin-inline-start: 33.333333%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-5\/12 {
    margin-left: 41.666667%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-5\/12 {
    margin-left: 41.666667%;
    }
  }
  .offset-5\/12:where(:dir(ltr)) {
    margin-left: 41.666667%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-5\/12 {
    margin-right: 41.666667%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-5\/12 {
    margin-right: 41.666667%;
    }
  }
  .offset-5\/12:where(:dir(rtl)) {
    margin-right: 41.666667%;
  }
  .offset-5\/12 {
    -webkit-margin-start: 41.666667%;
            margin-inline-start: 41.666667%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-6\/12 {
    margin-left: 50%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-6\/12 {
    margin-left: 50%;
    }
  }
  .offset-6\/12:where(:dir(ltr)) {
    margin-left: 50%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-6\/12 {
    margin-right: 50%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-6\/12 {
    margin-right: 50%;
    }
  }
  .offset-6\/12:where(:dir(rtl)) {
    margin-right: 50%;
  }
  .offset-6\/12 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-7\/12 {
    margin-left: 58.333333%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-7\/12 {
    margin-left: 58.333333%;
    }
  }
  .offset-7\/12:where(:dir(ltr)) {
    margin-left: 58.333333%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-7\/12 {
    margin-right: 58.333333%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-7\/12 {
    margin-right: 58.333333%;
    }
  }
  .offset-7\/12:where(:dir(rtl)) {
    margin-right: 58.333333%;
  }
  .offset-7\/12 {
    -webkit-margin-start: 58.333333%;
            margin-inline-start: 58.333333%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-8\/12 {
    margin-left: 66.666667%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-8\/12 {
    margin-left: 66.666667%;
    }
  }
  .offset-8\/12:where(:dir(ltr)) {
    margin-left: 66.666667%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-8\/12 {
    margin-right: 66.666667%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-8\/12 {
    margin-right: 66.666667%;
    }
  }
  .offset-8\/12:where(:dir(rtl)) {
    margin-right: 66.666667%;
  }
  .offset-8\/12 {
    -webkit-margin-start: 66.666667%;
            margin-inline-start: 66.666667%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-9\/12 {
    margin-left: 75%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-9\/12 {
    margin-left: 75%;
    }
  }
  .offset-9\/12:where(:dir(ltr)) {
    margin-left: 75%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-9\/12 {
    margin-right: 75%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-9\/12 {
    margin-right: 75%;
    }
  }
  .offset-9\/12:where(:dir(rtl)) {
    margin-right: 75%;
  }
  .offset-9\/12 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-10\/12 {
    margin-left: 83.333333%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-10\/12 {
    margin-left: 83.333333%;
    }
  }
  .offset-10\/12:where(:dir(ltr)) {
    margin-left: 83.333333%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-10\/12 {
    margin-right: 83.333333%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-10\/12 {
    margin-right: 83.333333%;
    }
  }
  .offset-10\/12:where(:dir(rtl)) {
    margin-right: 83.333333%;
  }
  .offset-10\/12 {
    -webkit-margin-start: 83.333333%;
            margin-inline-start: 83.333333%;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .offset-11\/12 {
    margin-left: 91.666667%;
  }
  @supports not (margin-inline-start: initial) {
  html:not([dir="rtl"]) .offset-11\/12 {
    margin-left: 91.666667%;
    }
  }
  .offset-11\/12:where(:dir(ltr)) {
    margin-left: 91.666667%;
  }
  _:-ms-input-placeholder, [dir="rtl"] .offset-11\/12 {
    margin-right: 91.666667%;
  }
  @supports not (margin-inline-start: initial) {
  [dir="rtl"] .offset-11\/12 {
    margin-right: 91.666667%;
    }
  }
  .offset-11\/12:where(:dir(rtl)) {
    margin-right: 91.666667%;
  }
  .offset-11\/12 {
    -webkit-margin-start: 91.666667%;
            margin-inline-start: 91.666667%;
  }
}

/* docara-shell-source: runtime/utility/offset/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-1\/12 {
      margin-left: 8.333333%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-1\/12 {
      margin-left: 8.333333%;
      }
    }
    .md\:offset-1\/12:where(:dir(ltr)) {
      margin-left: 8.333333%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-1\/12 {
      margin-right: 8.333333%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-1\/12 {
      margin-right: 8.333333%;
      }
    }
    .md\:offset-1\/12:where(:dir(rtl)) {
      margin-right: 8.333333%;
    }
    .md\:offset-1\/12 {
      -webkit-margin-start: 8.333333%;
              margin-inline-start: 8.333333%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-2\/12 {
      margin-left: 16.666667%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-2\/12 {
      margin-left: 16.666667%;
      }
    }
    .md\:offset-2\/12:where(:dir(ltr)) {
      margin-left: 16.666667%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-2\/12 {
      margin-right: 16.666667%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-2\/12 {
      margin-right: 16.666667%;
      }
    }
    .md\:offset-2\/12:where(:dir(rtl)) {
      margin-right: 16.666667%;
    }
    .md\:offset-2\/12 {
      -webkit-margin-start: 16.666667%;
              margin-inline-start: 16.666667%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-3\/12 {
      margin-left: 25%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-3\/12 {
      margin-left: 25%;
      }
    }
    .md\:offset-3\/12:where(:dir(ltr)) {
      margin-left: 25%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-3\/12 {
      margin-right: 25%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-3\/12 {
      margin-right: 25%;
      }
    }
    .md\:offset-3\/12:where(:dir(rtl)) {
      margin-right: 25%;
    }
    .md\:offset-3\/12 {
      -webkit-margin-start: 25%;
              margin-inline-start: 25%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-4\/12 {
      margin-left: 33.333333%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-4\/12 {
      margin-left: 33.333333%;
      }
    }
    .md\:offset-4\/12:where(:dir(ltr)) {
      margin-left: 33.333333%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-4\/12 {
      margin-right: 33.333333%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-4\/12 {
      margin-right: 33.333333%;
      }
    }
    .md\:offset-4\/12:where(:dir(rtl)) {
      margin-right: 33.333333%;
    }
    .md\:offset-4\/12 {
      -webkit-margin-start: 33.333333%;
              margin-inline-start: 33.333333%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-5\/12 {
      margin-left: 41.666667%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-5\/12 {
      margin-left: 41.666667%;
      }
    }
    .md\:offset-5\/12:where(:dir(ltr)) {
      margin-left: 41.666667%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-5\/12 {
      margin-right: 41.666667%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-5\/12 {
      margin-right: 41.666667%;
      }
    }
    .md\:offset-5\/12:where(:dir(rtl)) {
      margin-right: 41.666667%;
    }
    .md\:offset-5\/12 {
      -webkit-margin-start: 41.666667%;
              margin-inline-start: 41.666667%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-6\/12 {
      margin-left: 50%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-6\/12 {
      margin-left: 50%;
      }
    }
    .md\:offset-6\/12:where(:dir(ltr)) {
      margin-left: 50%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-6\/12 {
      margin-right: 50%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-6\/12 {
      margin-right: 50%;
      }
    }
    .md\:offset-6\/12:where(:dir(rtl)) {
      margin-right: 50%;
    }
    .md\:offset-6\/12 {
      -webkit-margin-start: 50%;
              margin-inline-start: 50%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-7\/12 {
      margin-left: 58.333333%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-7\/12 {
      margin-left: 58.333333%;
      }
    }
    .md\:offset-7\/12:where(:dir(ltr)) {
      margin-left: 58.333333%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-7\/12 {
      margin-right: 58.333333%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-7\/12 {
      margin-right: 58.333333%;
      }
    }
    .md\:offset-7\/12:where(:dir(rtl)) {
      margin-right: 58.333333%;
    }
    .md\:offset-7\/12 {
      -webkit-margin-start: 58.333333%;
              margin-inline-start: 58.333333%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-8\/12 {
      margin-left: 66.666667%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-8\/12 {
      margin-left: 66.666667%;
      }
    }
    .md\:offset-8\/12:where(:dir(ltr)) {
      margin-left: 66.666667%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-8\/12 {
      margin-right: 66.666667%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-8\/12 {
      margin-right: 66.666667%;
      }
    }
    .md\:offset-8\/12:where(:dir(rtl)) {
      margin-right: 66.666667%;
    }
    .md\:offset-8\/12 {
      -webkit-margin-start: 66.666667%;
              margin-inline-start: 66.666667%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-9\/12 {
      margin-left: 75%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-9\/12 {
      margin-left: 75%;
      }
    }
    .md\:offset-9\/12:where(:dir(ltr)) {
      margin-left: 75%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-9\/12 {
      margin-right: 75%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-9\/12 {
      margin-right: 75%;
      }
    }
    .md\:offset-9\/12:where(:dir(rtl)) {
      margin-right: 75%;
    }
    .md\:offset-9\/12 {
      -webkit-margin-start: 75%;
              margin-inline-start: 75%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-10\/12 {
      margin-left: 83.333333%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-10\/12 {
      margin-left: 83.333333%;
      }
    }
    .md\:offset-10\/12:where(:dir(ltr)) {
      margin-left: 83.333333%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-10\/12 {
      margin-right: 83.333333%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-10\/12 {
      margin-right: 83.333333%;
      }
    }
    .md\:offset-10\/12:where(:dir(rtl)) {
      margin-right: 83.333333%;
    }
    .md\:offset-10\/12 {
      -webkit-margin-start: 83.333333%;
              margin-inline-start: 83.333333%;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:offset-11\/12 {
      margin-left: 91.666667%;
    }
    @supports not (margin-inline-start: initial) {
    html:not([dir="rtl"]) .md\:offset-11\/12 {
      margin-left: 91.666667%;
      }
    }
    .md\:offset-11\/12:where(:dir(ltr)) {
      margin-left: 91.666667%;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:offset-11\/12 {
      margin-right: 91.666667%;
    }
    @supports not (margin-inline-start: initial) {
    [dir="rtl"] .md\:offset-11\/12 {
      margin-right: 91.666667%;
      }
    }
    .md\:offset-11\/12:where(:dir(rtl)) {
      margin-right: 91.666667%;
    }
    .md\:offset-11\/12 {
      -webkit-margin-start: 91.666667%;
              margin-inline-start: 91.666667%;
    }
  }
}