.crispr-mechanism{position:relative;background:#fff;min-width:0;overflow:hidden;border-radius:inherit;color:#2b414c}.crispr-mechanism-context{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;font-size:12px;line-height:1.5;border-bottom:1px solid #e7ecf0;color:#526773}.crispr-mechanism-context>span:first-child{font-weight:600;color:#354f5d}.crispr-mechanism-stage{position:relative;background:radial-gradient(ellipse at 50% 53%,#fff 35%,#f5f8fa 100%);min-width:0;touch-action:pan-y}.crispr-mechanism-stage svg{display:block;width:100%;height:auto;aspect-ratio:1000/480;min-height:280px;max-height:520px}.cm-base-letter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:650;font-size:19px;pointer-events:none}.crispr-mechanism [data-inspect]{cursor:help;outline:none}.crispr-mechanism [data-inspect]:focus-visible{filter:drop-shadow(0 0 3px #5356b7)}.crispr-mechanism-tooltip{position:absolute;z-index:4;padding:7px 10px;border:1px solid #d5dfe7;border-left:4px solid var(--inspect-color,#546a79);background:white;border-radius:8px;box-shadow:0 6px 20px #20365112;color:#2c414d;font-size:12px;line-height:1.4;font-weight:600;max-width:calc(100% - 16px);pointer-events:none}.crispr-mechanism-tooltip[hidden]{display:none}.crispr-mechanism-legend{display:flex;gap:13px 22px;flex-wrap:wrap;align-items:center;border-top:1px solid #e5ebf0;padding:14px 22px;font-size:12px;line-height:1.5;color:#536875}.crispr-mechanism-legend>span{display:flex;align-items:center;gap:7px}.crispr-mechanism-legend i{width:10px;height:10px;border-radius:3px;display:block}.cm-dna{background:#73929f}.cm-guide{background:#168497}.cm-pam{background:#b4934a}.cm-donor{background:#ac6996}.crispr-mechanism-note{margin:0!important;padding:0 22px 18px;font-size:12px!important;line-height:1.65!important;color:#5a6b76}.crispr-mechanism [data-layer=after] text{fill:#634f70}
@media(max-width:650px){.crispr-mechanism-context{display:block;padding:13px 16px;font-size:11px}.crispr-mechanism-context>span{display:block}.crispr-mechanism-context>span+span{margin-top:5px}.crispr-mechanism-stage svg{min-height:285px;max-height:410px;aspect-ratio:640/480}.cm-base-letter{font-size:21px}.crispr-mechanism-legend{padding:12px 16px;gap:10px 16px;font-size:11px}.crispr-mechanism-note{padding:0 16px 16px;font-size:11px!important}.crispr-mechanism-tooltip{font-size:11px}}
@media(prefers-reduced-motion:reduce){.crispr-mechanism *{animation:none!important;transition:none!important}}