import { css } from "lit";
const compentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  user-select: none;
}

.alert-list {
  min-height: 0;
  flex-grow: 0;
}

.spacer {
  flex-grow: 1;
}

.action {
  display: flex;
  height: var(--app-components-tool-bar-touch-target-size);
  padding: 0px var(--app-components-alert-toolbar-margin-horizontal);
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  border-top: 1px solid var(--border-divider-color);
  background: var(--container-section-color);
  box-shadow: var(--shadow-flat);
}

.action .btn-group {
    display: flex;
  }

obc-table::part(grid) {
  grid-template-columns: 1fr repeat(4, min-content);
}

.wrapper.small obc-table::part(grid) {
  grid-template-columns: 1fr min-content var(
      --app-components-alert-table-row-ack-container-width-small
    );
}

.empty-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: var(--app-components-alert-menu-button-spacing);
}

.empty-list .icon {
    height: 96px;
    width: 96px;
    color: var(--on-flat-neutral-color);
  }

.empty-list .empty-title {
    color: var(--element-active-color);
    font-family: var(--font-family-main);
    font-weight: var(--font-weight-bold);
    font-size: var(--global-typography-ui-body-active-font-size);
    line-height: var(--global-typography-ui-body-active-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
  }

.empty-list .empty-description {
    color: var(--element-neutral-color);
    font-family: var(--font-family-main);
    font-weight: var(--global-typography-ui-body-font-weight);
    font-size: var(--global-typography-ui-body-font-size);
    line-height: var(--global-typography-ui-body-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
    max-width: 344px;
    text-align: center;
  }
`;
export {
  compentStyle as default
};
//# sourceMappingURL=alert-list-details.css.js.map
