.delayu-module-hint {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 1090;
  max-width: min(22rem, calc(100vw - 2rem));
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #384551);
  border: 1px solid var(--bs-border-color, rgba(56, 69, 81, 0.22));
  border-radius: 0.5rem;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
}

.delayu-module-hint .toast-body {
  color: var(--bs-body-color);
}

.delayu-module-hint-close {
  flex-shrink: 0;
  align-self: flex-start;
  color: var(--bs-body-color) !important;
  background-color: rgba(var(--bs-secondary-rgb, 105, 122, 141), 0.16) !important;
  border: 1px solid var(--bs-border-color, rgba(56, 69, 81, 0.22)) !important;
  min-width: 2rem;
  min-height: 2rem;
}

.delayu-module-hint-close i,
.delayu-module-hint-close .icon-base {
  color: var(--bs-body-color) !important;
  opacity: 1;
}

.delayu-module-hint-close:hover {
  background-color: rgba(var(--bs-primary-rgb, 105, 108, 255), 0.12) !important;
}