[data-studio-button]{transition-property:color,background-color,border-color,box-shadow,opacity,filter,translate,scale;transition-duration:.18s;transition-timing-function:ease-out}[data-studio-button]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}[data-studio-button=send]>svg:not(.animate-spin),[data-studio-button] svg[data-motion]{transition:translate .18s ease-out,scale .18s ease-out}@media (hover:hover) and (pointer:fine){[data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover{filter:brightness(.94)}.dark [data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover{filter:brightness(1.12)}}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){[data-studio-button=action]:not(:disabled,[aria-disabled=true],[aria-busy=true],[aria-haspopup],[aria-expanded]):not(:has(.animate-spin)):hover{translate:0 -1px;box-shadow:0 3px 8px hsl(var(--foreground)/.1)}[data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover svg[data-motion=slide-right]{translate:2px 0}[data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover svg[data-motion=nudge-down]{translate:0 2px}[data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover svg[data-motion=nudge-out]{translate:2px -2px}[data-studio-button=send]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover>svg{translate:0 -2px}[data-studio-button]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):hover svg[data-motion^=pop]{scale:1.04}}[data-studio-button]:not([data-studio-button=stationary],:disabled,[aria-disabled=true],[aria-busy=true],[aria-haspopup],[aria-expanded],[aria-pressed],[role=tab],[role=switch]):not(:has(.animate-spin)):active{translate:0 0;scale:.98}}[data-studio-button=stationary]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):active{filter:brightness(.88)}.dark [data-studio-button=stationary]:not(:disabled,[aria-disabled=true],[aria-busy=true]):not(:has(.animate-spin)):active{filter:brightness(1.18)}[data-studio-button]:is(:disabled,[aria-disabled=true],[aria-busy=true],:has(.animate-spin)),[data-studio-button]:is(:disabled,[aria-disabled=true],[aria-busy=true],:has(.animate-spin)) svg[data-motion]{translate:none;scale:none;filter:none}@media (prefers-reduced-motion:reduce){[data-studio-button=send]>svg:not(.animate-spin),[data-studio-button],[data-studio-button] svg[data-motion]{transition:none;translate:none;scale:none}}a:not([data-studio-button]) svg[data-motion]{transition:translate .18s ease-out}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){a:not([data-studio-button]):hover svg[data-motion=slide-right]{translate:2px 0}a:not([data-studio-button]):hover svg[data-motion=nudge-down]{translate:0 2px}a:not([data-studio-button]):hover svg[data-motion=nudge-out]{translate:2px -2px}}@media (prefers-reduced-motion:reduce){a:not([data-studio-button]) svg[data-motion]{transition:none}}[data-studio-button]:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:none}