*, 
*::before, 
*::after {
    box-sizing: border-box;
}

.swa-ajax-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: none;
  align-items: center;
  justify-items: center;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 100;
}
.swa-ajax-loader.show {
  display: grid;
}
.swa-ajax-loader .lottie-wrapper {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 1rem;
  color: white;
}
.swa-ajax-loader .lottie-wrapper swa-lottie lottie-player {
  width: 100px;
}

.swa-notice {
  padding: 1rem;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  grid-gap: 1rem;
  align-items: start;
}
.swa-notice a {
  text-decoration: underline;
  color: inherit;
}
.swa-notice svg {
  display: block;
  width: 32px;
  fill: currentColor;
}
.swa-notice.success {
  color: #349841;
  background-color: #f7fcf8;
  border-left: 3px solid #349841;
}
.swa-notice.info {
  color: #0d9bbf;
  background-color: #f5fdfe;
  border-left: 3px solid #0d9bbf;
}
.swa-notice.warning {
  color: #cc8800;
  background-color: #fffcf5;
  border-left: 3px solid #cc8800;
}
.swa-notice.danger {
  color: #b8143e;
  background-color: #fef6f8;
  border-left: 3px solid #b8143e;
}