/* Opacity only: preserve layout transforms, canvas measurement, and floating motion. */
:root {--ui-enter-duration:800ms;--ui-enter-ease:cubic-bezier(.22,1,.36,1)}
.ui-enter-enabled [data-ui-enter] {opacity:0;transition:opacity var(--ui-enter-duration) var(--ui-enter-ease)}
.ui-enter-enabled [data-ui-enter].ui-entered {opacity:1}
.ui-enter-enabled [data-ui-enter]:focus-within {opacity:1;transition:none}
@media(prefers-reduced-motion:reduce) {
 .ui-enter-enabled [data-ui-enter] {opacity:1;transition:none}
}