button.svelte-1ukc19n{border:0;padding:0;background:transparent;display:inline-flex;align-items:center;flex-wrap:wrap;position:relative;gap:1ch}button.svelte-1ukc19n:focus{outline:0}button.svelte-1ukc19n:focus .toggle__display:where(.svelte-1ukc19n){outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}button.svelte-1ukc19n:focus:not(:focus-visible) .toggle__display:where(.svelte-1ukc19n){outline:0}button[aria-pressed=true].svelte-1ukc19n .toggle__display:where(.svelte-1ukc19n){background-color:var(--ui-background-color-on)}button[aria-pressed=false].svelte-1ukc19n .toggle__display:where(.svelte-1ukc19n){background-color:var(--ui-background-color-off)}button[aria-pressed=true].svelte-1ukc19n .toggle__display:where(.svelte-1ukc19n):before{transform:translate(100%,-50%)}.toggle__display.svelte-1ukc19n{--offset: .25em;--diameter: 1.8em;display:inline-flex;align-items:center;justify-content:space-around;width:calc(var(--diameter) * 2 + var(--offset) * 2);height:calc(var(--diameter) + var(--offset) * 2);box-sizing:content-box;border:.1em solid var(--ui-border-color);position:relative;border-radius:100vw;background-color:var(--ui-background-color-off);transition:.25s;cursor:pointer}.toggle__display.svelte-1ukc19n:before{content:url();width:var(--diameter);height:var(--diameter);border-radius:50%;box-sizing:border-box;border:.1 solid var(--ui-border-color);position:absolute;z-index:2;top:50%;left:var(--offset);transform:translateY(-50%);background-color:var(--ui-border-color);transition:inherit}h1.svelte-1nvymf7{background-color:red}p.svelte-1nvymf7{max-width:700px;margin:0 auto;font-size:2rem}