.toggle-wrapper.app-1120cd2{align-items:center;display:inline-flex;gap:5px}button.app-1120cd2{--diameter:8px;--spacing:4px;align-items:center;background:#0000;block-size:calc(var(--diameter) + var(--spacing)*2 + 2px);border:1px solid var(--env-font-color);border-radius:100vh;color:var(--env-font-color);cursor:pointer;display:inline-flex;inline-size:calc(var(--diameter)*2 + var(--spacing)*2 + 2px);justify-content:space-around;margin-bottom:0;padding:0 var(--env-spacing-xx-small);position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out}button.app-1120cd2 span:where(.app-1120cd2){font-size:.875rem;margin-left:calc(var(--diameter) + var(--spacing)*2 + 12px)}button.app-1120cd2:hover{color:var(--env-link-hover-font-color);-webkit-text-decoration:var(--env-link-hover-text-decoration);text-decoration:var(--env-link-hover-text-decoration)}@media (prefers-color-scheme:dark){html:not([data-theme]) button[aria-pressed=false].app-1120cd2{--is-active:1}}button[aria-pressed=true].app-1120cd2,html[data-theme=dark] button.app-1120cd2{--is-active:1}button[aria-pressed=false].app-1120cd2,html[data-theme=light] button.app-1120cd2{--is-active:0}button.app-1120cd2:after{--offset:calc(100% - var(--diameter) - var(--spacing)*2);background:var(--color);block-size:var(--diameter);border-radius:100vh;content:"";inline-size:var(--diameter);inset-block-start:var(--spacing);inset-inline-start:calc(var(--spacing) + var(--offset)*var(--is-active, 0));position:absolute;transition:inset-inline-start .2s ease-in-out}