/* prettier-ignore */
:host {
  --bce-c300:var(--bce-c300-dark);
  --bce-c400:var(--bce-c400-dark);
  --bce-c500:var(--bce-c500-dark);
  --bce-c600:var(--bce-c600-dark);
  --bce-c700:var(--bce-c700-dark);
  --bce-con1:var(--bce-con1-dark);
  --bce-con2:var(--bce-con2-dark);
  --bce-con3:var(--bce-con3-dark);
  --bce-con4:var(--bce-con4-dark);
  --bce-c-surface:var(--bce-c006-surface);
  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-c600);
  color: var(--bce-con1);
  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;
}