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

* {
  box-sizing: border-box;
}

.wrapper {
  width: var(--app-components-alert-menu-width);
  height: 560px;
  max-width: 100vw;
}

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.alert-list {
  flex-shrink: 1;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.action {
  display: flex;
  min-height: var(--app-components-alert-menu-footer-container-height);
  padding: calc(
      (
          var(--app-components-alert-menu-footer-container-height) -
            var(--ui-components-button-touch-target-size) - 2px
        ) /
        2
    )
    var(--app-components-alert-menu-footer-padding-horizontal);
  align-items: center;
  gap: var(--app-components-alert-menu-button-spacing);
  flex-shrink: 0;
  flex-wrap: wrap;
  align-self: stretch;
  border-top: 1px solid var(--border-divider-color);
  background: var(--container-global-color);
}

.action obc-button::part(visible-wrapper) {
    height: 100%;
  }

.action .btn {
    flex: 1;
    min-width: 120px;
  }

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

.alert-list.all ::slotted([shelved]) {
  display: none;
}

.alert-list.shelved ::slotted(:not([shelved])) {
  display: none;
}

.alert-list.unacked ::slotted(:not([status="unacknowledged"])),.alert-list.unacked ::slotted([shelved]) {
    display: none;
  }
`;
export {
  compentStyle as default
};
//# sourceMappingURL=alert-menu.css.js.map
