/* Real Ezlo poses travel above the two workspace buttons. */
.workspace-mode-switch{height:84px;width:150px;padding:54px 4px 2px;align-items:end;background:#15352f;border:2px solid #081d25;box-shadow:inset 0 0 0 1px #789789,0 2px #061b21;overflow:hidden}
.workspace-mode-switch::before{content:'';position:absolute;left:25%;right:25%;top:49px;height:1px;background:#789789;box-shadow:0 1px #071e21;z-index:0}
.workspace-mode-switch button{position:absolute;left:4px;bottom:2px;width:calc(50% - 4px);min-height:44px;height:44px;line-height:20px;padding:21px 4px 1px;font-size:14px;transition:color 120ms;background:transparent;text-shadow:none}
.workspace-mode-switch #animationModeBtn{left:50%}
.workspace-mode-switch button[aria-pressed=true]{color:#19372c;text-shadow:none}
.workspace-mode-switch button:focus-visible{outline:2px solid #fff1b4;outline-offset:1px}
.workspace-mode-switch .mode-switch-thumb{top:auto;bottom:3px;height:24px;left:4px;width:calc(50% - 4px);background:#e0ca87;border:1px solid #f4e7b2;box-shadow:inset 0 0 0 1px #938c59;transition:transform 180ms ease-out}
.workspace-mode-switch.is-animation .mode-switch-thumb{background:#d6d49b;box-shadow:inset 0 0 0 1px #f3e9b2;transform:translateX(100%)}
.ezlo-switch-canvas{position:absolute;left:2px;top:0;width:calc(100% - 4px);height:54px;image-rendering:pixelated;pointer-events:none;z-index:1}
.mode-switch-spark{display:none!important}
@media(max-width:1130px){.workspace-mode-switch{width:130px}.workspace-mode-switch button{font-size:13px}}
@media(max-width:700px){.workspace-mode-switch{width:112px;height:84px}.workspace-mode-switch button{font-size:12px;padding:21px 2px 1px}}
@media(prefers-reduced-motion:reduce){.workspace-mode-switch button,.workspace-mode-switch .mode-switch-thumb{transition:none}}