@use '../z-index';

.Toastify__toast-container {
  @extend .z-toast;
}

.Toastify__toast {
  --at-apply: shadow-md;

  background-color: var(--bolt-elements-bg-depth-2);
  color: var(--bolt-elements-textPrimary);
  border: 1px solid var(--bolt-elements-borderColor);
}

.Toastify__close-button {
  color: var(--bolt-elements-item-contentDefault);
  opacity: 1;
  transition: none;

  &:hover {
    color: var(--bolt-elements-item-contentActive);
  }
}
