.DiV5yq_root{--elastic-thumb:24px;--elastic-track:8px;gap:var(--space-2);width:100%;min-width:0;color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-user-select:none;user-select:none;display:grid}.DiV5yq_header{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.DiV5yq_label{min-width:0;font-weight:500}.DiV5yq_readout{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard);flex:none}.DiV5yq_root[data-tag] .DiV5yq_readout{opacity:0}.DiV5yq_body{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.DiV5yq_start,.DiV5yq_end{color:var(--text-muted);will-change:transform;display:flex}.DiV5yq_start{margin-right:var(--space-3);grid-area:1/1}.DiV5yq_end{margin-left:var(--space-3);grid-area:1/3}.DiV5yq_control{height:var(--control-height-md);cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;grid-area:1/2;position:relative}.DiV5yq_rail{top:50%;right:calc(var(--elastic-thumb) / 2);left:calc(var(--elastic-thumb) / 2);height:var(--elastic-track);margin-top:calc(var(--elastic-track) / -2);position:absolute}.DiV5yq_track{border-radius:var(--radius-pill);background:var(--control-track);will-change:transform;position:absolute;inset:0}.DiV5yq_fill{border-radius:inherit;background:var(--control-fill);position:absolute;inset:0}.DiV5yq_tick{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--foreground) 32%, transparent);pointer-events:none;width:4px;height:4px;transition:background-color var(--duration-fast) var(--ease-standard);margin:-2px 0 0 -2px;position:absolute;top:50%}.DiV5yq_tick[data-on]{background:color-mix(in oklab, var(--control-glyph) 60%, transparent)}.DiV5yq_thumbs{inset:0 calc(var(--elastic-thumb) / 2);pointer-events:none;position:absolute;container-type:inline-size}.DiV5yq_layer,.DiV5yq_shift{position:absolute;inset:0}.DiV5yq_thumb{box-sizing:border-box;width:var(--elastic-thumb);height:var(--elastic-thumb);border-radius:var(--radius-pill);background:var(--control-thumb);box-shadow:var(--control-thumb-shadow);pointer-events:auto;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-standard);border:0;outline:none;position:absolute;top:50%;right:0;translate:50% -50%}.DiV5yq_thumb:after{content:"";border-radius:inherit;position:absolute;inset:-12px}.DiV5yq_root[data-dragging],.DiV5yq_root[data-dragging] .DiV5yq_control,.DiV5yq_root[data-dragging] .DiV5yq_thumb{cursor:grabbing}.DiV5yq_bubbleAnchor{--edge:calc(var(--elastic-thumb) / 2);--x:calc(var(--at,0) * 1cqw);right:0;bottom:calc(50% + var(--elastic-thumb) / 2 + 10px);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){.DiV5yq_bubbleAnchor{bottom:calc(50% + var(--elastic-thumb) / 2 + 20px)}}.DiV5yq_bubble{min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--foreground);color:var(--background);box-shadow:var(--shadow-raised);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:50% 130%;align-items:center;font-weight:500;display:inline-flex}.DiV5yq_marks{height:1.25rem;margin:0 calc(var(--elastic-thumb) / 2);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;grid-area:2/2;position:relative}.DiV5yq_markLabel{white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);position:absolute;top:0;translate:-50%}.DiV5yq_markLabel[data-edge=start]{translate:max(-50%, calc(var(--elastic-thumb) / -2)) 0}.DiV5yq_markLabel[data-edge=end]{translate:min(-50%, calc(-100% + var(--elastic-thumb) / 2)) 0}.DiV5yq_markLabel[data-on]{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.DiV5yq_markLabel:hover{color:var(--foreground)}}.DiV5yq_root[data-disabled]{opacity:.5}.DiV5yq_root[data-disabled] .DiV5yq_control,.DiV5yq_root[data-disabled] .DiV5yq_thumb,.DiV5yq_root[data-disabled] .DiV5yq_markLabel{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.DiV5yq_thumb,.DiV5yq_tick,.DiV5yq_markLabel{transition:none}}
