A transition is declared in a named cascade layer and also as an inline style without !important. During the transition, which value source provides the running interpolated value, considering the cascade's animation/transition origin?
<div style="opacity: 1"></div>
@layer ui { .box { opacity: 0; transition: opacity .3s; } }