.toggle-container.svelte-14i567{display:flex;align-items:center;justify-content:center}input.svelte-14i567{display:none}label.svelte-14i567{position:relative;display:grid;grid-template-columns:repeat(2,1fr);width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:100px;border:4px solid var(--surface-grey);background-color:var(--surface-grey);font-size:var(--base-font-size);font-weight:var(--medium-font-weight);line-height:24px;color:var(--text-secondary)}.fillWidth.svelte-14i567 label:where(.svelte-14i567){width:100%}.square.svelte-14i567 label:where(.svelte-14i567){border-radius:8px}label.svelte-14i567:before{content:"";position:absolute;width:50%;height:100%;left:0%;border-radius:100px;transition:all .3s;border:1px solid var(--border-100);background-color:#fff}.square.svelte-14i567 label:where(.svelte-14i567):before{border-radius:8px}label.svelte-14i567 div:where(.svelte-14i567){display:flex;padding:8px 20px;text-align:center;align-items:center;justify-content:center;z-index:1}input.svelte-14i567:checked+label:where(.svelte-14i567):before{left:50%}input.svelte-14i567:checked+label:where(.svelte-14i567) div:where(.svelte-14i567):first-child,input.svelte-14i567+label:where(.svelte-14i567) div:where(.svelte-14i567):last-child{color:var(--text-secondary);transition:color .3s}input.svelte-14i567:checked+label:where(.svelte-14i567) div:where(.svelte-14i567):last-child,input.svelte-14i567+label:where(.svelte-14i567) div:where(.svelte-14i567):first-child{color:var(--text-primary);transition:color .3s}@media(max-width:900px){.toggle-container.svelte-14i567{margin-bottom:30px;margin-top:30px}label.svelte-14i567{font-size:var(--xs-font-size)}}.dark.svelte-14i567 label:where(.svelte-14i567){background-color:#1b1819;border-color:#1b1819}.dark.svelte-14i567 label:where(.svelte-14i567):before{background-color:#0a0a0a;border-color:#454545}.dark.svelte-14i567 input:where(.svelte-14i567):checked+label:where(.svelte-14i567) div:where(.svelte-14i567):first-child,.dark.svelte-14i567 input:where(.svelte-14i567)+label:where(.svelte-14i567) div:where(.svelte-14i567):last-child{color:var(--text-invert-secondary)}.dark.svelte-14i567 input:where(.svelte-14i567):checked+label:where(.svelte-14i567) div:where(.svelte-14i567):last-child,.dark.svelte-14i567 input:where(.svelte-14i567)+label:where(.svelte-14i567) div:where(.svelte-14i567):first-child{color:var(--text-invert)}