.magic-card{isolation:isolate;position:relative}.magic-card-edge,.magic-card-spot{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-effects=paused]) .magic-card>:is(.magic-card-edge,.magic-card-spot){z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-exit);display:block;position:absolute;overflow:hidden}html:not([data-effects=paused]) .magic-card[data-magic-lit]>:is(.magic-card-edge,.magic-card-spot){transition:opacity .3s var(--ease-hover)}html:not([data-effects=paused]) .magic-card .magic-card-light{top:calc(-1 * var(--magic-size));left:calc(-1 * var(--magic-size));width:calc(2 * var(--magic-size));height:calc(2 * var(--magic-size));display:block;position:absolute}html:not([data-effects=paused]) .magic-card>.magic-card-spot{inset:0}html:not([data-effects=paused]) .magic-card>.magic-card-spot>.magic-card-light{background:radial-gradient(var(--magic-size) circle at 50% 50%, var(--magic-color), transparent 100%)}html:not([data-effects=paused]) .magic-card>.magic-card-edge{-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}html:not([data-effects=paused]) .magic-card>.magic-card-edge>.magic-card-light{top:calc(1px - var(--magic-size));left:calc(1px - var(--magic-size));background:radial-gradient(var(--magic-size) circle at 50% 50%, var(--magic-from), var(--magic-to), transparent 100%)}html:not([data-effects=paused]) .magic-card[data-magic-lit]>.magic-card-spot{opacity:var(--magic-opacity)}html:not([data-effects=paused]) .magic-card[data-magic-lit]>.magic-card-edge{opacity:1}}@media (forced-colors:active){.magic-card-edge,.magic-card-spot{display:none!important}}.sn-beam{display:none}@media (prefers-reduced-motion:no-preference){html:not([data-effects=paused]) .sn-beam{pointer-events:none;width:3px;height:100%;display:block;position:absolute;top:0;left:-2px;overflow:hidden}html:not([data-effects=paused]) .sn-beam:before{content:"";background:linear-gradient(#78a9c600 0%,#78a9c6 67.5%,#f4f5f0 100%);border-radius:2px;height:60%;position:absolute;inset:0 0 auto;transform:translateY(-101%)}html:not([data-effects=paused]) .sn-beam[data-beam=run]:before{animation:sn-beam-travel .9s var(--ease-standard) .35s both}}@media (forced-colors:active){.sn-beam{display:none!important}}@keyframes sn-beam-travel{0%{transform:translateY(-101%)}to{transform:translateY(168%)}}