.pc-scale{container-type:inline-size}.pc-scale__result{gap:var(--ui-space-3);padding:var(--ui-space-4);border-block-end:1px solid var(--ui-line);background:var(--ui-raised);flex-direction:column;display:flex}.pc-scale__stats{gap:var(--ui-space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.pc-scale__stat{flex-direction:column;min-inline-size:0;display:flex}.pc-scale__stat dt{color:var(--ui-faint);font:var(--ui-type-label)}.pc-scale__stat dd{margin:0}.pc-scale__value{align-items:baseline;gap:var(--ui-space-1);color:var(--ui-ink);font:var(--ui-type-title);font-variant-numeric:tabular-nums;display:flex}.pc-scale__unit{color:var(--ui-muted);font:var(--ui-type-ui)}.pc-scale__was{color:var(--ui-muted);font:var(--ui-type-caption);font-variant-numeric:tabular-nums}.pc-scale__was[data-off]{visibility:hidden}.pc-ruler{padding-block-start:var(--ui-space-5);position:relative}.pc-ruler__bar{border-radius:var(--ui-radius-full);background:var(--ui-fill);block-size:8px;box-shadow:inset 0 0 0 1px var(--ui-ring);position:relative;overflow:clip}.pc-ruler__fill{background:var(--ui-ink);transform-origin:0;scale:var(--base) 1;position:absolute;inset:0}.pc-ruler__fill[data-over]{background:var(--ui-hue-blue);scale:var(--now) 1}.pc-ruler__tick{background:var(--ui-decor);block-size:12px;inline-size:1px;position:absolute;inset-block-start:var(--ui-space-5)}.pc-ruler__pin{background:var(--ui-ink);block-size:16px;inline-size:2px;box-shadow:0 0 0 1px var(--ui-raised);border-radius:1px;margin-inline-start:-1px;position:absolute;inset-block-start:calc(var(--ui-space-5) - 4px);inset-inline-start:var(--report)}.pc-ruler__mark{color:var(--ui-muted);font:var(--ui-type-kicker);white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:var(--report);translate:-50%}.pc-ruler__levels{block-size:1rem;color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums;margin-block-start:var(--ui-space-2);position:relative}.pc-ruler__level{text-align:center;position:absolute;inset-block-start:0}.pc-ruler__level[data-on]{color:var(--ui-ink);font:var(--ui-type-tag);font-variant-numeric:tabular-nums}.pc-ruler__axis{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:0}.ui-article .pc-scale__next{color:var(--ui-muted);font:var(--ui-type-ui);font-variant-numeric:tabular-nums}.pc-scale__rows{gap:var(--ui-space-2);padding:var(--ui-space-4) var(--ui-space-4) 0;flex-direction:column;margin:0;list-style:none;display:flex}.pc-scale__row{align-items:center;gap:var(--ui-space-1) var(--ui-space-4);grid-template-columns:minmax(0,1fr) 264px 92px;display:grid}.pc-scale__name{align-items:baseline;gap:var(--ui-space-2);min-inline-size:0;color:var(--ui-ink);font:var(--ui-type-ui);display:flex}.pc-scale__n{inline-size:1ch;color:var(--ui-faint);font-variant-numeric:tabular-nums;flex:none}.pc-scale__short{display:none}.pc-scale__band{color:var(--ui-muted);font:var(--ui-type-ui);order:1}.pc-scale__band:first-letter{text-transform:uppercase}.pc-scale__row[data-out] :is(.pc-scale__band,.pc-scale__step){color:var(--ui-faint)}.pc-scale__steps{border-radius:var(--ui-radius-xl);background:var(--ui-fill);box-shadow:0 0 0 1px var(--ui-ring);isolation:isolate;grid-template-columns:repeat(5,minmax(0,1fr));padding:2px;display:grid;position:relative}.pc-scale__at{z-index:0;border-radius:var(--ui-radius-full);background:var(--ui-raised);inline-size:calc(20% - .8px);box-shadow:var(--ui-shadow-hairline);translate:calc(var(--at) * 100%) 0;pointer-events:none;position:absolute;inset-block:2px;inset-inline-start:2px}.pc-scale__step{z-index:1;border-radius:var(--ui-radius-full);block-size:28px;color:var(--ui-muted);font:var(--ui-type-meta);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:grid;position:relative}.pc-scale__step[data-checked]{color:var(--ui-ink)}.pc-scale__step[data-report]:not([data-checked]){outline:1px dashed var(--ui-faint);outline-offset:-1px}.pc-scale__step[data-report]:not([data-checked]):focus-visible{outline:none}.pc-scale__step:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-focus)}@media (hover:hover) and (pointer:fine){.pc-scale__step:not([data-checked]):hover{color:var(--ui-ink);transition-duration:0s}}.ui-article .pc-scale__rule{padding:var(--ui-space-3) var(--ui-space-4) var(--ui-space-4);color:var(--ui-faint);font:var(--ui-type-caption)}@container not (min-width:560px){.pc-scale__stats{gap:var(--ui-space-3);grid-template-columns:3fr 3fr 5fr}.pc-ruler__axis{display:none}.pc-scale__row{grid-template-columns:minmax(0,1fr) auto}.pc-scale__full{display:none}.pc-scale__short{display:inline}.pc-scale__band{order:0}.pc-scale__steps{grid-column:1/-1}}@media (pointer:coarse){.pc-scale__step{block-size:40px}.pc-scale__step:after{content:"";position:absolute;inset:-2px 0}}@media (prefers-reduced-motion:no-preference){.pc-ruler__fill{transition:scale var(--ui-dur-travel) var(--ui-ease)}.pc-scale__at{transition:translate var(--ui-dur-travel) var(--ui-ease)}.pc-scale__step{transition:color var(--ui-dur-base) var(--ui-ease), scale var(--ui-dur-press) var(--ui-ease)}.pc-scale__step:active{scale:.96}}