@keyframes ui-grow{0%,6%{width:0}38%,90%{width:var(--w)}to{width:0}}@keyframes ui-rise{0%,6%{height:0}38%,90%{height:var(--h)}to{height:0}}@keyframes ui-in{0%,8%{opacity:0;transform:translateY(8px)}16%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes ui-tick{0%,8%{background:var(--panel);color:#0000}14%,90%{background:var(--green);color:#fff}to{background:var(--panel);color:#0000}}@keyframes ui-switch{0%,8%{background:#d5dce7}14%,90%{background:var(--green)}to{background:#d5dce7}}@keyframes ui-knob{0%,8%{transform:translate(0)}14%,90%{transform:translate(14px)}to{transform:translate(0)}}@keyframes ui-swap-a{0%,42%{opacity:1}48%,94%{opacity:0}to{opacity:1}}@keyframes ui-swap-b{0%,42%{opacity:0}48%,94%{opacity:1}to{opacity:0}}@keyframes ui-draw{0%,6%{stroke-dashoffset:1px}50%,90%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes ui-gauge{0%,6%{stroke-dashoffset:1px}50%,90%{stroke-dashoffset:var(--g)}to{stroke-dashoffset:1px}}@keyframes ui-late{0%,46%{opacity:0;transform:scale(.92)}54%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes ui-cycle{0%,2%{opacity:0;transform:translateY(6px)}5%,30%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-4px)}}@keyframes ui-dot{0%,12%{background:#e2574c}30%,46%{background:#f0b429}60%,92%{background:var(--green)}to{background:#e2574c}}@keyframes ui-pulse{0%{box-shadow:0 0 #34a85280}70%,to{box-shadow:0 0 0 8px #34a85200}}@keyframes ui-pick{0%,20%{background:var(--panel);color:var(--ink)}26%,90%{background:var(--blue);color:#fff}to{background:var(--panel);color:var(--ink)}}@keyframes ui-wipe{0%,10%{clip-path:inset(0 22% 0 0)}45%,60%{clip-path:inset(0 78% 0 0)}95%,to{clip-path:inset(0 22% 0 0)}}@keyframes ui-wipe-x{0%,10%{left:78%}45%,60%{left:22%}95%,to{left:78%}}