.int-tema{cursor:pointer;border-radius:999px;flex:none;grid-template-columns:repeat(2,28px);align-items:center;column-gap:2px;width:64px;height:44px;padding:0 3px;transition:transform .14s;display:inline-grid;position:relative}.int-tema:before{content:"";background:var(--color-surface-3);box-shadow:inset 0 0 .01px 1px var(--color-line);border-radius:999px;position:absolute;inset:5px 0}.int-tema:active{transform:scale(.96)}.int-tema:focus-visible{outline:none}.int-tema:focus-visible:before{outline:2px solid var(--color-brand);outline-offset:2px}.int-tema-bola{background:var(--color-surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--color-line);transition:translate .32s var(--ease-linkr);border-radius:50%;position:absolute;top:8px;left:3px}.int-tema svg{fill:none;width:16px;height:16px;stroke:var(--color-ink-3);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;justify-self:center;transition:stroke .42s cubic-bezier(.32,.72,0,1),rotate .42s cubic-bezier(.32,.72,0,1);position:relative}.int-tema .int-tema-sol{stroke:var(--color-ink)}:root[data-tema=oscuro] .int-tema-bola{background:color-mix(in srgb, var(--color-flotante), #fff 12%);translate:30px}:root[data-tema=oscuro] .int-tema .int-tema-sol{stroke:var(--color-ink-3);rotate:-90deg}:root[data-tema=oscuro] .int-tema .int-tema-luna{stroke:var(--color-ink);rotate:-15deg}@media (hover:hover){.int-tema:hover:before{background:color-mix(in srgb, var(--color-surface-3), var(--color-ink) 4%)}}:root[data-cambio-tema]::view-transition-old(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root[data-cambio-tema]::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root[data-cambio-tema]::view-transition-group(int-tema-bola){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-group(int-tema-sol){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-group(int-tema-luna){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-old(int-tema-bola){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-new(int-tema-bola){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-old(int-tema-sol){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-new(int-tema-sol){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-old(int-tema-luna){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema]::view-transition-new(int-tema-luna){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-cambio-tema] .int-tema-bola,:root[data-cambio-tema] .int-tema svg{transition:none}:root:not([data-tema=oscuro]) .solo-oscuro,:root[data-tema=oscuro] .solo-claro{display:none}