.panel-scene{--face-out:-224px;--mesh-out:-112px;--mesh-in:112px;--face-in:224px;--outer-opacity:1;--eps-opacity:1;--straw-opacity:0;--eps-y:0px;--straw-y:45px;--ring-opacity:0}
.panel-scene .panel-layer{transition:transform 650ms cubic-bezier(.16,1,.3,1),opacity 350ms ease}
.panel-scene .face-out{transform:translateX(var(--face-out));opacity:var(--outer-opacity)}
.panel-scene .mesh-out{transform:translateX(var(--mesh-out));opacity:var(--outer-opacity)}
.panel-scene .face-in{transform:translateX(var(--face-in));opacity:var(--outer-opacity)}
.panel-scene .mesh-in{transform:translateX(var(--mesh-in));opacity:var(--outer-opacity)}
.panel-scene .core-eps{opacity:var(--eps-opacity);transform:translateY(var(--eps-y))}
.panel-scene .core-straw{opacity:var(--straw-opacity);transform:translateY(var(--straw-y))}
.panel-scene .core-outline{opacity:var(--ring-opacity);transition:opacity 350ms ease}
.workbench[data-step="0"] .panel-scene,.workbench[data-step="4"] .panel-scene{--face-out:0px;--mesh-out:0px;--mesh-in:0px;--face-in:0px}
.workbench[data-step="2"] .panel-scene,.workbench[data-step="3"] .panel-scene{--outer-opacity:.3;--ring-opacity:1}
.workbench[data-step="3"] .panel-scene,.workbench[data-step="4"] .panel-scene{--eps-opacity:0;--straw-opacity:1;--eps-y:-45px;--straw-y:0px}
.workbench[data-step="0"] .layer-key,.workbench[data-step="4"] .layer-key{opacity:0}
.workbench[data-step="2"] .layer-key li:not(.core-key),.workbench[data-step="3"] .layer-key li:not(.core-key){opacity:.6}
.study-panel[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.panel-scene .panel-layer,.panel-scene .core-outline{transition:none}}