/* Same compact control and hit area on every Rays page. */
.rays-appearance-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:14px;border:0;border-radius:0;background:transparent;color:inherit;line-height:1;cursor:pointer;touch-action:manipulation}
.rays-appearance-toggle[hidden]{display:none}
.rays-appearance-toggle svg{display:block;flex:none;width:16px;height:16px}
.rays-appearance-toggle:hover{color:var(--orange,#ff5c35);opacity:1}
.rays-appearance-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.rays-appearance-toggle[data-mode="light"] .appearance-disc{fill:currentColor}
.rays-appearance-toggle[data-mode="light"] .appearance-half,.rays-appearance-toggle[data-mode="dark"] .appearance-half{display:none}

.intro .rays-appearance-toggle:hover{color:#fff}