.kx-toggle{margin-bottom:var(--sp-5,1.5rem);gap:.5rem;display:grid}.kx-toggle[hidden]{display:none}.kx-toggle__set{border:0;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;min-width:0;margin:0;padding:0;display:flex}.kx-toggle__legend{float:left;font:800 1rem / 1.3 var(--font-text);margin:0 .9rem 0 0;padding:0}.kx-toggle__row{border-radius:var(--r-btn);background:var(--paper-2);color:var(--ink);flex-wrap:wrap;gap:.25rem;padding:.3rem;display:inline-flex}[data-zone=night] .kx-toggle__row,[data-zone=leaf] .kx-toggle__row{color:var(--paper);background:#fdfbf624}.kx-toggle__opt{cursor:pointer;display:block;position:relative}.kx-toggle__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.kx-toggle__chip{border-radius:var(--r-btn);min-height:2.75rem;font:800 var(--fs-sm) / 1.2 var(--font-text);transition:background-color var(--dur-fast), color var(--dur-fast);padding:.7rem 1.3rem;display:block}@media (hover:hover){.kx-toggle__input:not(:checked):hover+.kx-toggle__chip{background:#3a174614}}.kx-toggle__input:checked+.kx-toggle__chip{background:var(--z-btn-bg);color:var(--z-btn-fg)}.kx-toggle__input:focus-visible+.kx-toggle__chip{outline:3px solid var(--z-focus);outline-offset:2px}tr[hidden]{display:none!important}@media (width<=30em){.kx-toggle__set,.kx-toggle__row{width:100%;display:grid}.kx-toggle__row{border-radius:1.6rem}.kx-toggle__legend{float:none;margin:0 0 .4rem}.kx-toggle__chip{text-align:center}.kx-toggle__row{border-radius:1.75rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.kx-toggle__opt{display:grid}.kx-toggle__chip{border-radius:1.5rem;place-items:center;padding:.55rem .9rem;line-height:1.25;display:grid}}