:root{--lava-ease-out:cubic-bezier(.16, 1, .3, 1);--lava-ease-inOut:cubic-bezier(.65, 0, .35, 1);--lava-slow-after:1.6s}[data-state=idle]{--lava-liquid:0;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.5s;--lava-ease:var(--lava-ease-out)}[data-state=settled]{--lava-liquid:0;--lava-set:0;--lava-facet:.24;--lava-matte:0;--lava-enter:.5s;--lava-ease:var(--lava-ease-out)}[data-state=pending]{--lava-liquid:1;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.85s;--lava-ease:var(--lava-ease-out)}[data-state=slow]{--lava-liquid:.55;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.7s;--lava-ease:var(--lava-ease-out)}[data-state=queued]{--lava-liquid:.34;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.9s;--lava-ease:var(--lava-ease-out)}[data-state=confirmed]{--lava-liquid:1;--lava-set:1;--lava-facet:.24;--lava-matte:0;--lava-enter:1.25s;--lava-ease:var(--lava-ease-inOut)}[data-state=failed]{--lava-liquid:0;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.9s;--lava-ease:var(--lava-ease-inOut)}[data-state=conflict]{--lava-liquid:1;--lava-set:.55;--lava-facet:0;--lava-matte:0;--lava-enter:.9s;--lava-ease:var(--lava-ease-inOut)}[data-state=risky]{--lava-liquid:0;--lava-set:0;--lava-facet:0;--lava-matte:0;--lava-enter:.5s;--lava-ease:var(--lava-ease-out)}[data-state=disabled]{--lava-liquid:0;--lava-set:0;--lava-facet:0;--lava-matte:1;--lava-enter:.4s;--lava-ease:var(--lava-ease-out)}@property --lava-split{syntax:"<percentage>";inherits:false;initial-value:55%}.lite{--bar:none;--bar-pos:50% 0;--bar-size:38% 2px;background:var(--bar) var(--bar-pos) / var(--bar-size) no-repeat, var(--lite-base,linear-gradient(180deg, #101218 0%, #0b0c10 62%));position:relative;overflow:hidden}.lite[data-state=pending]{--bar:linear-gradient(90deg, transparent, #dfe7f2 50%, transparent);animation:1.1s linear infinite lava-slide}.lite[data-state=slow]{--bar:linear-gradient(90deg, transparent, #c4cddb 50%, transparent);animation:2.8s ease-in-out infinite lava-slide}.lite[data-state=queued]{--bar:linear-gradient(90deg, transparent, #c4cddb8c 50%, transparent);--bar-pos:50% 100%;--bar-size:30% 2px}.lite[data-state=conflict]{--bar:linear-gradient(90deg, #dfe7f2 var(--lava-split), #ffffff24 var(--lava-split));--bar-pos:0 0;--bar-size:100% 3px;animation:4.2s ease-in-out infinite lava-waver}.lite[data-state=confirmed]{animation:lava-set var(--lava-enter,1.25s) var(--lava-ease-inOut) both}.lite[data-state=failed]{box-shadow:inset 0 0 0 1px #ffffff08}.lite[data-state=risky]{box-shadow:inset 0 0 0 1px #ffffff57}.lite[data-state=disabled]{background:#0f1014;box-shadow:inset 0 0 0 1px #ffffff0a}.lite[data-state=disabled]:before,.lite[data-state=disabled]:after{opacity:0}@keyframes lava-slide{0%{background-position:-70% 0,0 0}to{background-position:170% 0,0 0}}@keyframes lava-waver{0%,to{--lava-split:51%}50%{--lava-split:59%}}@keyframes lava-set{0%{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 #ff703600}35%{box-shadow:inset 0 0 0 1px #ff965ab3,inset 0 -30px 60px -30px #ff703673}to{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 #ff703600}}@media (prefers-reduced-motion:reduce){.lite[data-state=pending],.lite[data-state=slow],.lite[data-state=conflict],.lite[data-state=confirmed]{animation:none}}.gtitle{font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0;padding:0}.note{color:var(--mute);font-size:.85rem;line-height:1.5}.ctl{gap:8px;display:grid}.ctl.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ctl label{font:500 13px/1.3 var(--font);justify-content:space-between;gap:12px;display:flex}.ctl output{font:400 12px/1.3 var(--mono);color:var(--mute)}.check{align-items:center;gap:8px;justify-content:flex-start!important;display:inline-flex!important}.check input{accent-color:#aab5c4;width:16px;height:16px}input[type=range]{appearance:none;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#0b0c10;border-radius:99px;height:6px;box-shadow:inset 0 0 0 1px #ffffff1f}input[type=range]::-moz-range-track{background:#0b0c10;border-radius:99px;height:6px;box-shadow:inset 0 0 0 1px #ffffff1f}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 34% 28%,#fff 0 9%,#0000 26%),linear-gradient(#e8eef7 0%,#aab5c4 46%,#5d6878 50%,#2c333e 100%);border:0;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #fff3}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 34% 28%,#fff 0 9%,#0000 26%),linear-gradient(#e8eef7 0%,#aab5c4 46%,#5d6878 50%,#2c333e 100%);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #fff3}input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:99px}select{color:var(--ink);font:500 14px/1 var(--font);background:#0d0f14;border:0;border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff1f}select:focus-visible,.check input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.ghost{all:unset;cursor:pointer;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute);border-radius:8px;justify-self:start;padding:6px 10px;box-shadow:inset 0 0 0 1px #ffffff1f}.ghost:focus-visible{outline:2px solid var(--focus);outline-offset:3px}