.pc{gap:var(--space-3);flex-direction:column;width:100%;max-width:440px;margin-inline:auto;display:flex}.pc__rail{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;height:32px;position:relative}.pc__rail:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:var(--radius-sm)}.pc__track{height:var(--slider-track-h);background:var(--beige-300);border-radius:var(--radius-pill);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pc__fill{height:var(--slider-track-h);background:var(--brand);border-radius:var(--radius-pill);transition:width var(--duration-fast) var(--ease-out);pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pc__thumb{width:var(--slider-thumb);height:var(--slider-thumb);margin-left:calc(var(--slider-thumb) / -2);margin-top:calc(var(--slider-thumb) / -2);background:var(--brand);box-shadow:var(--shadow-sm);pointer-events:none;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:50%}.pc__rail:hover .pc__thumb{background:var(--brand-hover)}.pc__rail:active .pc__thumb{transform:scale(1.08)}.pc__foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pc__end{font-variant-numeric:tabular-nums}.pc__stepper{justify-content:center;display:flex}.step{align-items:center;gap:var(--space-1);display:inline-flex}.step__btn{background:var(--beige-50);cursor:pointer;width:32px;height:32px;color:var(--fg-muted);font-family:inherit;font-size:var(--text-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.step__btn:hover:not(:disabled){background:var(--brand-soft);color:var(--fg-strong)}.step__btn:disabled{opacity:.35;cursor:not-allowed}.step__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.step__input{text-align:center;width:56px;height:32px;font-family:inherit;font-size:var(--text-md);font-weight:var(--font-medium);color:var(--fg);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none}.step__input:focus-visible{outline:1px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.step__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step__input[type=number]{appearance:textfield}