.demos_panel__PeRNE{position:absolute;overflow:hidden;border:1px solid var(--e-line);background:var(--e-panel)}.demos_panelHead__toXdc{display:flex;height:30px;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--e-line);color:var(--e-fg);font-size:11.5px;font-weight:600;white-space:nowrap}.demos_panelFoot__71gQK{position:absolute;left:0;right:0;bottom:0;display:flex;height:30px;align-items:center;gap:4px;padding:0 8px;border-top:1px solid var(--e-line)}.demos_icon__Y_bDW{display:grid;width:24px;height:22px;flex:none;place-items:center;border-radius:5px;color:var(--e-dim);transition:background-color .14s,color .14s,box-shadow .14s}.demos_icon__Y_bDW svg{width:14px;height:14px}.demos_icon__Y_bDW[data-hover],.demos_icon__Y_bDW[data-on]{background:var(--e-sel);color:var(--e-fg)}.demos_icon__Y_bDW[data-drop]{box-shadow:inset 0 0 0 1px var(--primary);color:var(--e-fg)}.demos_label__yusIq{overflow:hidden;color:var(--e-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.demos_strong__h89_D{color:var(--e-fg);font-weight:500}.demos_mono__M_t5B{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.demos_item__LOoHI{display:flex;min-height:26px;align-items:center;gap:8px;padding:0 12px;color:var(--e-dim);font-size:11px;white-space:nowrap;transition:background-color .16s,opacity .2s,transform .32s cubic-bezier(.2,.8,.2,1)}.demos_item__LOoHI[data-sel]{background:var(--e-sel);color:var(--e-fg)}.demos_btn__Xhe_9{display:inline-flex;height:26px;flex:none;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:6px;background:#2c2c2c;color:var(--e-fg);font-size:11px;font-weight:500;white-space:nowrap;transition:background-color .14s,box-shadow .14s,transform 90ms}.demos_btn__Xhe_9 svg{width:13px;height:13px}.demos_btn__Xhe_9[data-hover]{background:#363636}.demos_btn__Xhe_9[data-primary]{background:var(--primary);color:#1d1416}.demos_btn__Xhe_9[data-primary][data-hover]{background:color-mix(in srgb,var(--primary) 86%,white)}.demos_btn__Xhe_9[data-pressed]{transform:scale(.96)}.demos_btn__Xhe_9[data-quiet]{background:transparent;color:var(--e-dim)}.demos_btn__Xhe_9[data-on]{background:var(--e-sel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 60%,transparent);color:var(--e-fg)}.demos_btn__Xhe_9[data-off]{opacity:.45}.demos_dialog__mQO4I{position:absolute;z-index:4;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #3a3a3a;border-radius:12px;background:#262626;box-shadow:0 18px 40px rgb(0 0 0/45%);opacity:0;transform:translateY(8px) scale(.97);transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.2,.9,.3,1.1)}.demos_dialog__mQO4I[data-open]{opacity:1;transform:none}.demos_dialogTitle__oXge9{display:block;margin:0;color:var(--e-fg);font-size:13.5px;font-weight:600;white-space:nowrap}.demos_dialogText___T2Lo{display:block;margin:0;color:var(--e-dim);font-size:10.5px;line-height:15px}.demos_dialogFoot__qeFxP{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.demos_field__YFhB9{min-height:46px;padding:8px 10px;border:1px solid var(--e-line);border-radius:8px;background:#1c1c1c;color:var(--e-fg);font-size:11px;line-height:15px}.demos_field__YFhB9[data-focus]{border-color:var(--primary)}.demos_caret__Az6ed{display:inline-block;width:1px;height:12px;margin-left:1px;vertical-align:-2px;background:var(--e-fg)}.demos_select__PCkNr{display:flex;height:28px;align-items:center;justify-content:space-between;padding:0 10px;border-radius:6px;background:#1c1c1c;color:var(--e-fg);font-size:11px;transition:box-shadow .14s}.demos_select__PCkNr[data-hover]{box-shadow:inset 0 0 0 1px #4a4a4a}.demos_select__PCkNr>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demos_select__PCkNr svg{width:12px;height:12px;color:var(--e-dim)}.demos_menu__6eUpP{position:absolute;z-index:5;display:flex;flex-direction:column;padding:4px;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;box-shadow:0 12px 28px rgb(0 0 0/45%);opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .22s}.demos_menu__6eUpP[data-open]{opacity:1;transform:none}.demos_menu__6eUpP>span{display:flex;height:22px;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;border-radius:4px;color:var(--e-fg);font-size:10.5px;white-space:nowrap}.demos_menu__6eUpP>span[data-hover]{background:var(--e-sel)}.demos_menu__6eUpP>span[data-on]:after{color:var(--primary);content:"✓"}.demos_checkbox__hrMdH{display:grid;width:14px;height:14px;flex:none;place-items:center;border:1px solid #5a5a5a;border-radius:3px;color:#1d1d1d;font-size:10px;font-weight:700;line-height:1}.demos_checkbox__hrMdH[data-on]{border-color:#8a8a8a;background:#8a8a8a}.demos_checkbox__hrMdH[data-on]:after{content:"✓"}.demos_thumb__Aei_Y{position:relative;overflow:hidden;width:54px;height:31px;flex:none;border-radius:3px;background-color:#2f2f2f;background-image:linear-gradient(45deg,#3a3a3a 25%,transparent 0),linear-gradient(-45deg,#3a3a3a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#3a3a3a 0),linear-gradient(-45deg,transparent 75%,#3a3a3a 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.demos_arrows__ckmuf{display:flex;gap:2px;margin-left:auto}.demos_progress__dE8XG{position:relative;height:4px;overflow:hidden;border-radius:2px;background:#3a3a3a}.demos_progress__dE8XG i{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--primary)}.demos_viewer__vjeVw{position:absolute;overflow:hidden;border:1px solid var(--e-line);background:#161616}.demos_comp__Khh3o{position:absolute;overflow:hidden;background:#0b0b0b;outline:1px solid #2a2a2a}.demos_shape__GtQ2T{position:absolute;transition:opacity .26s}.demos_timeline__UB_OY{position:absolute;overflow:hidden;border:1px solid var(--e-line);background:#1a1a1a}.demos_tlRow__CkXOK{position:absolute;left:0;right:0;display:flex;height:24px;align-items:center;gap:7px;padding-left:10px;border-bottom:1px solid rgb(255 255 255/5%);color:var(--e-fg);font-size:10.5px;white-space:nowrap;transition:opacity .24s,transform .32s cubic-bezier(.2,.8,.2,1),background-color .16s}.demos_tlRow__CkXOK[data-sel]{background:var(--selection);box-shadow:inset 2px 0 0 var(--primary)}.demos_swatch__982xt{width:8px;height:8px;flex:none}.demos_bar__MDWNx{position:absolute;height:14px;border-radius:2px;background:var(--layer-bar);transition:opacity .24s}.demos_key__sXjp0{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:1px;background:var(--keyframe);transform:rotate(45deg);transition:opacity .22s}.demos_key__sXjp0[data-ghost]{background:transparent;box-shadow:inset 0 0 0 1.2px var(--keyframe)}.demos_playhead__A2oRk{position:absolute;top:0;bottom:0;width:1px;background:var(--primary);will-change:transform}.demos_playhead__A2oRk:before{position:absolute;left:-5px;top:0;width:11px;height:10px;border-radius:2px 2px 50% 50%;background:var(--primary);content:""}.demos_toolbar__wiylt{height:32px;gap:2px;padding:0 6px;border:1px solid var(--e-line);background:#1c1c1c}.demos_toast__EJ341,.demos_toolbar__wiylt{position:absolute;display:flex;align-items:center}.demos_toast__EJ341{z-index:6;gap:6px;padding:5px 10px;border:1px solid #3a3a3a;border-radius:999px;background:#262626;color:var(--e-fg);font-size:11px;opacity:0;transform:translate(-50%,6px);transition:opacity .2s,transform .26s}.demos_toast__EJ341[data-open]{opacity:1;transform:translate(-50%)}.demos_toast__EJ341 kbd{padding:1px 5px;border:1px solid #4a4a4a;border-radius:4px;font:500 10px/14px var(--font-mono)}.demos_bone__Alumg{background:rgb(236 236 236/78%);clip-path:polygon(0 50%,14% 0,100% 50%,14% 100%);transform-origin:0 50%;transition:opacity .2s,background-color .16s}.demos_bone__Alumg[data-on]{background:var(--primary)}.demos_target__4_GKu{left:-7px;top:-7px;width:14px;height:14px;border:1.5px solid var(--primary);border-radius:50%;background:linear-gradient(var(--primary),var(--primary)) 50% /1.5px 8px no-repeat,linear-gradient(var(--primary),var(--primary)) 50% /8px 1.5px no-repeat;transition:opacity .2s}.demos_shape__GtQ2T[data-lit]{box-shadow:0 0 0 2px var(--primary)}.demos_bubble__d1V1e{align-self:flex-end;max-width:88%;padding:7px 10px;border-radius:10px;background:#2f2f2f;color:var(--e-fg);font-size:11px;line-height:15px;transition:opacity .22s}.demos_check__7GoxL{display:grid;width:13px;height:13px;flex:none;place-items:center;border:1px solid #555;border-radius:50%;color:transparent;transition:background-color .2s,color .2s}.demos_check__7GoxL svg{width:9px;height:9px}.demos_check__7GoxL[data-on]{border-color:transparent;background:#8a8a8a;color:#1d1d1d}.demos_draft__wydxc{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed #4a4a4a;border-radius:8px;transition:opacity .22s}.demos_ball___BnwY{border-radius:50%;background:#e9b86a;will-change:transform}.demos_ball___BnwY[data-draft]{outline:1.5px dashed color-mix(in srgb,var(--primary) 85%,transparent);outline-offset:3px}.demos_formField__UNLtU{display:flex;min-width:0;flex-direction:column;gap:5px}.easing-demo_track__F3iil{position:absolute;height:24px;border-top:1px solid rgb(255 255 255/5%);border-bottom:1px solid rgb(255 255 255/5%);background:rgb(255 255 255/2%)}.easing-demo_key__kpFBi{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--keyframe);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transition:background-color .16s}.easing-demo_key__kpFBi[data-eased]{clip-path:polygon(0 0,100% 0,50% 50%,100% 100%,0 100%,50% 50%)}.easing-demo_key__kpFBi[data-sel]{background:var(--primary)}.easing-demo_marquee__Omiba{position:absolute;border:1px dashed color-mix(in srgb,var(--primary) 80%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent);opacity:0}.easing-demo_graph__lJ5q1{position:absolute;inset:30px 0 0}.easing-demo_graph__lJ5q1 svg{display:block;width:100%;height:100%;overflow:visible}.easing-demo_curve__4AF_k{fill:none;stroke:var(--e-value);stroke-width:2px}.easing-demo_axis__1Tmtz{stroke:var(--e-line);stroke-width:1px}.easing-demo_handleLine__4f2W8{stroke:var(--e-value);stroke-width:1px;opacity:.7}.easing-demo_handle__6Srrv{fill:var(--e-panel);stroke:var(--e-value);stroke-width:1.5px}.easing-demo_point__jCiPO{fill:var(--e-value)}.easing-demo_now__IGF0T{fill:var(--primary)}.easing-demo_chip__72t3Q{display:inline-flex;height:20px;align-items:center;padding:0 8px;border-radius:5px;color:var(--e-dim);font-size:10.5px;font-weight:500}.easing-demo_chip__72t3Q[data-on]{background:var(--e-sel);color:var(--e-fg)}.easing-demo_square___Vq7Z{position:absolute;border-radius:6px;background:#e9b86a;will-change:transform}.easing-demo_ghost__6T6iW{position:absolute;border:1.5px dashed rgb(233 184 106/55%);border-radius:6px;opacity:0;transition:opacity .2s;will-change:transform}