.when-react-rerenders-lesson .rerenders-node{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);-webkit-margin-before:var(--cf-space-150);margin-block-start:var(--cf-space-150);padding:var(--cf-space-150) var(--cf-space-250);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-300);outline:2px solid rgba(0,0,0,0);outline-offset:1px}.when-react-rerenders-lesson .rerenders-node.is-rendered{animation:rerenders-flash var(--cf-duration-slower) var(--cf-ease-out)}.when-react-rerenders-lesson .rerenders-node input{min-width:0;padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit}.when-react-rerenders-lesson .rerenders-node p{margin:0}.when-react-rerenders-lesson .rerenders-node button{justify-self:start}.when-react-rerenders-lesson .rerenders-name{font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-semibold)}.when-react-rerenders-lesson .rerenders-count{margin-left:var(--cf-space-150);color:var(--cf-color-text-secondary);font-family:var(--cf-font-sans);font-weight:var(--cf-font-weight-regular);font-size:var(--cf-font-size-250)}@keyframes rerenders-flash{0%{outline-color:var(--cf-color-secondary)}to{outline-color:rgba(0,0,0,0)}}@media(prefers-reduced-motion:reduce){.when-react-rerenders-lesson .rerenders-node.is-rendered{animation:none}}