@layer components{._root_xg7wm_1{width:100%;min-width:0;height:312px;color:var(--text-primary);flex-direction:column;gap:4px;padding:24px;display:flex}._unit_xg7wm_12{flex:none;width:min(100%,700px);height:104px;margin-inline:auto;position:relative}._unitGeometry_xg7wm_20,._strandGeometry_xg7wm_21,._thumbnailGeometry_xg7wm_22{width:100%;height:100%;position:absolute;inset:0}._unitGeometry_xg7wm_20{height:58px}._phosphateShape_xg7wm_33{fill:color-mix(in srgb, var(--learning-block-color-secondary) 18%, var(--bg-primary));stroke:var(--learning-block-color-secondary);stroke-width:2px;vector-effect:non-scaling-stroke}._sugarShape_xg7wm_44{fill:color-mix(in srgb, var(--learning-block-color-companion) 14%, var(--bg-primary));stroke:var(--learning-block-color-companion);stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}._phosphate_xg7wm_33{border:2px solid var(--learning-block-color-secondary);background:color-mix(in srgb, var(--learning-block-color-secondary) 18%, var(--bg-primary));width:34px;height:34px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:11px;left:calc(9.7% - 17px)}._sugarMark_xg7wm_75{width:30px;color:var(--text-primary);text-align:center;position:absolute;top:16px;left:37.5%;transform:translate(-50%)}._unitBase_xg7wm_85{border:2px solid var(--learning-block-accent);background:var(--learning-block-accent-surface);min-width:0;height:34px;color:var(--text-primary);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding-inline:10px;display:flex;position:absolute;top:11px;left:55%;right:0}._unitLabels_xg7wm_104{min-height:46px;color:var(--text-secondary);text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;position:absolute;inset:58px 0 auto}._unitLabels_xg7wm_104>span{overflow-wrap:normal;min-width:0;padding-inline:2px}._unitLabels_xg7wm_104>span:nth-child(2){grid-area:2/1/auto/-1}._unitLabels_xg7wm_104>span:nth-child(3){grid-area:1/2}._strand_xg7wm_21{flex-direction:column;flex:1;align-self:center;width:min(100%,720px);min-height:0;display:flex}._strandTitle_xg7wm_140{min-height:20px;color:var(--text-secondary);text-align:center;flex:none;display:block}._strandDiagram_xg7wm_148{flex:1;height:168px;min-height:0;position:relative;container-type:inline-size}._end_xg7wm_156{color:var(--text-secondary);position:absolute}._endLeftTop_xg7wm_161{top:-1px;left:8%}._endLeftBottom_xg7wm_166{bottom:0;left:20%}._endRightTop_xg7wm_171{top:-1px;right:20%}._endRightBottom_xg7wm_176{bottom:0;right:8%}._rows_xg7wm_181{position:absolute;inset:0}._row_xg7wm_181{grid-template-columns:clamp(40px,12.67cqw,96px) clamp(16px,3cqw,22px) clamp(40px,12.67cqw,96px);align-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}._baseLeft_xg7wm_197,._baseRight_xg7wm_198{background:var(--bg-primary);height:23px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}._baseLeft_xg7wm_197{border:1.5px solid var(--learning-block-color-primary);border-radius:6px 2px 2px 6px}._baseRight_xg7wm_198{border:1.5px solid var(--learning-block-color-companion);border-radius:2px 6px 6px 2px}._bondSpace_xg7wm_217{height:1px}._active_xg7wm_221{border-color:var(--learning-block-accent);background:var(--learning-block-accent-surface);box-shadow:inset 0 0 0 1px var(--learning-block-accent)}._thumbnail_xg7wm_22{width:80px;height:80px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}._thumbnailDiagram_xg7wm_236{width:72px;height:72px;position:relative}._thumbnailRows_xg7wm_242{flex-direction:column;gap:7px;padding-top:18px;display:flex;position:absolute;inset:0}._thumbnailPair_xg7wm_251{grid-template-columns:15px 10px 15px;align-self:center;align-items:center;display:grid}._thumbnailBase_xg7wm_258{border:1.5px solid var(--learning-block-color-primary);background:var(--bg-primary);height:19px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;display:flex}._thumbnailBondSpace_xg7wm_269{height:1px}@media (width>=481px){[data-testid=math-block-layout-content]:has(._root_xg7wm_1) [class*=wideVisualization]{width:100%}._root_xg7wm_1{height:296px}._unit_xg7wm_12,._strand_xg7wm_21{width:min(100%,640px)}._strandGeometry_xg7wm_21 ._phosphateShape_xg7wm_33{rx:10px}._strandGeometry_xg7wm_21 ._strandSugarShape_xg7wm_292{transform-box:fill-box;transform-origin:50%;transform:scaleX(.6)}}@media (width<=480px){._root_xg7wm_1{height:312px}._unit_xg7wm_12{height:104px}._unitLabels_xg7wm_104{min-height:46px}._strandTitle_xg7wm_140{min-height:24px}._row_xg7wm_181{grid-template-columns:40px 16px 40px}}}