/* docara-shell-source: runtime/utility/grid-template-columns/default/css/default.css */
@layer sf.utilities {
  .grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-col-none {
    grid-template-columns: none;
  }
  .grid-col-subgrid {
    grid-template-columns: subgrid;
  }
}

/* docara-shell-source: runtime/utility/grid-template-columns/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    .md\:grid-col-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-col-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-col-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-col-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-col-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-col-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .md\:grid-col-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .md\:grid-col-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .md\:grid-col-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md\:grid-col-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .md\:grid-col-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-col-none {
      grid-template-columns: none;
    }
    .md\:grid-col-subgrid {
      grid-template-columns: subgrid;
    }
  }
}

/* docara-shell-source: smart/smart/icon-buttons/css/icon-buttons.css */
@layer sf.components {
  .sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-on-primary);
  }
  .sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-on-secondary-container);
  }
  .sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-primary);
  }
  .sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-primary-active);
  }
  .sf-icon-button.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-on-surface);
  }
  .sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-on-surface-inverse);
  }
}
@layer sf.states {
  .sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon, .sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:disabled > sf-close > .sf-close > .sf-close-icon {
    --sf-close-icon--background-color: var(--sf-on-disable);
  }
}