/**
 * Applies the scrollbar theme to a selector.
 */
/**
 * Applies the scrollbar theme to a selector.
 */
ac-toast {
  display: flex;
  flex-direction: column;
  max-width: 392px;
  max-height: 88px;
  margin: 20px;
  transition: transform ease-in-out 0.1s;
  border-radius: 4px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
  color: var(--color-neutral-contrast, #FFFFFF);
}
ac-toast.transition--before-enter {
  transform: scale(0.7);
}
ac-toast.transition--before-leave {
  transform: scale(0.7);
}
ac-toast .ac-toast__content {
  padding: 0 16px 16px 16px;
}
ac-toast .ac-toast__header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  padding-left: 16px;
  overflow: hidden;
}
ac-toast .ac-toast__header .ac-toast_header-title {
  color: var(--color-neutral-contrast, #FFFFFF);
}
ac-toast .ac-toast__header-bg {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 36px;
  opacity: 0.3;
}
ac-toast .ac-toast__header-icon {
  z-index: 1;
  padding-right: 8px;
  opacity: 0.6;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ac-toast.transition--before-enter {
    transform: none;
  }
}
ac-toast.ac-toast--info {
  background: var(--color-info-normal, #00B4F0);
}
ac-toast.ac-toast--info .ac-toast__header {
  color: var(--color-info-contrast, #FFFFFF);
}
ac-toast.ac-toast--info .ac-toast__header-icon {
  fill: var(--color-info-contrast, #FFFFFF);
}

ac-toast.ac-toast--success {
  background: var(--color-success-normal, #14C86E);
}
ac-toast.ac-toast--success .ac-toast__header {
  color: var(--color-success-contrast, #FFFFFF);
}
ac-toast.ac-toast--success .ac-toast__header-icon {
  fill: var(--color-success-contrast, #FFFFFF);
}

ac-toast.ac-toast--warning {
  background: var(--color-warning-normal, #f9c05d);
}
ac-toast.ac-toast--warning .ac-toast__header {
  color: var(--color-warning-contrast, #FFFFFF);
}
ac-toast.ac-toast--warning .ac-toast__header-icon {
  fill: var(--color-warning-contrast, #FFFFFF);
}

ac-toast.ac-toast--alert {
  background: var(--color-alert-normal, #F0000A);
}
ac-toast.ac-toast--alert .ac-toast__header {
  color: var(--color-alert-contrast, #FFFFFF);
}
ac-toast.ac-toast--alert .ac-toast__header-icon {
  fill: var(--color-alert-contrast, #FFFFFF);
}