.project-theme-menu{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 6px 0 12px}.project-theme-menu__icon{display:flex;flex-shrink:0;justify-content:center;width:20px}.project-theme-menu__icon svg{width:18px;height:18px}.project-theme-menu__label{flex-grow:1;font-size:14px;font-weight:500;line-height:20px}.project-theme-menu__switch{display:flex;flex-shrink:0;align-items:center;gap:2px;padding:2px;border:1px solid var(--project-border);border-radius:99px}.project-theme-menu .project-theme-menu__option{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:99px;color:var(--project-faint);cursor:pointer;outline:none;transition:background-color var(--project-motion-fast) var(--project-ease),color var(--project-motion-fast) var(--project-ease)}.project-theme-menu__option>span{display:none}.project-theme-menu .project-theme-menu__option svg{width:16px;height:16px;color:inherit}.project-theme-menu .project-theme-menu__option[data-checked]{background:var(--project-surface-raised);color:var(--project-foreground)}.project-theme-menu .project-theme-menu__option[data-highlighted]{background:var(--project-surface-nested);color:var(--project-foreground)}.project-theme-menu .project-theme-menu__option[data-checked][data-highlighted]{background:var(--project-surface-raised)}.project-theme-menu .project-theme-menu__option:focus-visible{box-shadow:0 0 0 2px var(--project-accent-ink)}.project-theme-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-size:16px;line-height:22px}.project-theme-row__pill{display:flex;gap:2px;padding:2px;border:1px solid var(--project-border-warm);border-radius:99px}.project-theme-row__option{position:relative;display:flex;align-items:center;min-height:32px;padding-inline:12px;border-radius:99px;color:var(--project-muted-warm);font-size:14px;font-weight:500;line-height:20px;cursor:pointer;transition:background-color var(--project-motion-fast) var(--project-ease),color var(--project-motion-fast) var(--project-ease)}.project-theme-row__option:hover{color:var(--project-ink-warm)}.project-theme-row__option:has(:checked){background:var(--project-accent);color:var(--project-on-accent)}.project-theme-row__option:has(:focus-visible){outline:2px solid var(--project-accent-ink);outline-offset:2px}.project-theme-row__option input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}