/* docara-shell-source: runtime/utility/place-items/default/css/default.css */
@layer sf.utilities {
  .items-start {
    align-items: start;
    justify-items: start;
    place-items: start;
  }
  .items-end {
    align-items: end;
    justify-items: end;
    place-items: end;
  }
  .items-center {
    align-items: center;
    justify-items: center;
    place-items: center;
  }
  .items-stretch {
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
  }
}

/* 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);
  }
}