@keyframes ui-spin{to{rotate:360deg}}@keyframes ui-ping{0%{opacity:.65;scale:1}to{opacity:0;scale:3.2}}@keyframes ui-breathe{0%,to{opacity:.55;scale:1}50%{opacity:.9;scale:1.06}}
.wein-spotlight{--spot-color:#5b7cff;--spot-x:50%;--spot-y:0%}.wein-spotlight__surface,.wein-spotlight__ring{z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .6s cubic-bezier(.25,1,.5,1);position:absolute}.wein-spotlight__surface{background:radial-gradient(36rem circle at var(--spot-x) var(--spot-y), color-mix(in oklab, var(--spot-color,#5b7cff) 16%, transparent), transparent 42%);inset:0}.wein-spotlight__ring{background:radial-gradient(20rem circle at var(--spot-x) var(--spot-y), color-mix(in oklab, var(--spot-color,#5b7cff) 55%, white), color-mix(in oklab, var(--spot-color,#5b7cff) 65%, transparent) 30%, transparent 70%);-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)}@media (hover:hover){.wein-spotlight:hover>.wein-spotlight__surface,.wein-spotlight:hover>.wein-spotlight__ring{opacity:1}}.wein-spotlight:is(:focus-visible,:has(:focus-visible))>.wein-spotlight__ring{opacity:1;background:linear-gradient(160deg, color-mix(in oklab, var(--spot-color,#5b7cff) 75%, white), color-mix(in oklab, var(--spot-color,#5b7cff) 30%, transparent) 55%, color-mix(in oklab, var(--spot-color,#5b7cff) 60%, transparent))}.wein-spotlight:is(:focus-visible,:has(:focus-visible))>.wein-spotlight__surface{opacity:.6;--spot-x:50%;--spot-y:0%}