.tema{border:0;min-inline-size:0;margin:0;padding:0;display:none}html.tema-js .tema{align-items:center;display:inline-flex}.tema__opcion{cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;block-size:44px;inline-size:44px;display:grid;position:relative}.tema__radio{opacity:0;appearance:none;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0}.tema__pozo{block-size:28px;inline-size:28px;color:var(--color-t-3);transition:color var(--t-hover) var(--ease-preciso), box-shadow var(--t-hover) var(--ease-preciso), background-color var(--t-hover) var(--ease-preciso)}.tema__opcion:hover .tema__pozo{color:var(--color-t-2)}:is(html:not([data-tema]) .tema__opcion[data-valor=sistema],html[data-tema=claro] .tema__opcion[data-valor=claro],html[data-tema=oscuro] .tema__opcion[data-valor=oscuro]) .tema__pozo{background-image:none;background-color:var(--color-f-2);box-shadow:var(--anillo-2), var(--contacto-1);color:var(--color-t-1)}.tema__radio:focus-visible+.tema__pozo{outline:2px solid var(--color-senal);outline-offset:3px;transition:none}.tema__glifos{place-items:center;block-size:20px;inline-size:20px;line-height:0;display:inline-grid}.tema__glifo{fill:currentColor;grid-area:1/1;block-size:20px;inline-size:20px;display:block}.tema__glifo--contorno{opacity:1;transition:opacity var(--t-ui) var(--ease-instrumento)}.tema__glifo--relleno{opacity:0;transform-origin:50%;transition:opacity var(--t-ui) var(--ease-instrumento), transform var(--t-ui) var(--ease-instrumento);transform:scale(.86)}:is(html:not([data-tema]) .tema__opcion[data-valor=sistema],html[data-tema=claro] .tema__opcion[data-valor=claro],html[data-tema=oscuro] .tema__opcion[data-valor=oscuro]) .tema__glifo--contorno{opacity:0}:is(html:not([data-tema]) .tema__opcion[data-valor=sistema],html[data-tema=claro] .tema__opcion[data-valor=claro],html[data-tema=oscuro] .tema__opcion[data-valor=oscuro]) .tema__glifo--relleno{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.tema__pozo,.tema__glifo--contorno,.tema__glifo--relleno{transition:none}.tema__glifo--relleno{transform:none}}html[data-movimiento=off] .tema__pozo,html[data-movimiento=off] .tema__glifo--contorno,html[data-movimiento=off] .tema__glifo--relleno{transition:none}html[data-movimiento=off] .tema__glifo--relleno{transform:none}