.value-visualizer[data-v-0cbaf730]{align-items:flex-end;display:flex;height:var(--visualizer-height,8rem);overflow:clip;pointer-events:none;position:relative;width:var(--visualizer-width,4rem)}.filled[data-v-0cbaf730]{background-color:var(--fg);border-radius:var(--border-radius-sm);height:var(--filled-height);transition:background-color .25s ease;width:100%;will-change:height}.label[data-v-0cbaf730]{font-size:var(--font-size-sm);font-weight:400;letter-spacing:.03em;line-height:var(--line-height-sm);text-wrap:pretty}.label strong[data-v-0cbaf730]{font-weight:700}.label[data-v-0cbaf730]{--block-margin:var(--block-margin-sm);bottom:0;font-weight:800;left:50%;line-height:2.5rem;mix-blend-mode:difference;opacity:0;position:absolute;transform:translate(-50%,.5em);transition:.15s ease}.value-visualizer:has(input:hover,input:focus) .filled[data-v-0cbaf730]{background-color:var(--fg-accent)}.value-visualizer:has(input:hover,input:focus) .label[data-v-0cbaf730]{opacity:1;transform:translate(-50%)}input[data-v-0cbaf730]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;direction:rtl;height:100%;margin:0;opacity:0;pointer-events:all;position:absolute;width:100%;writing-mode:vertical-lr}input[data-v-0cbaf730]:focus{outline:none}input[data-v-0cbaf730]::-moz-range-track,input[data-v-0cbaf730]::-webkit-slider-runnable-track{cursor:pointer;height:100px;width:100%}input[data-v-0cbaf730]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:0;cursor:pointer;height:10px;margin-left:-10px;margin-top:-10px;width:100px}