/* 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/opacity/default/css/default.css */
@layer sf.utilities {
  .opacity-1 {
    opacity: 0.1;
    opacity: var(--sf-opacity-10, 0.1);
  }
  .opacity-2 {
    opacity: 0.2;
    opacity: var(--sf-opacity-20, 0.2);
  }
  .opacity-3 {
    opacity: 0.3;
    opacity: var(--sf-opacity-30, 0.3);
  }
  .opacity-4 {
    opacity: 0.4;
    opacity: var(--sf-opacity-40, 0.4);
  }
  .opacity-5 {
    opacity: 0.5;
    opacity: var(--sf-opacity-50, 0.5);
  }
  .opacity-6 {
    opacity: 0.6;
    opacity: var(--sf-opacity-60, 0.6);
  }
  .opacity-7 {
    opacity: 0.7;
    opacity: var(--sf-opacity-70, 0.7);
  }
  .opacity-8 {
    opacity: 0.8;
    opacity: var(--sf-opacity-80, 0.8);
  }
  .opacity-9 {
    opacity: 0.9;
    opacity: var(--sf-opacity-90, 0.9);
  }
  .opacity-full {
    opacity: 1;
  }
  .opacity-0 {
    opacity: 0;
  }
}

/* docara-shell-source: runtime/utility/opacity/hover/css/hover.css */
@layer sf.utilities {
  .hover\:opacity-1:hover {
    opacity: 0.1;
    opacity: var(--sf-opacity-10, 0.1);
  }
  .hover\:opacity-2:hover {
    opacity: 0.2;
    opacity: var(--sf-opacity-20, 0.2);
  }
  .hover\:opacity-3:hover {
    opacity: 0.3;
    opacity: var(--sf-opacity-30, 0.3);
  }
  .hover\:opacity-4:hover {
    opacity: 0.4;
    opacity: var(--sf-opacity-40, 0.4);
  }
  .hover\:opacity-5:hover {
    opacity: 0.5;
    opacity: var(--sf-opacity-50, 0.5);
  }
  .hover\:opacity-6:hover {
    opacity: 0.6;
    opacity: var(--sf-opacity-60, 0.6);
  }
  .hover\:opacity-7:hover {
    opacity: 0.7;
    opacity: var(--sf-opacity-70, 0.7);
  }
  .hover\:opacity-8:hover {
    opacity: 0.8;
    opacity: var(--sf-opacity-80, 0.8);
  }
  .hover\:opacity-9:hover {
    opacity: 0.9;
    opacity: var(--sf-opacity-90, 0.9);
  }
  .hover\:opacity-full:hover {
    opacity: 1;
  }
  .hover\:opacity-0:hover {
    opacity: 0;
  }
}