/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--notification-alert--heading--font-weight: var(--digi--typography--heading-3--font-weight--desktop);
  --digi--notification-alert--heading--font-size: var(--digi--typography--heading-3--font-size--desktop);
  --digi--notification-alert--heading--font-size--large: var(--digi--typography--heading-3--font-size--desktop-large);
  --digi--notification-alert--icon--padding--large: var(--digi--gutter--largest);
  --digi--notification-alert--icon--padding--medium: var(--digi--gutter--largest);
  --digi--notification-alert--icon--padding--small: var(--digi--gutter--large);
  --digi--notification-alert--icon--width--large: 2.25rem;
  --digi--notification-alert--icon--width--medium: 1.4375rem;
  --digi--notification-alert--icon--width--small: 1.4375rem;
  --digi--notification-alert--max-width--large: 100%;
  --digi--notification-alert--max-width--medium: 31.25rem;
  --digi--notification-alert--max-width--small: 18.75rem;
  --digi--notification-alert--border--informative: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);
  --digi--notification-alert--icon--color--informative: var(--digi--color--icon--secondary);
  --digi--notification-alert--icon--background--informative: var(--digi--color--background--sentiment--info--primary);
  --digi--notification-alert--border--success: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);
  --digi--notification-alert--icon--color--success: var(--digi--color--icon--secondary);
  --digi--notification-alert--icon--background--success: var(--digi--color--background--sentiment--success--primary);
  --digi--notification-alert--border--warning: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);
  --digi--notification-alert--icon--color--warning: var(--digi--color--icon--primary);
  --digi--notification-alert--icon--background--warning: var(--digi--color--background--sentiment--warning--primary);
  --digi--notification-alert--border--danger: var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);
  --digi--notification-alert--icon--color--danger: var(--digi--color--icon--secondary);
  --digi--notification-alert--icon--background--danger: var(--digi--color--background--sentiment--error--primary);
}
:host .digi-notification-alert {
  position: relative;
  max-width: var(--MAX-WIDTH);
}
:host .digi-notification-alert--variation-info {
  --BORDER: var(--digi--notification-alert--border--informative);
  --ICON--COLOR: var(--digi--notification-alert--icon--color--informative);
  --ICON--BACKGROUND: var(--digi--notification-alert--icon--background--informative);
}
:host .digi-notification-alert--variation-success {
  --BORDER: var(--digi--notification-alert--border--success);
  --ICON--COLOR: var(--digi--notification-alert--icon--color--success);
  --ICON--BACKGROUND: var(--digi--notification-alert--icon--background--success);
}
:host .digi-notification-alert--variation-danger {
  --BORDER: var(--digi--notification-alert--border--danger);
  --ICON--COLOR: var(--digi--notification-alert--icon--color--danger);
  --ICON--BACKGROUND: var(--digi--notification-alert--icon--background--danger);
}
:host .digi-notification-alert--variation-warning {
  --BORDER: var(--digi--notification-alert--border--warning);
  --ICON--COLOR: var(--digi--notification-alert--icon--color--warning);
  --ICON--BACKGROUND: var(--digi--notification-alert--icon--background--warning);
}
:host .digi-notification-alert--size-large {
  --MAX-WIDTH: var(--digi--notification-alert--max-width--large);
  --ICON--PADDING: var(--digi--notification-alert--icon--padding--large);
  --ICON--WIDTH: var(--digi--notification-alert--icon--width--large);
}
:host .digi-notification-alert--size-medium {
  --MAX-WIDTH: var(--digi--notification-alert--max-width--medium);
  --ICON--PADDING: var(--digi--notification-alert--icon--padding--medium);
  --ICON--WIDTH: var(--digi--notification-alert--icon--width--medium);
}
:host .digi-notification-alert--size-small {
  --MAX-WIDTH: var(--digi--notification-alert--max-width--small);
  --ICON--PADDING: var(--digi--notification-alert--icon--padding--small);
  --ICON--WIDTH: var(--digi--notification-alert--icon--width--small);
}
:host .digi-notification-alert--size-small .digi-notification-alert__close-button__text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
:host .digi-notification-alert--closeable .digi-notification-alert__wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
:host .digi-notification-alert--closeable .digi-notification-alert__text {
  padding-right: 0;
}
:host .digi-notification-alert__layout {
  display: flex;
  align-items: stretch;
  gap: 0;
}
:host .digi-notification-alert__icon {
  background: var(--ICON--BACKGROUND);
  padding: var(--ICON--PADDING);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
}
:host .digi-notification-alert__icon > * {
  --digi--icon--width: var(--ICON--WIDTH);
  --digi--icon--color: var(--ICON--COLOR);
}
:host .digi-notification-alert__wrapper {
  display: flex;
  border: var(--BORDER);
  background-color: var(--digi--color--background--primary);
  border-left: none;
  height: 100%;
  box-sizing: border-box;
}
:host .digi-notification-alert__text {
  padding: var(--digi--gutter--largest);
}
:host .digi-notification-alert__close-button {
  --digi--button--color--function: var(--digi--color--text--primary);
  --digi--button--color--function--hover: var(--digi--color--text--primary);
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-notification-alert__close-button__text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}
:host .digi-notification-alert__heading {
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--notification-alert--heading--font-size);
  font-weight: var(--digi--notification-alert--heading--font-weight);
  color: var(--digi--color--text--primary);
  margin: 0;
  display: block;
}
@media (min-width: 61.9375rem) {
  :host .digi-notification-alert__heading {
    font-size: var(--digi--notification-alert--heading--font-size--large);
  }
}
:host .digi-notification-alert__heading:focus {
  outline: none;
}
:host .digi-notification-alert__content > * {
  --digi--typography--max-width: var(--MAX-WIDTH);
  --digi--typography--margin-top--text: var(--digi--gutter--small);
}
:host .icon-wrapper {
  align-items: stretch;
}
:host .main-wrapper {
  flex: 1;
}