.vel{--vel-cor:var(--vel-cor-desce,var(--accent,var(--primary)));--vel-cor-2:var(--vel-cor-desce-2,color-mix(in srgb, var(--vel-cor) 55%, white));--vel-sobe:#7c3aed;--vel-sobe-2:#c084fc;--vel-fase:var(--vel-cor);aspect-ratio:1/.9;width:100%;max-width:360px;margin:4px auto 0;position:relative}.vel--sobe{--vel-fase:var(--vel-sobe)}.vel>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vel__trilho{stroke:var(--surface-3)}.vel__ativo{stroke:url(#vel-g-desce)}.vel--sobe .vel__ativo{stroke:url(#vel-g-sobe)}.vel__brilho{stroke:var(--vel-fase);opacity:.45}.vel__g-desce-1{stop-color:var(--vel-cor)}.vel__g-desce-2{stop-color:var(--vel-cor-2)}.vel__g-sobe-1{stop-color:var(--vel-sobe)}.vel__g-sobe-2{stop-color:var(--vel-sobe-2)}.vel__ticks line{stroke:var(--text-3);opacity:.35}.vel__rotulo{fill:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.vel__rotulo--passou{fill:var(--text)}.vel__plano{stroke:var(--warning-text,#a16207)}.vel__plano-rot{fill:var(--warning-text,#a16207)}.vel__agulha{filter:drop-shadow(0 2px 3px #00000040)}.vel__agulha path{fill:var(--text)}.vel__agulha circle{fill:var(--surface);stroke:var(--text);stroke-width:2.5px}.vel__ticks,.vel__rotulos,.vel__agulha,.vel__centro{transition:opacity .35s}.vel--repouso .vel__ticks,.vel--repouso .vel__rotulos,.vel--repouso .vel__agulha,.vel--repouso .vel__centro{opacity:0}.vel__centro{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:75%;left:0;right:0;transform:translateY(-50%)}.vel__numero{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1}.vel__unidade{color:var(--text-3);align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:650;display:flex}.vel__unidade svg{width:16px;height:16px;color:var(--vel-fase)}.vel__iniciar{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 50% 40%, var(--vel-cor-2), var(--vel-cor));color:#fff;letter-spacing:.06em;width:40%;box-shadow:0 10px 30px color-mix(in srgb, var(--vel-cor) 40%, transparent);border:0;border-radius:50%;font-family:inherit;font-size:19px;font-weight:800;line-height:1;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vel__iniciar:before{content:"";border:2px solid var(--vel-cor);opacity:.5;border-radius:50%;animation:2s ease-out infinite vel-onda;position:absolute;inset:-10px}@keyframes vel-onda{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.vel__iniciar:active{transform:translate(-50%,-50%)scale(.95)}.vel__iniciar:disabled{cursor:default}.vel__iniciar--some{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.6)}.vel-leituras{grid-template-columns:1.25fr 1.25fr 1fr;gap:8px;margin-bottom:4px;display:grid}.vel-leitura{flex-direction:column;gap:2px;min-width:0;display:flex}.vel-leitura__rot{color:var(--text-3);white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.vel-leitura__rot svg{flex:none;width:14px;height:14px}.vel-leitura__rot--desce svg{color:var(--accent,var(--primary))}.vel-leitura__rot--sobe svg{color:#7c3aed}.vel-leitura__val{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:22px;font-weight:750}.vel-leitura__val small{color:var(--text-3);margin-left:2px;font-size:12px;font-weight:600}.vel-leitura__val--vazio{color:var(--surface-3)}.vel-leitura__sub{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:600}.vel-leitura--ativa .vel-leitura__rot,.vel-leitura--ativa .vel-leitura__val{color:var(--vel-leitura-cor,var(--accent,var(--primary)))}.vel-leitura--ativa.vel-leitura--sobe .vel-leitura__rot,.vel-leitura--ativa.vel-leitura--sobe .vel-leitura__val{color:#7c3aed}.vel-leitura--ativa .vel-leitura__rot:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite vel-pulso}@keyframes vel-pulso{50%{opacity:.25;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.vel__iniciar:before,.vel-leitura--ativa .vel-leitura__rot:after{animation:none}}
