/* Presentation only. Colors, borders, dimensions and layout remain in the original stylesheets. */
@media(prefers-reduced-motion:no-preference){
 html[data-qa-motion][data-ui-motion=on] .qa-page button:not(:disabled):active{scale:.98}
 html[data-qa-motion][data-ui-motion=on] .qa-page dialog{opacity:1;translate:0 0;scale:1;transition:opacity 220ms ease,translate 220ms cubic-bezier(.2,.7,.3,1),scale 220ms ease,display 220ms allow-discrete,overlay 220ms allow-discrete}
 html[data-qa-motion][data-ui-motion=on] .qa-page dialog:not([open]){opacity:0;translate:0 8px;scale:.99;pointer-events:none}
 @starting-style{html[data-qa-motion][data-ui-motion=on] .qa-page dialog[open]{opacity:0;translate:0 8px;scale:.99}}
 html[data-qa-motion][data-ui-motion=on] .qa-page dialog::backdrop{transition:opacity 220ms ease,display 220ms allow-discrete,overlay 220ms allow-discrete}
 html[data-qa-motion][data-ui-motion=on] .qa-page dialog:not([open])::backdrop{opacity:0}
 @starting-style{html[data-qa-motion][data-ui-motion=on] .qa-page dialog[open]::backdrop{opacity:0}}
 html[data-qa-motion][data-ui-motion=on] .qa-page [data-qa-exiting],html[data-qa-motion][data-ui-motion=on] .qa-page [data-qa-exiting]::backdrop{transition:none}
 html[data-qa-motion][data-ui-motion=on] .qa-page [data-qa-exiting]::backdrop{animation:qa-backdrop-exit 180ms ease forwards}
 @keyframes qa-backdrop-exit{to{opacity:0}}
 html[data-qa-motion][data-ui-motion=on] .qa-page .qa-image-hover-actions{transition:opacity 180ms ease,visibility 180ms allow-discrete}
 html[data-qa-motion][data-ui-motion=on] .qa-page #header-account-panel{opacity:1;translate:0 0;transition:opacity 180ms ease,translate 180ms ease,display 180ms allow-discrete}
 html[data-qa-motion][data-ui-motion=on] .qa-page #header-account-panel[hidden]{opacity:0;translate:0 5px;pointer-events:none}
 @starting-style{html[data-qa-motion][data-ui-motion=on] .qa-page #header-account-panel:not([hidden]){opacity:0;translate:0 5px}}
 html[data-qa-motion][data-ui-motion=on] .qa-page .report-lightbox.open{animation:qa-lightbox-enter 220ms ease}
 @keyframes qa-lightbox-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
 html[data-qa-motion][data-ui-motion=on] .qa-page :is(.creative-image-loading,#chat-loading){animation:qa-loading-breathe 1400ms ease-in-out infinite}
 @keyframes qa-loading-breathe{50%{opacity:.55}}
 @media(max-width:700px){
  html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar{opacity:1;translate:0 0;transition:opacity 220ms ease,translate 220ms cubic-bezier(.2,.7,.3,1),display 220ms allow-discrete}
  html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar:not(.open){opacity:0;translate:-18px 0;pointer-events:none}
  @starting-style{html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar.open{opacity:0;translate:-18px 0}}
  html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar-backdrop{opacity:1;transition:opacity 220ms ease,display 220ms allow-discrete}
  html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar-backdrop[hidden]{opacity:0;pointer-events:none}
  @starting-style{html[data-qa-motion][data-ui-motion=on] .qa-page #sidebar-backdrop:not([hidden]){opacity:0}}
 }
}
@media(prefers-reduced-motion:reduce){.qa-page .chat-scroll{scroll-behavior:auto}}
html[data-qa-motion][data-ui-motion=off] .qa-page .waiting i{animation:none}