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

* {
  box-sizing: border-box;
}

:host {
  display: block;
}

.alert-list {
  height: 100%;
}

.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;
  }

.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;
  }

::slotted(*) {
  display: block;
  will-change: transform;
}
`;
export {
  compentStyle as default
};
//# sourceMappingURL=alert-list.css.js.map
