/* Magic UI adaptations. Copyright (c) Magic UI, MIT.
   Full license: licenses/magic-ui-MIT.txt. Source: vendor/magicui in the repository. */

.magic-scroll-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 40;
  height: 3px;
  background: linear-gradient(90deg, var(--clay-dark), var(--clay), #bf7758);
  transform: scaleX(0);
  transform-origin: left;
  pointer-events: none;
}

.magic-card {
  --magic-x: -260px;
  --magic-y: -260px;
  --magic-size: 260px;
  isolation: isolate;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--light) 0 0) padding-box,
    radial-gradient(var(--magic-size) circle at var(--magic-x) var(--magic-y),
      var(--clay), var(--peach), #c5a48d55 100%) border-box;
}

.magic-card-spotlight {
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(var(--magic-size) circle at var(--magic-x) var(--magic-y),
    #e9c6ae99, transparent 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease-out;
}

.magic-card[data-magic-active] .magic-card-spotlight { opacity: .65; }

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .magic-card { background: var(--light); border-color: #c5a48d55; }
  .magic-card-spotlight { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .magic-scroll-progress { display: none; }
}

@media print {
  .magic-scroll-progress, .magic-card-spotlight { display: none; }
  [data-magic-blur-fade] { opacity: 1 !important; filter: none !important; translate: none !important; }
}