/* docara-shell-source: runtime/utility/object-fit/default/css/default.css */
@layer sf.utilities {
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .object-none {
    -o-object-fit: none;
       object-fit: none;
  }
  .object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

/* docara-shell-source: runtime/utility/float/default/css/default.css */
@layer sf.utilities {
  _:-ms-input-placeholder, html:not([dir="rtl"]) .float-inline-end {
    float: right;
  }
  @supports not (float: inline-end) {
  html:not([dir="rtl"]) .float-inline-end {
    float: right;
    }
  }
  .float-inline-end:where(:dir(ltr)) {
    float: right;
  }
  _:-ms-input-placeholder, [dir="rtl"] .float-inline-end {
    float: left;
  }
  @supports not (float: inline-end) {
  [dir="rtl"] .float-inline-end {
    float: left;
    }
  }
  .float-inline-end:where(:dir(rtl)) {
    float: left;
  }
  .float-inline-end {
    float: inline-end;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .float-inline-start {
    float: left;
  }
  @supports not (float: inline-start) {
  html:not([dir="rtl"]) .float-inline-start {
    float: left;
    }
  }
  .float-inline-start:where(:dir(ltr)) {
    float: left;
  }
  _:-ms-input-placeholder, [dir="rtl"] .float-inline-start {
    float: right;
  }
  @supports not (float: inline-start) {
  [dir="rtl"] .float-inline-start {
    float: right;
    }
  }
  .float-inline-start:where(:dir(rtl)) {
    float: right;
  }
  .float-inline-start {
    float: inline-start;
  }
  .float-none {
    float: none;
  }
}

/* docara-shell-source: runtime/utility/aspect-ratio/default/css/default.css */
@layer sf.utilities {
  .aspect-1x1 {
    aspect-ratio: 1 / 1;
  }
  .aspect-1x2 {
    aspect-ratio: 1 / 2;
  }
  .aspect-2x1 {
    aspect-ratio: 2 / 1;
  }
  .aspect-2x3 {
    aspect-ratio: 2 / 3;
  }
  .aspect-3x1 {
    aspect-ratio: 3 / 1;
  }
  .aspect-3x2 {
    aspect-ratio: 3 / 2;
  }
  .aspect-3x4 {
    aspect-ratio: 3 / 4;
  }
  .aspect-4x1 {
    aspect-ratio: 4 / 1;
  }
  .aspect-4x3 {
    aspect-ratio: 4 / 3;
  }
  .aspect-16x9 {
    aspect-ratio: 16 / 9;
  }
  .aspect-9x16 {
    aspect-ratio: 9 / 16;
  }
}

/* docara-shell-source: runtime/utility/float/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:float-inline-end {
      float: right;
    }
    @supports not (float: inline-end) {
    html:not([dir="rtl"]) .md\:float-inline-end {
      float: right;
      }
    }
    .md\:float-inline-end:where(:dir(ltr)) {
      float: right;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:float-inline-end {
      float: left;
    }
    @supports not (float: inline-end) {
    [dir="rtl"] .md\:float-inline-end {
      float: left;
      }
    }
    .md\:float-inline-end:where(:dir(rtl)) {
      float: left;
    }
    .md\:float-inline-end {
      float: inline-end;
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:float-inline-start {
      float: left;
    }
    @supports not (float: inline-start) {
    html:not([dir="rtl"]) .md\:float-inline-start {
      float: left;
      }
    }
    .md\:float-inline-start:where(:dir(ltr)) {
      float: left;
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:float-inline-start {
      float: right;
    }
    @supports not (float: inline-start) {
    [dir="rtl"] .md\:float-inline-start {
      float: right;
      }
    }
    .md\:float-inline-start:where(:dir(rtl)) {
      float: right;
    }
    .md\:float-inline-start {
      float: inline-start;
    }
    .md\:float-none {
      float: none;
    }
  }
}