/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.zapcwa-wrapper {
  position: fixed;
  margin: 1rem;
  z-index: 110;
}
.zapcwa-wrapper--bottom {
  bottom: 0;
}
.zapcwa-wrapper--top {
  top: 0;
}
.zapcwa-wrapper--left {
  left: 0;
}
.zapcwa-wrapper--right {
  right: 0;
}

.zapcwa-toast {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  background-color: #fff !important;
  border-color: #f8f9f8 !important;
}
.zapcwa-toast.show {
  animation-name: slideUp;
}
.zapcwa-toast.hiding {
  display: block !important;
  animation-name: slideDown;
}
.zapcwa-toast__header {
  padding: 0.25rem 0.5rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.zapcwa-toast__header small {
  margin-left: auto;
}
.zapcwa-toast__body {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
}
.zapcwa-toast__body > img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

/*# sourceMappingURL=zap-competitions-wa-public.css.map */