@layer components{.fdy-meter-bar{width:var(--fdy-meter-bar-w,2px);background:var(--line-strong);height:16px;transition:background-color 0s linear var(--d,0s), transform var(--fdy-dur-base) var(--fdy-ease-spring) var(--d,0s);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)scaleY(.5)}.fdy-meter[data-block] .fdy-meter-bar{height:12px}.fdy-meter-bar[data-on]{background:var(--ink);transform:translate(-50%,-50%)scaleY(1)}.fdy-meter-bar[data-head]{transform:translate(-50%,-50%)scaleY(1.25)}.fdy-meter-bar[data-ghost]{transition-delay:0s}.fdy-meter-bar[data-ghost=on]{background:var(--ink-3);transform:translate(-50%,-50%)scaleY(.8)}.fdy-meter-bar[data-ghost=off]{background:var(--ink-3);transform:translate(-50%,-50%)scaleY(.65)}.fdy-meter[data-held] .fdy-meter-bar{transition-delay:0s}.fdy-meter[data-error] .fdy-meter-bar[data-on]{background:var(--neg)}.fdy-meter[data-disabled] .fdy-meter-bar[data-on]{background:var(--ink-3)}.fdy-meter-bracket{font-family:var(--fdy-font-chrome);color:var(--ink-3);transition:color var(--fdy-motion-hover) var(--fdy-ease-hover);-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.fdy-meter:not([data-disabled]):hover .fdy-meter-bracket{color:var(--ink-2)}.fdy-meter:focus-within .fdy-meter-bracket,.fdy-meter[data-held] .fdy-meter-bracket{color:var(--ink)}.fdy-meter[data-error] .fdy-meter-bracket{color:var(--neg)}.fdy-meter-thumb{background:var(--ink);cursor:grab;width:2px;height:24px;transition:height var(--fdy-dur-fast) var(--fdy-ease-out), box-shadow var(--fdy-dur-fast) var(--fdy-ease-out);outline:none;display:block;position:relative}.fdy-meter-thumb:before,.fdy-meter-thumb:after{content:"";background:var(--ink);width:8px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.fdy-meter-thumb:before{top:0}.fdy-meter-thumb:after{bottom:0}.fdy-meter[data-held] .fdy-meter-thumb{cursor:grabbing;height:30px}.fdy-meter-thumb:focus-visible{height:30px}.fdy-meter:has(.fdy-meter-thumb:focus-visible) [data-meter=frame]{outline:1px solid var(--ink);outline-offset:3px}.fdy-meter[data-block] .fdy-meter-thumb,.fdy-meter[data-block] .fdy-meter-thumb:before,.fdy-meter[data-block] .fdy-meter-thumb:after{background:0 0}.fdy-meter[data-block] .fdy-meter-bar[data-head]{transform:translate(-50%,-50%)scaleY(1.34)}.fdy-meter[data-block][data-held] .fdy-meter-bar[data-head]{transform:translate(-50%,-50%)scaleY(1.5)}.fdy-meter[data-error] .fdy-meter-thumb,.fdy-meter[data-error] .fdy-meter-thumb:before,.fdy-meter[data-error] .fdy-meter-thumb:after{background:var(--neg)}.fdy-meter[data-disabled] .fdy-meter-thumb{cursor:not-allowed;background:var(--ink-3)}.fdy-meter-ghost{white-space:nowrap;background:var(--ink);color:var(--on-ink);pointer-events:none;animation:fdy-meter-ghost-in var(--fdy-dur-fast) var(--fdy-ease-out) both;padding:1px 4px;font-size:11px;line-height:16px;position:absolute;bottom:calc(100% - 2px)}@keyframes fdy-meter-ghost-in{0%{opacity:0;translate:0 2px}to{opacity:1;translate:0}}.fdy-meter-readout[data-scrubbing]{cursor:ew-resize;-webkit-user-select:none;user-select:none}.fdy-meter-preset{transition:background-color var(--fdy-motion-hover) var(--fdy-ease-hover), color var(--fdy-motion-hover) var(--fdy-ease-hover), box-shadow var(--fdy-motion-hover) var(--fdy-ease-hover)}.fdy-meter-preset:active:not(:disabled){transform:translateY(1px)}}@media (prefers-reduced-motion:reduce){.fdy-meter-bar,.fdy-meter-thumb,.fdy-meter-bracket,.fdy-meter-preset{transition:none!important}.fdy-meter-ghost{animation:none!important}}.fdy-meter[data-reduced] :is(.fdy-meter-bar,.fdy-meter-thumb,.fdy-meter-bracket,.fdy-meter-preset){transition:none!important}.fdy-meter[data-reduced] .fdy-meter-ghost{animation:none!important}