html[data-motion=on][data-flowing] body{background:var(--flow-surface,var(--color-paper));transition:background-color var(--t-enter) var(--ease-paper)}html[data-motion=on] [data-flow]{--flow-k:calc(1 - var(--flow,1));transform:scale(calc(1 - var(--flow-k) * (1 - var(--flow-scale))));transform-origin:50% 0;box-shadow:0 calc(-1 * var(--spacing-s-4)) var(--spacing-s-7) calc(-1 * var(--spacing-s-5)) rgb(21 21 19/calc(var(--flow-k) * var(--flow-shadow-alpha)));border-start-start-radius:calc(var(--flow-k) * var(--flow-radius));border-start-end-radius:calc(var(--flow-k) * var(--flow-radius));position:relative;overflow:clip}html[data-motion=on] [data-flow]>section:first-child{border-radius:inherit}