.refs-and-the-dom-lesson .refs-dom-demo{display:grid;justify-items:start;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.refs-and-the-dom-lesson .refs-dom-demo input{width:12rem;max-width:100%;padding:var(--cf-space-050) var(--cf-space-150)}.refs-and-the-dom-lesson .refs-dom-demo button,.refs-and-the-dom-lesson .refs-dom-demo input{border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit}.refs-and-the-dom-lesson .refs-dom-demo button{padding:var(--cf-space-050) var(--cf-space-250);font-size:var(--cf-font-size-300);cursor:pointer}.refs-and-the-dom-lesson .refs-dom-demo button:hover:not(:disabled){border-color:var(--cf-color-border-hover)}.refs-and-the-dom-lesson .refs-dom-demo button:disabled{cursor:not-allowed;opacity:.6}.refs-and-the-dom-lesson .refs-dom-demo p{margin:0;overflow-wrap:anywhere}.refs-and-the-dom-lesson .refs-dom-note{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.refs-and-the-dom-lesson .refs-dom-error{color:var(--cf-color-danger);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-300)}.refs-and-the-dom-lesson .refs-dom-messages{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);width:100%;max-height:9rem;margin:0;padding:var(--cf-space-100);overflow-y:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);list-style:none}.refs-and-the-dom-lesson .refs-dom-messages li{padding:var(--cf-space-050) var(--cf-space-150);border:1px solid rgba(0,0,0,0);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised)}.refs-and-the-dom-lesson .refs-dom-messages li.is-target{border-color:var(--cf-color-primary);background:var(--cf-color-primary-subtle);font-weight:var(--cf-font-weight-semibold)}