.ts-root{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:stretch;padding:3px;display:flex;position:relative}[data-theme=light] .ts-root{-webkit-backdrop-filter:none;background:#0000000a;border-color:#0000001a}.ts-indicator{pointer-events:none;background:#fff3;border-radius:999px;width:calc(50% - 3px);transition:transform .26s cubic-bezier(.34,1.46,.64,1);position:absolute;top:3px;bottom:3px;left:3px;transform:translate(100%);box-shadow:0 1px 6px #00000038,inset 0 1px #ffffff47}[data-theme=dark] .ts-indicator{transform:translate(100%)}[data-theme=light] .ts-indicator{background:#fff;transform:translate(0);box-shadow:0 1px 4px #0000001f,0 0 0 1px #0000000f}.ts-option{cursor:pointer;color:#ffffff8c;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;place-items:center;width:36px;padding:.38rem 0;transition:color .18s;display:grid;position:relative}[data-theme=light] .ts-option{color:#0c162e8c}.ts-option:focus-visible{outline:none}.ts-root:focus-within{outline-offset:2px;outline:2px solid #bad83d8c}[data-theme=dark] .ts-option--moon{color:#fff}[data-theme=light] .ts-option--sun{color:#0c162e}.ts-icon{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}