.ui-syringe[data-v-3cc6f771]{--accent:var(--primary);width:100%}.ui-syringe__row[data-v-3cc6f771]{align-items:center;display:grid;grid-template-columns:auto 1fr auto}.ui-syringe__needle[data-v-3cc6f771]{align-items:center;display:flex;flex-shrink:0;grid-column:1;grid-row:1}.ui-syringe__needle-shaft[data-v-3cc6f771]{background:linear-gradient(180deg,#999,#ccc,#777);box-shadow:0 .5px 1px #00000026;height:1.5px;width:18px}.ui-syringe__needle-hub[data-v-3cc6f771]{background:linear-gradient(to right,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));border-end-end-radius:1px;border-end-start-radius:4px;border-start-end-radius:1px;border-start-start-radius:4px;box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 2px #0000004d;height:14px;transition:background-color .3s;width:8px}.ui-syringe__barrel[data-v-3cc6f771]{background:color-mix(in srgb,var(--surface) 30%,var(--background));border:2px solid var(--border-strong);border-end-end-radius:8px;border-end-start-radius:0;border-inline-start:none;border-start-end-radius:8px;border-start-start-radius:0;box-shadow:inset 0 2px 4px #0000000d,inset 0 -2px 4px #0000000d;grid-column:2;grid-row:1;overflow:hidden;position:relative}.ui-syringe__barrel[data-v-3cc6f771]:after{background:linear-gradient(180deg,hsla(0,0%,100%,.45) 0,hsla(0,0%,100%,.15) 20%,transparent 50%,rgba(0,0,0,.03) 80%,hsla(0,0%,100%,.25));content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.ui-syringe__plunger-shaft[data-v-3cc6f771]{background:linear-gradient(180deg,#dcdcdc4d 0,#ffffff73 40%,#c8c8c840);border-bottom:1px solid rgba(80,80,80,.08);border-top:1px solid rgba(80,80,80,.08);bottom:30%;position:absolute;top:30%;transition:inset-inline-start .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);z-index:1}.ui-syringe__fill[data-v-3cc6f771]{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 30%,transparent) 0,var(--accent) 60%,color-mix(in srgb,var(--accent) 80%,#000) 100%);border-right:1.5px solid var(--accent);inset-block:0;inset-inline-start:0;position:absolute;transition:width .35s cubic-bezier(.4,0,.2,1);z-index:2}.ui-syringe__plunger[data-v-3cc6f771]{background:linear-gradient(180deg,#2b2b2b 0,#4a4a4a 30%,#1a1a1a 80%,#111);border-radius:2px;box-shadow:inset 1px 0 #ffffff26,inset -1px 0 #0006,0 0 4px #0003;display:flex;flex-direction:column;inset-block:0;justify-content:space-around;margin-inline-start:-5px;padding:4px 0;position:absolute;transition:inset-inline-start .35s cubic-bezier(.4,0,.2,1);width:10px;z-index:3}.ui-syringe__plunger-rib[data-v-3cc6f771]{background:#111;border-radius:1px;height:2px;opacity:.8}.ui-syringe__tick[data-v-3cc6f771]{background:var(--fg-2);margin-inline-start:-.5px;opacity:.45;position:absolute;width:1px;z-index:4}.ui-syringe__tick.is-top[data-v-3cc6f771]{height:6px;top:0}.ui-syringe__tick.is-top.is-major[data-v-3cc6f771]{height:11px}.ui-syringe__tick.is-bottom[data-v-3cc6f771]{bottom:0;height:6px}.ui-syringe__tick.is-bottom.is-major[data-v-3cc6f771]{height:11px}.ui-syringe__scale[data-v-3cc6f771]{grid-column:2;grid-row:2;height:16px;margin-top:6px;position:relative}.ui-syringe__label[data-v-3cc6f771]{color:var(--fg-2);font-size:10px;font-weight:700;position:absolute;top:0;transform:translate(-50%)}.ui-syringe__rod[data-v-3cc6f771]{align-items:center;display:flex;flex-shrink:0;grid-column:3;grid-row:1}.ui-syringe__rod-shaft[data-v-3cc6f771]{background:linear-gradient(180deg,#dcdcdc80 0,#ffffffb3 40%,#b4b4b466);border-bottom:1px solid var(--border-strong);border-top:1px solid var(--border-strong);box-shadow:inset 0 1px 1px #ffffff4d;height:8px;transition:width .35s cubic-bezier(.4,0,.2,1)}.ui-syringe__rod-rest[data-v-3cc6f771]{background:linear-gradient(90deg,#ccc,#fff 30%,#bbb 80%,#aaa);border-radius:3px;box-shadow:inset 1px 1px 1px #fff6,inset -1px -1px 1px #0003,1px 1px 3px #00000026;height:28px;width:6px}.ui-syringe.is-over .ui-syringe__fill[data-v-3cc6f771]{background:linear-gradient(to bottom,var(--error-tint) 0,var(--error) 70%,color-mix(in srgb,var(--error) 80%,#000) 100%);border-right-color:var(--error)}