.chemistry-mechanism{border:1px solid color-mix(in srgb, #6842a3 35%, var(--line));background:var(--panel);border-radius:1rem;margin-top:1rem}.chemistry-mechanism>header{padding:1rem}.chemistry-mechanism>header>span{color:#6842a3;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.chemistry-mechanism>header h4{margin:.25rem 0;font-size:1.25rem}.chemistry-mechanism>header p{color:var(--muted);margin:0}.chemistry-mechanism>nav{gap:.5rem;padding:0 1rem 1rem;display:flex}.chemistry-mechanism>nav button{border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:2rem;padding:.45rem .75rem;font-weight:800}.chemistry-mechanism>nav button[aria-current=step]{color:#6842a3;background:#6842a31f;border-color:#6842a3}.chemistry-mechanism>article{border-block:1px solid var(--line);background:color-mix(in srgb, #6842a3 5%, var(--background))}.chemistry-mechanism>article>header,.chemistry-mechanism>article>footer{grid-template-columns:auto 1fr;align-items:baseline;gap:.35rem .8rem;padding:.85rem 1rem;display:grid}.chemistry-mechanism>article>header span,.chemistry-mechanism>article>footer span{color:#6842a3;text-transform:uppercase;font-size:.75rem;font-weight:900}.chemistry-mechanism>article>header small{color:var(--muted);grid-column:1/-1}.chemistry-mechanism-motion-controls{flex-wrap:wrap;gap:.5rem;padding:0 1rem .8rem;display:flex}.chemistry-mechanism-motion-controls button{border:1px solid var(--line);background:var(--panel);min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;border-radius:2rem;padding:.45rem .8rem;font-size:.82rem;font-weight:800}.chemistry-mechanism-motion-controls button[aria-pressed=true]{background:color-mix(in srgb, #6842a3 12%, var(--panel));color:#6842a3;border-color:#6842a3}.chemistry-mechanism-scene-frame{color:#13262f;background:#fff;border:1px solid #cad8d4;border-radius:.9rem;margin:0 1rem 1rem;overflow:hidden}.chemistry-mechanism-scene{background:#fff;width:100%;max-height:32rem;display:block}.chemistry-mechanism-scene-notes{color:#40555f;background:#f6faf8;border-top:1px solid #d9e2df;gap:.35rem;margin:0;padding:.7rem 1rem .8rem 2rem;font-size:.86rem;line-height:1.45;display:grid}.chemistry-mechanism-bonds line{stroke:#172a33;stroke-linecap:round;stroke-width:2.6px}.chemistry-mechanism-bonds line.is-breaking{stroke:#b44b45;stroke-dasharray:7 5}.chemistry-mechanism-bonds line.is-forming{stroke:#147a54;stroke-dasharray:4 5}.chemistry-mechanism-atoms>g>circle:not(.lone-pair){fill:#fff}.chemistry-mechanism-atoms .atom-label{fill:#13262f;dominant-baseline:middle;text-anchor:middle;font-size:21px;font-weight:800}.chemistry-mechanism-atoms .atom-charge{fill:#8e2f44;font-size:18px;font-weight:900}.chemistry-mechanism-atoms .atom-partial-charge{fill:#6842a3;font-size:15px;font-weight:900}.chemistry-mechanism-atoms .lone-pair{fill:#6842a3}.chemistry-mechanism-arrows path{fill:none;stroke:#6842a3;stroke-linecap:round;stroke-width:3.2px}.chemistry-mechanism-arrows marker path{fill:#6842a3;stroke:none}.chemistry-mechanism-arrows text{fill:#6842a3;text-anchor:middle;font-size:16px;font-weight:900}.chemistry-mechanism-arrows .is-muted{opacity:.16}.chemistry-mechanism-scene[data-playing] .chemistry-mechanism-arrows .is-active path{stroke-dasharray:10 7;animation:1.25s linear infinite chemistry-electron-pair}@keyframes chemistry-electron-pair{to{stroke-dashoffset:-34px}}.chemistry-mechanism>article>ol{gap:.8rem;margin:0;padding:0 1rem 1rem;list-style:none;display:grid}.chemistry-mechanism>article>ol>li{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;padding:1rem}.chemistry-mechanism>article>ol>li>strong{color:#6842a3;margin-bottom:.55rem;display:block}.chemistry-electron-route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.chemistry-electron-route>span{text-align:center;gap:.25rem;display:grid}.chemistry-electron-route>span b{color:#6842a3;text-transform:uppercase;font-size:.75rem}.chemistry-electron-route+dl{grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0 0;display:grid}.chemistry-electron-route+dl>div{background:#6842a312;border-left:.2rem solid #6842a3;padding:.7rem}.chemistry-electron-route+dl dt{font-weight:900}.chemistry-electron-route+dl dd{margin:.25rem 0 0;line-height:1.5}.chemistry-mechanism-checks{padding:1rem}.chemistry-mechanism-checks h5{margin:0 0 .65rem;font-size:1rem}.chemistry-mechanism-checks dl{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0;display:grid}.chemistry-mechanism-checks dl>div{border:1px solid var(--line);border-radius:.65rem;padding:.7rem}.chemistry-mechanism-checks dt{color:#6842a3;font-weight:900}.chemistry-mechanism-checks dd{margin:.2rem 0 0;line-height:1.45}.chemistry-mechanism-summary{color:var(--muted);margin:0;padding:0 1rem 1rem;font-size:.9rem}.chemistry-mechanism>article>aside{background:color-mix(in srgb, #6842a3 7%, var(--panel));border-left:.25rem solid #6842a3;margin:0 1rem 1rem;padding:.75rem 1rem}.chemistry-mechanism>article>aside ul{margin:.4rem 0 0;padding-left:1.2rem}@media (prefers-reduced-motion:reduce){.chemistry-mechanism-scene[data-playing] .chemistry-mechanism-arrows .is-active path{stroke-dasharray:none;animation:none}}@media (max-width:660px){.chemistry-electron-route{grid-template-columns:1fr}.chemistry-electron-route>span[aria-hidden]{transform:rotate(90deg)}.chemistry-electron-route+dl,.chemistry-mechanism-checks dl{grid-template-columns:1fr}.chemistry-mechanism-scene-frame{margin-inline:.5rem}}