/**
 * @file
 * Visual styles for comments in Bootstrap Barrio.
 */

.alert-wrapper {
  position: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 75vh;
  z-index: 9999;
}

.alert-wrapper .alert {
  overflow-y: auto;
  margin-bottom: 0;
}

.toast-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

.alert svg {
  max-width: 2rem;
}

.alert-wrapper .container {
  max-width: unset;
  padding: 1.5rem 3rem;
}

.alert-wrapper .alert h2 {
  position: relative !important;
  width: unset;
  height: unset;
  margin-bottom: 0;
  color: inherit;
}

.alert-wrapper .alert-dismissible {
  position: relative;
}

.alert-wrapper .alert-dismissible .btn-close {
  background: none;
  border: none;
  width: 20px;
  position: absolute;
  top: 0;
  right: 5px;
}

.alert-wrapper .alert-dismissible .btn-close::after {
  display: inline-block;
  content: "\00d7";
  font-size: 30px;
}