/* Magic UI Magic Card, adapted for native HTML/CSS.
   Copyright (c) Magic UI. MIT: /licenses/magicui.txt */
.magic-card {
  --mouse-x:-400px;--mouse-y:-400px;
  position:relative;isolation:isolate;border:1px solid transparent;
  background:linear-gradient(#edf0e7 0 0) padding-box,
    radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),var(--evergreen),var(--sage),var(--line) 100%) border-box;
}
.magic-card::after {
  content:"";position:absolute;inset:1px;z-index:1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),#a8b5a414,transparent 100%);
  opacity:0;transition:opacity .25s;
}
.magic-card[data-pointer-active]::after{opacity:1}
.magic-card:focus-within{border-color:var(--rust)}

@media(prefers-reduced-motion:reduce),(hover:none){.magic-card::after{display:none}.magic-card{background:#edf0e7;border-color:var(--line)}}
@media(forced-colors:active){.magic-card::after{display:none}.magic-card{border:1px solid CanvasText}}