/* prettier-ignore */
:host {
  --bce-color-l: var(--bce-color-dark-l);
  --bce-color-n: var(--bce-color-dark-n);
  --bce-color-d: var(--bce-color-dark-d);
  --bce-color-t: var(--bce-color-dark-t);
  z-index: 6;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 19px;
  display: block;
  max-width: 600px;
  background-color: var(--bce-color-n);
  color: var(--bce-color-t);
  font-size: 14px;
  border-radius: 4px;
  padding: 16px;
  opacity: 0.95;
  animation: slide-in 200ms 1;
}
@keyframes slide-in {
  from {
    bottom: 0;
  }
  to {
    bottom: 19px;
  }
}

:host([fab]) {
  right: 89px;
}