:root {
  --custom-white: #000000ad;
  --default-border: #e8e8e8;
  --light-rgb:
    245,
    247,
    250;
}

.toast {
    background-color: var(--custom-white);
    border: 1px solid var(--default-border);
    box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem;
  }
  .toast .toast-header {
    background-color: rgb(var(--light-rgb));
    padding: 0.375rem 0.75rem;
    border-start-start-radius: 0.12rem;
    border-start-end-radius: 0.12rem;
  }
  .toast .toast-header img {
    width: 1.25rem;
    height: 1.25rem;
  }
  .toast .toast-header {
    border-bottom: 1px solid var(--default-border);
  }
  .toast .toast-header .btn-close {
    margin-inline-end: 0.125rem;
  }
  .toast .toast-body {
    font-size: 0.8rem;
  }
  .toast .btn-close {
    font-size: 0.563rem;
  }
  .toast.colored-toast {
    border: 0 !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .toast.colored-toast .btn-close {
    filter: invert(0) !important;
  }
  .toast.colored-toast .toast-header {
    border-block-end: 1px solid rgba(0, 0, 0, 0.1);
  }
  .toast.colorscemes-toast .btn-close {
    filter: invert(0) !important;
  }
  .bd-example-toasts {
    min-height: 15rem;
  }