.theme-switch{position:relative;display:inline-flex}.theme-switch__trigger{border:0;padding:0;background:none;font:inherit;cursor:pointer}.theme-switch__trigger[aria-expanded=true]{color:var(--color-text);background:var(--color-surface)}.theme-switch__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow-color),0 2px 8px var(--shadow-color);z-index:200;padding:6px;display:flex;flex-direction:column}.theme-switch__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:none;font-family:var(--font-sans);font-size:var(--wb-p3);font-weight:500;line-height:1.2;color:var(--color-text);text-align:left;cursor:pointer;transition:background .12s}.theme-switch__item:hover,.theme-switch__item:focus-visible{background:var(--color-surface);outline:none}.theme-switch__item-icon{width:18px;font-size:var(--wb-p3);color:var(--color-text-secondary);flex-shrink:0}.theme-switch__item-label{flex:1;white-space:nowrap}.theme-switch__item[aria-checked=true] .theme-switch__item-icon,.theme-switch__item-check{color:var(--color-brand)}.theme-switch__item-check{font-size:var(--wb-p3);flex-shrink:0}html.dark .theme-switch__panel{background:var(--color-surface-well)}html.dark .theme-switch__item:hover,html.dark .theme-switch__item:focus-visible,html.dark .theme-switch__trigger[aria-expanded=true]{background:var(--color-surface-hover)}.theme-switch-inline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}.theme-switch-inline__label{font-family:var(--font-sans);font-size:var(--wb-p3);font-weight:500;color:var(--color-text-secondary)}.theme-switch-inline__group{gap:var(--sp-1)}.page-nav__mobile-theme{padding:var(--sp-2) 0 var(--sp-1)}