.tema-toggle{border-radius:var(--raio-controle);border:1px solid var(--border);background:var(--surface-2);min-width:40px;height:40px;color:var(--text-2);font-size:var(--fs-13);font-weight:var(--peso-medio);cursor:pointer;transition:background-color var(--dur-rapida) ease, border-color var(--dur-rapida) ease, color var(--dur-rapida) ease, transform var(--dur-rapida) ease;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:relative}.tema-toggle:hover{background:var(--hover);border-color:var(--border-strong);color:var(--text)}.tema-toggle:active{transform:scale(.96)}.tema-toggle:focus-visible{outline:2px solid var(--anel);outline-offset:2px}.tema-toggle__icones{width:18px;height:18px;display:inline-block;position:relative}.tema-toggle__icone{opacity:0;width:18px;height:18px;transition:opacity var(--dur-media) var(--ease-saida), transform var(--dur-media) var(--ease-saida);position:absolute;inset:0;transform:rotate(-60deg)scale(.5)}html[data-modo=claro] .tema-toggle__icone[data-icone=claro],html[data-modo=escuro] .tema-toggle__icone[data-icone=escuro],html[data-modo=sistema] .tema-toggle__icone[data-icone=sistema],html:not([data-modo]) .tema-toggle__icone[data-icone=sistema]{opacity:1;transform:none}.tema-toggle__texto [data-rotulo]{display:none}html[data-modo=claro] .tema-toggle__texto [data-rotulo=claro],html[data-modo=escuro] .tema-toggle__texto [data-rotulo=escuro],html[data-modo=sistema] .tema-toggle__texto [data-rotulo=sistema]{display:inline}@media (prefers-reduced-motion:reduce){.tema-toggle__icone{transition:none}}