.first-animation-demo_rect__0PmK_{position:absolute;left:0;background:#e9b86a;will-change:transform}.first-animation-demo_bounds__kyF85{position:absolute;left:0;border:1px solid color-mix(in srgb,var(--layer-label-aqua) 70%,transparent);opacity:0;transition:opacity .16s;will-change:transform}.first-animation-demo_path__POkz2{position:absolute;height:0;border-top:1.5px dashed color-mix(in srgb,var(--primary) 80%,transparent);opacity:0}.first-animation-demo_pathKey__oIXWY{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border:1px solid var(--primary);opacity:0}.first-animation-demo_panel__k93Mz{position:absolute;overflow:hidden;border:1px solid var(--e-line);background:var(--e-panel)}.first-animation-demo_panelTitle__kG_ov{position:absolute;left:14px;top:10px;color:var(--e-fg);font-size:12px;font-weight:600}.first-animation-demo_empty__agvUH{position:absolute;left:14px;right:14px;top:40px;margin:0;color:var(--e-dim);font-size:11.5px;line-height:17px;transition:opacity .16s}.first-animation-demo_layerProps__qubJY{position:absolute;inset:40px 0 0;opacity:0;transition:opacity .16s}[data-illustration=first-animation][data-selected] .first-animation-demo_empty__agvUH{opacity:0}[data-illustration=first-animation][data-selected] .first-animation-demo_layerProps__qubJY{opacity:1}.first-animation-demo_layerName__K___J{position:absolute;left:14px;top:0;color:var(--e-fg);font-size:12.5px;font-weight:500}.first-animation-demo_section__vpO4C{position:absolute;left:14px;top:34px;color:var(--e-dim);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.first-animation-demo_propRow__BwXSF{position:absolute;left:14px;right:14px;top:60px;display:flex;height:18px;align-items:center;gap:8px;color:var(--e-dim);font-size:11.5px}.first-animation-demo_values__7mlAy{position:absolute;left:14px;right:14px;top:86px;display:flex;gap:44px;color:var(--e-faint);font-size:11.5px}.first-animation-demo_values__7mlAy b{margin-left:4px;color:var(--e-fg);font-weight:400;font-variant-numeric:tabular-nums}.first-animation-demo_stopwatch__P7HCZ{width:14px;height:14px;flex:none;color:var(--e-faint);transition:color .16s}[data-illustration=first-animation][data-animated] .first-animation-demo_stopwatch__P7HCZ{color:var(--e-fg)}.first-animation-demo_keyToggle__o5pw9{width:12px;height:12px;margin-left:auto;color:var(--e-faint)}.first-animation-demo_keyToggle__o5pw9[data-on]{color:var(--e-key);fill:var(--e-key)}.first-animation-demo_timeline__FXvyT{position:absolute;overflow:hidden;border-top:1px solid var(--e-line);background:#1a1a1a}.first-animation-demo_time__iqjsg{position:absolute;left:14px;top:7px;color:var(--primary);font:500 12px/16px var(--font-mono);font-variant-numeric:tabular-nums}.first-animation-demo_play__siNwI{position:absolute;display:grid;width:22px;height:22px;place-items:center;border-radius:5px;color:var(--e-dim)}.first-animation-demo_play__siNwI svg{grid-area:1/1;width:13px;height:13px}.first-animation-demo_pauseIcon__k7al2,[data-illustration=first-animation][data-playing] .first-animation-demo_playIcon__9zvye{opacity:0}[data-illustration=first-animation][data-playing] .first-animation-demo_pauseIcon__k7al2{opacity:1}[data-illustration=first-animation][data-playing] .first-animation-demo_play__siNwI{background:var(--e-sel);color:var(--e-fg)}.first-animation-demo_ruler__qqjmb{position:absolute;border-bottom:1px solid var(--e-line)}.first-animation-demo_ruler__qqjmb i{position:absolute;bottom:0;width:1px;height:3px;background:rgb(255 255 255/18%)}.first-animation-demo_ruler__qqjmb i[data-second]{height:7px;background:rgb(255 255 255/32%)}.first-animation-demo_ruler__qqjmb i[data-second]:after{position:absolute;left:4px;bottom:6px;color:var(--e-faint);font:9.5px/1 var(--font-mono);content:attr(data-second)}.first-animation-demo_row__bB5mD{position:absolute;left:0;width:200px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgb(255 255 255/5%);color:var(--e-dim);font-size:11.5px}.first-animation-demo_row__bB5mD[data-layer]{padding-left:14px;color:var(--e-fg);font-weight:500;transition:background-color .16s}.first-animation-demo_row__bB5mD[data-property]{padding-left:40px}[data-illustration=first-animation][data-selected] .first-animation-demo_row__bB5mD[data-layer]{background:var(--selection);box-shadow:inset 2px 0 0 var(--primary)}.first-animation-demo_label__zW1AL{width:9px;height:9px;flex:none;background:var(--layer-label-aqua)}.first-animation-demo_index__DQ1B1{color:var(--e-dim);font-family:var(--font-mono);font-size:10.5px}.first-animation-demo_bar__dNIlw{position:absolute;border-radius:2px;background:var(--layer-bar);transition:background-color .16s}[data-illustration=first-animation][data-selected] .first-animation-demo_bar__dNIlw{background:var(--layer-bar-selected)}.first-animation-demo_key__DWAHb{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:1px;background:var(--keyframe);opacity:0;transform:rotate(45deg);transition:opacity .2s}.first-animation-demo_playhead__qD0Hx{position:absolute;left:0;bottom:0;width:1px;margin-left:-.5px;background:var(--primary);will-change:transform}.first-animation-demo_playhead__qD0Hx i{position:absolute;left:-5px;top:0;width:11px;height:11px;border-radius:2px 2px 50% 50%;background:var(--primary)}