@layer components{._scene_17pv7_1{width:100%;min-height:292px;color:var(--text-primary);flex-direction:column;justify-content:center;gap:10px;padding:24px;display:flex}._context_17pv7_12{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;display:flex}._reactionGrid_17pv7_20{--subunit-width:58px;--linkage-gap:108px;--water-width:38px;grid-template-columns:minmax(0,1fr);align-items:center;gap:2px;display:grid}._reactionGrid_17pv7_20[data-count="4"]{--linkage-gap:102px}._reactionGrid_17pv7_20[data-count="5"]{--subunit-width:54px;--linkage-gap:96px}._side_17pv7_40{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:68px;display:flex}._sideLabel_17pv7_50{color:var(--text-secondary);text-align:center}._chain_17pv7_55{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}._unit_17pv7_63{width:var(--subunit-width,38px);flex:0 0 var(--subunit-width,38px);border:2px solid var(--learning-block-color-secondary);background:color-mix(in srgb, var(--learning-block-color-secondary) 16%, var(--learning-block-visualization-surface,var(--bg-primary)));min-width:0;height:54px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;display:flex}._gap_17pv7_81{width:var(--linkage-gap,28px);flex:0 0 var(--linkage-gap,28px);justify-content:center;align-items:center;height:54px;display:flex}._ends_17pv7_90{width:100%;color:var(--learning-block-accent,var(--icon-accent));justify-content:space-between;align-items:center;display:flex}._endLeft_17pv7_98,._endRight_17pv7_99{white-space:nowrap;align-items:center;gap:1px;display:inline-flex}._endLeft_17pv7_98:before,._endRight_17pv7_99:after{content:"";background:var(--learning-block-accent,var(--icon-accent));width:12px;height:2px;display:block}._bond_17pv7_115{background:var(--learning-block-accent,var(--icon-accent));border-radius:999px;width:100%;height:3px}._waterRow_17pv7_122{justify-content:center;align-items:center;gap:max(5px, calc(var(--subunit-width,38px) + var(--linkage-gap,28px) - var(--water-width,35px)));flex-wrap:wrap;min-height:27px;display:flex}._water_17pv7_122{min-width:var(--water-width,35px);border:1px solid var(--learning-block-accent,var(--icon-accent));background:var(--learning-block-accent-surface,color-mix(in srgb, var(--icon-accent) 16%, var(--bg-primary)));height:27px;color:var(--text-primary);border-radius:15px 15px 15px 5px;justify-content:center;align-items:center;display:inline-flex}._center_17pv7_152{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:84px;display:flex}._verticalArrow_17pv7_162{width:34px;height:58px;display:block}._direction_17pv7_168{color:var(--learning-block-accent,var(--icon-accent));text-align:center}._thumbnail_17pv7_173{width:100%;height:100%;min-height:78px;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px;display:flex}._thumbnail_17pv7_173 ._chain_17pv7_55{min-height:16px}._thumbnail_17pv7_173 ._unit_17pv7_63{flex-basis:10px;width:10px;height:14px}._thumbnail_17pv7_173 ._gap_17pv7_81{flex-basis:4px;width:4px;height:14px}._thumbnail_17pv7_173 ._ends_17pv7_90{display:none}._thumbnailMiddle_17pv7_206{justify-content:center;align-items:center;gap:2px;display:flex}._thumbnailArrow_17pv7_213{width:12px;height:18px;display:block}._thumbnailDrops_17pv7_219{align-items:center;gap:2px;display:flex}._thumbnailDrop_17pv7_219{background:var(--learning-block-accent,var(--icon-accent));border-radius:3px 3px 3px 1px;width:4px;height:7px}@media (width<=639px){._scene_17pv7_1{gap:6px;min-height:274px}._reactionGrid_17pv7_20{--subunit-width:38px;--linkage-gap:42px;--water-width:31px;grid-template-columns:minmax(0,1fr);gap:2px}._reactionGrid_17pv7_20[data-count="4"]{--subunit-width:36px;--linkage-gap:36px}._reactionGrid_17pv7_20[data-count="5"]{--subunit-width:30px;--linkage-gap:34px}._side_17pv7_40{gap:4px;min-height:75px}._chain_17pv7_55{min-height:48px}._unit_17pv7_63{width:var(--subunit-width,34px);flex-basis:var(--subunit-width,34px);height:40px}._gap_17pv7_81{width:var(--linkage-gap,28px);flex-basis:var(--linkage-gap,28px);height:48px}._endLeft_17pv7_98:before,._endRight_17pv7_99:after{width:4px}._center_17pv7_152{gap:4px;min-height:76px}._waterRow_17pv7_122{min-height:25px}._water_17pv7_122{min-width:var(--water-width,31px);height:23px}}@media (width<=350px){._scene_17pv7_1{padding-left:12px;padding-right:12px}._reactionGrid_17pv7_20[data-count="4"]{--subunit-width:34px;--linkage-gap:34px}._reactionGrid_17pv7_20[data-count="5"]{--subunit-width:28px;--linkage-gap:32px}}}