.site-appearance{--site-ground: var(--site-page, #f7f5ef);display:inline-flex;width:fit-content;gap:2px;margin:0;padding:3px;border:1px solid var(--hl-rule, var(--auth-line, #dddad1));border-radius:999px;background:var(--site-surface, #efede6);color:var(--hl-muted, var(--auth-muted, #6b6b61))}.site-appearance-legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-appearance-option{position:relative;display:block;cursor:pointer}.site-appearance-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.site-appearance-icon{display:grid;place-items:center;width:32px;height:28px;border-radius:999px;pointer-events:none}.site-appearance-option input:checked+.site-appearance-icon{background:var(--site-rule, #dddad1);color:var(--hl-ink, var(--auth-ink, #262720))}.site-appearance-option input:focus-visible+.site-appearance-icon{outline:2px solid var(--hl-ink, var(--auth-ink, #262720));outline-offset:3px}.site-appearance-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);padding:5px 8px;border-radius:4px;background:var(--hl-ink, var(--auth-ink, #262720));color:var(--site-ground, #f7f5ef);font:500 11px/1.3 Switzer,Arial,sans-serif;white-space:nowrap;pointer-events:none;opacity:0}.site-appearance-option:hover .site-appearance-tooltip,.site-appearance-option:focus-within .site-appearance-tooltip{opacity:1}.hl-footer .site-appearance{margin-top:22px}.auth-appearance-footer{display:flex;justify-content:center;padding:0 20px 30px}