@property --attention-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes attention-spin{to{--attention-angle:360deg}}@keyframes attention-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 28%, transparent)}to{box-shadow:0 0 0 10px color-mix(in oklab, var(--primary) 0%, transparent)}}.attention-glow{isolation:isolate;animation:2.8s cubic-bezier(.2,.6,.35,1) .4s infinite attention-pulse;position:relative}.attention-glow:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--attention-angle), color-mix(in oklab, var(--primary) 12%, transparent) 0deg, color-mix(in oklab, var(--primary) 12%, transparent) 220deg, color-mix(in oklab, var(--primary) 70%, transparent) 300deg, color-mix(in oklab, var(--primary) 12%, transparent) 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:4.2s linear infinite attention-spin;position:absolute;inset:-2px;-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 (prefers-reduced-motion:reduce){.attention-glow,.attention-glow:before{animation:none}}@keyframes simulation-page-lift{0%{opacity:1;transform:rotateX(0)rotate(0)}65%{opacity:1}to{opacity:0;transform:rotateX(112deg)rotate(-5deg)translateY(-4px)}}@keyframes simulation-page-drop{0%{opacity:0;transform:rotateX(112deg)}35%{opacity:1}to{opacity:1;transform:rotateX(0)}}@keyframes simulation-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes simulation-footprint{0%{opacity:0;transform:translate(-50%)scale(0)}60%{opacity:1;transform:translate(-50%)scale(1.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.simulation-page-lift{transform-origin:50% 0;animation:.64s cubic-bezier(.55,.05,.75,.4) forwards simulation-page-lift}.simulation-page-drop{transform-origin:50% 0;animation:.46s cubic-bezier(.2,.7,.3,1) both simulation-page-drop}.simulation-rise{animation:.32s cubic-bezier(.2,.7,.3,1) both simulation-rise}.simulation-footprint:after{content:"";background:color-mix(in oklab, var(--primary) 60%, transparent);border-radius:9999px;width:4px;height:4px;animation:.42s cubic-bezier(.2,.7,.3,1) both simulation-footprint;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.simulation-page-lift{display:none}.simulation-page-drop,.simulation-rise,.simulation-footprint:after{animation:none}}:root[data-simulation-rail]{--simulation-rail:21.5rem}@media (width>=1536px){:root[data-simulation-rail]{--simulation-rail:26rem}}@media (width>=1025px){:root[data-simulation-rail][data-tour-band] [data-slot=dialog-content],:root[data-simulation-rail][data-tour-band] [data-slot=alert-dialog-content]{left:calc((100vw - var(--simulation-rail)) / 2)}}@property --spotlight-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --spotlight-color{syntax:"<color>";inherits:true;initial-value:#0000}@keyframes spotlight-lock{0%{opacity:0;inset:-28px}55%{opacity:1}to{opacity:1;inset:0}}@keyframes spotlight-spin{to{--spotlight-angle:360deg}}@keyframes spotlight-beacon{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--spotlight-color) 50%, transparent)}to{box-shadow:0 0 0 20px color-mix(in oklab, var(--spotlight-color) 0%, transparent)}}@keyframes spotlight-veil-in{0%{opacity:0}}.spotlight-ring{--spotlight-color:var(--primary);--spotlight-glint:color-mix(in oklab, var(--spotlight-color) 18%, white);border-radius:inherit;box-shadow:0 0 22px 2px color-mix(in oklab, var(--spotlight-color) 32%, transparent);animation:.64s cubic-bezier(.2,.9,.25,1.12) both spotlight-lock}.spotlight-ring[data-tone=inverse]{--spotlight-color:var(--primary-foreground);--spotlight-glint:color-mix(in oklab, var(--primary) 45%, var(--primary-foreground))}.spotlight-ring[data-arrives]{animation:none}.spotlight-beam{border-radius:calc(var(--spotlight-radius,0px) + 3px);background:conic-gradient(from var(--spotlight-angle), var(--spotlight-color) 0deg, var(--spotlight-color) 220deg, var(--spotlight-glint) 290deg, var(--spotlight-color) 360deg);-webkit-mask-composite:xor;padding:3px;animation:3.6s linear infinite spotlight-spin;position:absolute;inset:-3px;-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)}.spotlight-beacon{border-radius:inherit;animation:2.6s cubic-bezier(.2,.6,.35,1) .5s infinite spotlight-beacon;position:absolute;inset:0}.spotlight-ring[data-still] .spotlight-beam,.spotlight-ring[data-still] .spotlight-beacon{animation:none}.spotlight-veil{box-shadow:0 0 0 200vmax color-mix(in oklab, var(--foreground) 22%, transparent);animation:.36s ease-out both spotlight-veil-in}@keyframes spotlight-focus-lock{0%{outline-offset:28px;outline-color:#0000}}@keyframes spotlight-focus-beacon{0%{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 45%, transparent)}to{box-shadow:0 0 0 20px color-mix(in oklab, var(--primary) 0%, transparent)}}[data-spotlight-focus]{outline:3px solid var(--primary);outline-offset:3px;animation:.64s cubic-bezier(.2,.9,.25,1.12) both spotlight-focus-lock,2.6s cubic-bezier(.2,.6,.35,1) .5s infinite spotlight-focus-beacon}[data-spotlight-focus=still]{animation-iteration-count:1,0}@media (prefers-reduced-motion:reduce){.spotlight-ring,.spotlight-beam,.spotlight-beacon,.spotlight-veil,[data-spotlight-focus]{animation:none}}