.lseg{--lseg-n:2;--lseg-i:0;--lseg-pad:3px;--lseg-h:2.25rem;grid-template-columns:repeat(var(--lseg-n), minmax(0, 1fr));block-size:var(--lseg-h);border-radius:var(--radius-md);background:var(--color-surface-sunken);touch-action:manipulation;-webkit-tap-highlight-color:transparent;max-inline-size:100%;display:inline-grid;position:relative}@media (max-width:767px),(pointer:coarse){.lseg{--lseg-h:var(--tap,2.75rem)}}.lseg-thumb{inset-block:var(--lseg-pad);inline-size:calc(100% / var(--lseg-n) - var(--lseg-pad) * 2);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateX(calc(var(--lseg-i) * (100% + var(--lseg-pad) * 2) * var(--dir,1)));transition:transform var(--motion-base) var(--ease-out,cubic-bezier(.2, 0, 0, 1));pointer-events:none;position:absolute;inset-inline-start:var(--lseg-pad)}.lseg-opt{z-index:1;border-radius:var(--radius-md);block-size:100%;min-inline-size:3.5rem;font-family:var(--digits,) var(--font-sans);white-space:nowrap;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--motion-fast) var(--ease-out,cubic-bezier(.2, 0, 0, 1)), transform var(--motion-fast) var(--ease-out,cubic-bezier(.2, 0, 0, 1));justify-content:center;align-items:center;gap:.5rem;padding-inline:.875rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.lseg-opt:active{transform:scale(.98)}.lseg-opt:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.lseg-opt:hover{color:var(--color-text)}}.lseg-opt[data-on]{color:var(--color-text)}html[data-tint=cool] .lseg[data-follow=tint]:not([data-value=off]){--lseg-i:1}.lseg[data-follow=tint][data-value=off]{--lseg-i:2}html:not([data-tint=cool]) .lseg[data-follow=tint]:not([data-value=off]) .lseg-opt[data-key=warm],html[data-tint=cool] .lseg[data-follow=tint]:not([data-value=off]) .lseg-opt[data-key=cool]{color:var(--color-text)}.lseg-dot{--lseg-dot:var(--lt-warm);background:var(--lseg-dot);border:1px solid color-mix(in oklch, var(--color-text) 16%, transparent);border-radius:999px;flex:none;block-size:.5rem;inline-size:.5rem}[data-key=off]>.lseg-dot{--lseg-dot:var(--lt-off)}[data-key=warm]>.lseg-dot{--lseg-dot:var(--lt-warm)}[data-key=soft]>.lseg-dot{--lseg-dot:color-mix(in oklch, var(--lt-warm) 70%, var(--lt-cool))}[data-key=neutral]>.lseg-dot{--lseg-dot:color-mix(in oklch, var(--lt-warm) 35%, var(--lt-cool))}[data-key=cool]>.lseg-dot{--lseg-dot:var(--lt-cool)}.lseg-k{font-variant-numeric:tabular-nums;color:var(--color-text-faint);font-size:.75rem}.lseg-opt[data-on] .lseg-k{color:var(--color-text-muted)}@media (max-width:360px){.lseg[data-follow=tint] .lseg-k{display:none}}.lseg-locked{border-radius:var(--radius-sm);background:var(--color-surface-sunken);block-size:1.75rem;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.5rem;padding-inline:.625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.lseg-locked>.lseg-k{color:var(--color-text-muted)}.lseg-onphoto{border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.ldots{align-items:center;gap:.375rem;display:flex}@media (pointer:coarse){.ldots{gap:1.75rem}}.ldot{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;block-size:1rem;inline-size:1rem;transition:transform var(--motion-fast) var(--ease-out,cubic-bezier(.2, 0, 0, 1));border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.ldot:after{content:"";border-radius:999px;position:absolute;inset:-.25rem}@media (pointer:coarse){.ldot:after{inset:-.875rem}}.ldot:active{transform:scale(.98)}.ldot>.lseg-dot{block-size:100%;inline-size:100%}.ldot[aria-pressed=true],.ldot[aria-checked=true]{outline:2px solid var(--color-ink,var(--color-text));outline-offset:2px}.ldot:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.lseg-thumb,.lseg-opt,.ldot{transition:none}}:root[data-motion=reduced] :is(.lseg-thumb,.lseg-opt,.ldot){transition:none}