.scale[data-v-0c1ef38d]{border:none;margin:0;padding:0}.scale__head[data-v-0c1ef38d]{justify-content:space-between;align-items:baseline;gap:var(--ufp-space-3);display:flex}.scale__label[data-v-0c1ef38d]{color:var(--ufp-fg-muted);padding:0}.scale__ends[data-v-0c1ef38d]{color:var(--ufp-fg-muted);font-size:var(--ufp-text-xs)}.scale__steps[data-v-0c1ef38d]{gap:var(--ufp-space-1);margin-top:var(--ufp-space-2);display:flex}.scale__step[data-v-0c1ef38d]{min-height:var(--ufp-touch-target);border:var(--ufp-rule-hair) solid transparent;border-radius:var(--ufp-radius-sm);background:var(--ufp-bg-sunken);cursor:pointer;transition:background-color var(--ufp-duration-fast) var(--ufp-ease),border-color var(--ufp-duration-fast) var(--ufp-ease);flex:1;place-items:center;display:grid}.scale__step[data-selected=true][data-v-0c1ef38d]{border-color:var(--ufp-border-strong);background:var(--ufp-border-strong)}.scale__step[data-selected=true] .scale__value[data-v-0c1ef38d]{color:var(--ufp-bg);font-weight:var(--ufp-weight-bold)}.scale__input[data-v-0c1ef38d]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.scale__input:focus-visible~.scale__value[data-v-0c1ef38d]{outline:var(--ufp-rule-medium) solid var(--ufp-signal);outline-offset:6px}.scale__value[data-v-0c1ef38d]{font-size:var(--ufp-text-md)}