.principle-demos-module__5C0NFq__stage{align-content:center;place-items:center;gap:var(--s-3);height:100%;min-height:150px;padding:var(--s-4);background:radial-gradient(90% 80% at 50% 0%, rgba(var(--ink-rgb), .14), transparent 70%), var(--surface-2);display:grid;position:relative;overflow:hidden}.principle-demos-module__5C0NFq__layers{width:220px;height:100px;position:relative}.principle-demos-module__5C0NFq__layers span{width:120px;height:78px;font-size:var(--text-2xs);border-radius:14px;align-items:flex-end;padding:8px 10px;font-weight:650;display:flex;position:absolute}.principle-demos-module__5C0NFq__layers [data-layer="0"]{background:var(--pp-paper);border:var(--stroke) solid var(--line);color:var(--ink);top:0;left:0}.principle-demos-module__5C0NFq__layers [data-layer="1"]{background:var(--pp-ink);color:var(--pp-on-ink);box-shadow:var(--shadow-float);top:12px;left:50px}.principle-demos-module__5C0NFq__layers [data-layer="2"]{background:radial-gradient(circle, var(--ink) 0 2.6px, transparent 2.8px) 6px 6px / 10px 10px, var(--pp-paper-2);color:var(--ink);box-shadow:var(--shadow-float);top:24px;left:100px}.principle-demos-module__5C0NFq__layers [data-layer="2"]:first-line{background:var(--pp-paper-2)}.principle-demos-module__5C0NFq__floor{background:var(--graphite);border-radius:1px;height:2px;position:absolute;bottom:34px;left:25%;right:25%}.principle-demos-module__5C0NFq__weight{background:var(--accent-fill);width:36px;height:36px;box-shadow:0 6px 16px rgba(var(--ink-rgb), .3);border-radius:50%;position:absolute;bottom:36px;left:calc(50% - 18px)}.principle-demos-module__5C0NFq__stage:not([data-unlit]) .principle-demos-module__5C0NFq__weight{animation:1s cubic-bezier(.5,0,.75,0) both principle-demos-module__5C0NFq__drop}@keyframes principle-demos-module__5C0NFq__drop{0%{animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translateY(-120px)}62%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(0)scale(1.08,.9)}80%{animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translateY(-14px)scale(.98,1.02)}to{transform:translateY(0)}}.principle-demos-module__5C0NFq__switch{border:1px solid var(--glass-line-strong);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;width:132px;height:52px;transition:background-color .9s var(--ease-physical), border-color .9s var(--ease-physical);padding:0;position:relative}.principle-demos-module__5C0NFq__switch[data-on=true]{background:var(--surface-2);border-color:var(--accent-line)}.principle-demos-module__5C0NFq__knob{background:var(--ink);width:40px;height:40px;transition:transform 1.2s var(--ease-settle), background-color .9s var(--ease-physical);border-radius:50%;position:absolute;top:5px;left:5px;box-shadow:0 4px 10px #0b0b0b33}.principle-demos-module__5C0NFq__switch[data-on=true] .principle-demos-module__5C0NFq__knob{background:var(--orange);transform:translate(80px)}.principle-demos-module__5C0NFq__caption{font-size:var(--text-xs);color:var(--ink-3)}.principle-demos-module__5C0NFq__state{max-width:34ch;font-size:var(--text-sm);color:var(--ink);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.principle-demos-module__5C0NFq__stateDot{background:var(--orange);border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.principle-demos-module__5C0NFq__state[data-reduced=true] .principle-demos-module__5C0NFq__stateDot{background:var(--ok)}