@layer components{._root_5wrg5_1{flex-direction:column;justify-content:center;gap:12px;width:100%;max-width:760px;height:292px;margin:0 auto;padding:0 24px 24px;display:flex}@container (width>=28rem){._root_5wrg5_1:not([data-thumbnail=true]){height:272px;padding-bottom:16px}}._root_5wrg5_1[data-thumbnail=true]{gap:2px;height:84px;padding:4px 10px}._rowTitle_5wrg5_26{justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:16px;display:flex}._rowName_5wrg5_35{align-items:center;gap:4px;min-width:0;display:flex}._rowHint_5wrg5_42{text-align:end;min-width:0}._selectionCue_5wrg5_47{flex:none;width:16px;height:14px}._orientation_5wrg5_53{justify-content:space-between;margin:1px 2px 3px;display:flex}._track_5wrg5_59,._arcGrid_5wrg5_60{grid-template-columns:1.65fr .55fr 1fr .55fr 1fr .55fr 1.65fr;width:100%;min-width:0;display:grid}._arcGrid_5wrg5_60{align-items:end;height:26px;margin-bottom:-1px}._arc_5wrg5_60{width:100%;height:26px;display:block}._arcOne_5wrg5_79{grid-column:2}._arcTwo_5wrg5_83{grid-column:4}._arcThree_5wrg5_87{grid-column:6}._arcSkip_5wrg5_91{grid-column:4/7}._track_5wrg5_59{align-items:center}._exon_5wrg5_99{border-radius:6px;align-items:stretch;min-width:0;height:32px;display:flex;overflow:hidden}._root_5wrg5_1[data-view="0"] ._exon_5wrg5_99{height:38px}._exonMid_5wrg5_112{box-shadow:inset 0 0 0 2px var(--learning-block-accent)}._exonSkipped_5wrg5_116{box-shadow:inset 0 0 0 2px var(--learning-block-accent);outline:2px dashed var(--learning-block-accent);outline-offset:-2px}._coding_5wrg5_122,._utr_5wrg5_123{white-space:nowrap;justify-content:center;align-items:center;min-width:0;padding:0 3px;display:flex}._coding_5wrg5_122{background:color-mix(in srgb, var(--learning-block-color-secondary) 18%, var(--bg-primary));border:1.5px solid var(--learning-block-color-secondary);flex:1 1 0}._utr_5wrg5_123{background:color-mix(in srgb, var(--learning-block-color-companion) 18%, var(--bg-primary));border:1.5px solid var(--learning-block-color-companion);flex:0 38%}._utr_5wrg5_123+._coding_5wrg5_122,._coding_5wrg5_122+._utr_5wrg5_123{border-left:2px solid var(--learning-block-visualization-surface,var(--bg-primary))}._intron_5wrg5_158{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}._intronGuide_5wrg5_166{width:100%;height:7px;display:block}._intronLabel_5wrg5_172{white-space:nowrap;margin-top:1px}._processArrow_5wrg5_177{align-self:center;width:18px;height:18px;display:block}._matureTrack_5wrg5_184{--mature-unit:calc((100% - 70px) / 5.3);align-items:center;width:100%;min-width:0;display:flex}._matureTrack_5wrg5_184 ._exon_5wrg5_99{flex:0 0 var(--mature-unit)}._matureTrack_5wrg5_184 ._exonWide_5wrg5_197{flex-basis:calc(var(--mature-unit) * 1.65)}._cap_5wrg5_201{background:var(--learning-block-accent-surface);border:2px solid var(--learning-block-accent);border-radius:999px;flex:none;width:22px;height:22px}._tail_5wrg5_210{color:var(--learning-block-color-companion);white-space:nowrap;flex:0 0 46px;margin-left:2px}._endLabels_5wrg5_217{justify-content:space-between;margin-top:4px;display:flex}._compare_5wrg5_223{gap:8px;display:grid}._root_5wrg5_1[data-thumbnail=true] ._rowHint_5wrg5_42,._root_5wrg5_1[data-thumbnail=true] ._rowTitle_5wrg5_26,._root_5wrg5_1[data-thumbnail=true] ._orientation_5wrg5_53,._root_5wrg5_1[data-thumbnail=true] ._intronLabel_5wrg5_172,._root_5wrg5_1[data-thumbnail=true] ._endLabels_5wrg5_217,._root_5wrg5_1[data-thumbnail=true] ._processArrow_5wrg5_177{display:none}._root_5wrg5_1[data-thumbnail=true] ._exon_5wrg5_99{height:20px}._root_5wrg5_1[data-thumbnail=true] ._coding_5wrg5_122,._root_5wrg5_1[data-thumbnail=true] ._utr_5wrg5_123{padding:0;font-size:0}._root_5wrg5_1[data-thumbnail=true] ._cap_5wrg5_201{width:16px;height:16px}._root_5wrg5_1[data-thumbnail=true] ._arcGrid_5wrg5_60,._root_5wrg5_1[data-thumbnail=true] ._arc_5wrg5_60{height:14px}@media (width<=480px){._root_5wrg5_1{gap:8px;height:272px}._rowHint_5wrg5_42{display:none}._exon_5wrg5_99{height:30px}._coding_5wrg5_122,._utr_5wrg5_123{padding:0 2px}}}