@layer components{._scene_b2f7v_1{width:100%;max-width:640px;margin:0 auto;padding:0 24px 24px}._headings_b2f7v_8,._sampleResults_b2f7v_9{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}._heading_b2f7v_8{text-align:center;min-width:0}._vessels_b2f7v_20{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;height:176px;margin-top:10px;display:grid;position:relative}._vessel_b2f7v_20{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:0 0 18px 18px;position:relative;overflow:hidden}._particles_b2f7v_41{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:7px 11px;height:100%;padding:13px 12px;display:grid;position:relative}._particle_b2f7v_41{border:2px solid #0000;border-radius:999px;align-self:center;width:18px;height:18px}._componentA_b2f7v_60{background:var(--learning-block-color-primary)}._componentB_b2f7v_64{background:var(--learning-block-color-companion);border-color:var(--learning-block-visualization-surface,var(--bg-primary));border-radius:3px}._phase_b2f7v_70{border-top:1px solid var(--learning-block-visualization-surface,var(--bg-primary));z-index:0;position:absolute;inset:60% 0 0}._sampleBand_b2f7v_78{background:var(--learning-block-accent-surface);border-bottom:2px dashed var(--learning-block-accent);border-top:2px dashed var(--learning-block-accent);z-index:2;height:20%;position:absolute;left:0;right:0}._sampleHandle_b2f7v_89{background:var(--learning-block-visualization-surface,var(--bg-primary));border:2px solid var(--learning-block-accent);color:var(--learning-block-accent);z-index:3;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;line-height:1;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}._sampleResults_b2f7v_9{margin-top:9px}._sampleResult_b2f7v_9{justify-content:center;align-items:center;gap:4px;min-width:0;min-height:26px;display:flex}._chips_b2f7v_119{align-items:center;gap:5px;display:inline-flex}._chip_b2f7v_119{border:1px solid #0000;border-radius:999px;width:11px;height:11px}._chipB_b2f7v_132{border-color:var(--learning-block-visualization-surface,var(--bg-primary));border-radius:2px}._thumbnail_b2f7v_137{padding:3px}._thumbnail_b2f7v_137 ._vessels_b2f7v_20{cursor:auto;touch-action:auto;gap:4px;height:54px;margin-top:0}._thumbnail_b2f7v_137 ._vessel_b2f7v_20{border-radius:0 0 7px 7px}._thumbnail_b2f7v_137 ._particles_b2f7v_41{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:3px 2px}._thumbnail_b2f7v_137 ._particle_b2f7v_41{border-width:1px;width:7px;height:7px}._thumbnail_b2f7v_137 ._sampleBand_b2f7v_78{border-width:1px;height:20%}@media (width<=460px){._headings_b2f7v_8,._sampleResults_b2f7v_9,._vessels_b2f7v_20{gap:10px}._vessels_b2f7v_20{height:152px}._particles_b2f7v_41{gap:6px 3px;padding:10px 6px}._particle_b2f7v_41{width:14px;height:14px}}}