.article-page .boxes-stage{--travel:calc(var(--cf-space-2000) * 3);position:relative;block-size:calc(var(--cf-space-1000)*2 + var(--cf-space-600)*2);overflow:hidden;border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .lab-box{position:absolute;left:0;inline-size:var(--cf-space-1000);block-size:var(--cf-space-1000);border-radius:var(--cf-radius-050)}.article-page .lab-box.is-transform{inset-block-start:var(--cf-space-400);background:var(--cf-color-success)}.article-page .lab-box.is-left{inset-block-start:calc(var(--cf-space-1000) + var(--cf-space-800));background:var(--cf-color-primary-solid)}@media(prefers-reduced-motion:no-preference){.article-page .boxes-stage.is-moving .lab-box.is-transform{animation:pt-slide-transform 2s linear infinite}.article-page .boxes-stage.is-moving .lab-box.is-left{animation:pt-slide-left 2s linear infinite}}.article-page .boxes-key{display:flex;flex-wrap:wrap;gap:var(--cf-space-100) var(--cf-space-400);margin:var(--cf-space-300) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);list-style:none}.article-page .boxes-key li{display:flex;gap:var(--cf-space-100);align-items:center}.article-page .lab-swatch{display:inline-block;inline-size:var(--cf-space-300);block-size:var(--cf-space-300);border-radius:var(--cf-radius-050)}.article-page .lab-swatch.is-transform{background:var(--cf-color-success)}.article-page .lab-swatch.is-left{background:var(--cf-color-primary-solid)}.article-page .worker-tap{display:flex;justify-content:center;padding:var(--cf-space-400)}.article-page .worker-tap-button{padding:var(--cf-space-300) var(--cf-space-800);border:0;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid);color:var(--cf-color-on-primary-solid);font:inherit;font-weight:var(--cf-font-weight-semibold);cursor:pointer}.article-page .illo-figure .tab-part{fill:none;stroke:var(--cf-color-illo-arrow);stroke-width:3}@keyframes pt-slide-transform{0%{transform:translateX(0)}to{transform:translateX(var(--travel))}}@keyframes pt-slide-left{0%{left:0}to{left:var(--travel)}}