.demo-page-header .section {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

.demo-bookmark-btn.processing {
  opacity: 0.8;
  cursor: wait;
  pointer-events: none;
}

.demo-bookmark-btn.success-flash {
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
  transition: all 0.3s ease;
}

.demo-bookmark-btn.error-flash {
  background-color: #f5c6cb !important;
  border-color: #f1aeb5 !important;
  transition: all 0.3s ease;
}

.loading-spinner {
  margin-right: 5px;
  animation: demo-bookmark-pulse 1.5s ease-in-out infinite;
}

@keyframes demo-bookmark-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.demo-bookmark-toast {
  width: max-content;
  left: revert-layer;
}

@media (max-width: 968px) {
  .demo-page-header .section {
    background-image: linear-gradient(
      70.19deg,
      #00008b 7.95%,
      #9abdff 65.37%,
      rgba(255, 255, 255, 0) 89.49%
    ) !important;
  }
}