.xnCGpG_root{--thumb:16px;--track:4px;-webkit-user-select:none;user-select:none;gap:2px;width:100%}.xnCGpG_header{justify-content:space-between;gap:var(--space-4)}.xnCGpG_readout{transition:opacity var(--dur-fast) var(--ease-out);color:var(--text-strong);font-feature-settings:var(--num-features);white-space:nowrap;font-weight:600}.xnCGpG_control{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;height:28px;position:relative}.xnCGpG_track{top:50%;right:calc(var(--thumb) / 2);left:calc(var(--thumb) / 2);height:var(--track);margin-top:calc(var(--track) / -2);border-radius:var(--radius-pill);background:var(--ink-200);position:absolute}.xnCGpG_fill{border-radius:inherit;background:var(--accent);position:absolute;inset:0}.xnCGpG_tick{border-radius:var(--radius-pill);background:var(--ink-400);width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%}.xnCGpG_fill .xnCGpG_tick{background:color-mix(in oklab, var(--white) 70%, transparent)}.xnCGpG_thumbs{inset:0 calc(var(--thumb) / 2);pointer-events:none;position:absolute;container-type:inline-size}.xnCGpG_thumbLayer{position:absolute;inset:0}.xnCGpG_thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:2px solid var(--accent);border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-1);pointer-events:auto;cursor:grab;outline:0;position:absolute;top:50%;right:0;translate:50% -50%}.xnCGpG_thumb:after{content:"";border-radius:inherit;position:absolute;inset:-12px}.xnCGpG_thumb:focus-visible:not([data-quiet]){box-shadow:var(--focus-ring)}.xnCGpG_root[data-dragging],.xnCGpG_root[data-dragging] .xnCGpG_control,.xnCGpG_root[data-dragging] .xnCGpG_thumb{cursor:grabbing}.xnCGpG_bubbleAnchor{--edge:calc(var(--thumb) / 2);--x:calc(var(--at,0) * 1cqw);right:0;bottom:calc(50% + var(--thumb) / 2 + 6px);translate:clamp(calc(100% - var(--edge) - var(--x)), 50%, calc(100cqw + var(--edge) - var(--x))) 0;pointer-events:none;display:flex;position:absolute}@media (pointer:coarse){.xnCGpG_bubbleAnchor{bottom:calc(50% + var(--thumb) / 2 + 16px)}}.xnCGpG_bubble{border-radius:var(--radius-sm);background:var(--ink-900);min-height:22px;color:var(--text-on-inverse);box-shadow:var(--shadow-2);white-space:nowrap;transform-origin:50% 100%;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.xnCGpG_scale{color:var(--text-subtle);font-feature-settings:var(--num-features);justify-content:space-between;font-size:12px;display:flex}.xnCGpG_root[data-disabled]{opacity:.5}.xnCGpG_root[data-disabled] .xnCGpG_control,.xnCGpG_root[data-disabled] .xnCGpG_thumb{cursor:not-allowed}.xnCGpG_root[data-bubble] .xnCGpG_readout{opacity:0}