:root{--motion-ease:cubic-bezier(.22, 1, .36, 1)}@keyframes surface-enter{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0}}.topbar{animation:surface-enter .55s var(--motion-ease) both}.title-row{animation:surface-enter .55s var(--motion-ease) 45ms both}.toolbar{animation:surface-enter .55s var(--motion-ease) 85ms both}.editors{animation:surface-enter .65s var(--motion-ease) .13s both}body :is(.primary-button,.secondary-button,.icon-button,.text-button,.quiet-button,.options-button,.error-dismiss,.select-trigger){transition:color .18s ease, background-color .18s ease, border-color .18s ease, opacity .18s ease, translate .22s var(--motion-ease), scale .22s var(--motion-ease)}.primary-button svg,.text-button svg,.options-button svg{transition:translate .25s var(--motion-ease)}@media (hover:hover){.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){translate:0 -1px}.primary-button:hover:not(:disabled) svg,#load-example:hover svg{translate:2px}}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.icon-button:active:not(:disabled),.error-dismiss:active:not(:disabled){transition-duration:90ms;translate:0;scale:.97}body .select-option{transition:background-color .12s,color .12s}body .select-chevron{transition:transform .25s var(--motion-ease)}.select-trigger:active:not(:disabled){scale:.985}body .drop-zone,body .switch{transition:background-color .2s,border-color .2s}body .switch:after{transition:transform .26s var(--motion-ease), background-color .2s ease}.source-switch,.output-switch{isolation:isolate;position:relative}.source-switch button,.output-switch button{z-index:1;transition:color .18s;position:relative}.selection-indicator{pointer-events:none;transition:translate .28s var(--motion-ease), width .28s var(--motion-ease);position:absolute;left:0}.source-switch .selection-indicator{background:#ffffff0b;border-radius:14px;top:3px;bottom:3px}.source-switch.has-indicator button[aria-pressed=true]{background:0 0}.output-switch .selection-indicator{background:#adb995;height:1px;bottom:0}.output-switch.has-indicator button[aria-pressed=true]{border-color:#0000}dialog[open]::backdrop{animation:.26s both backdrop-enter}dialog[data-closing]::backdrop{animation:.15s both backdrop-exit}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}