/* 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/grid-template-columns/lg/css/lg.css */
@layer sf.utilities {
  @media (min-width: 60rem) {
    .lg\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .lg\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .lg\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-col-none {
      grid-template-columns: none;
    }
    .lg\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
  }
}

/* docara-shell-source: runtime/utility/isolate/default/css/default.css */
@layer sf.utilities {
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .auto {
    isolation: auto;
  }
}

/* docara-shell-source: runtime/utility/mix-blend-mode/default/css/default.css */
@layer sf.utilities {
  .mix-blend-normal {
    mix-blend-mode: normal;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .mix-blend-screen {
    mix-blend-mode: screen;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .mix-blend-darken {
    mix-blend-mode: darken;
  }
  .mix-blend-lighten {
    mix-blend-mode: lighten;
  }
  .mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }
  .mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }
  .mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }
  .mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }
  .mix-blend-difference {
    mix-blend-mode: difference;
  }
  .mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }
  .mix-blend-hue {
    mix-blend-mode: hue;
  }
  .mix-blend-saturation {
    mix-blend-mode: saturation;
  }
  .mix-blend-color {
    mix-blend-mode: color;
  }
  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }
  .mix-blend-plus-darker {
    mix-blend-mode: plus-darker;
  }
  .mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
  }
}