.toggle-container.svelte-1okjo3r{display:flex;align-items:center;justify-content:center}input.svelte-1okjo3r{display:none}label.svelte-1okjo3r{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-1okjo3r label:where(.svelte-1okjo3r){width:100%}.square.svelte-1okjo3r label:where(.svelte-1okjo3r){border-radius:8px}label.svelte-1okjo3r: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-1okjo3r label:where(.svelte-1okjo3r):before{border-radius:8px}label.svelte-1okjo3r div:where(.svelte-1okjo3r){display:flex;padding:8px 20px;text-align:center;align-items:center;justify-content:center;z-index:1}input.svelte-1okjo3r:checked+label:where(.svelte-1okjo3r):before{left:50%}input.svelte-1okjo3r:checked+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):first-child,input.svelte-1okjo3r+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):last-child{color:var(--text-secondary);transition:color .3s}input.svelte-1okjo3r:checked+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):last-child,input.svelte-1okjo3r+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):first-child{color:var(--text-primary);transition:color .3s}@media (max-width: 900px){.toggle-container.svelte-1okjo3r{margin-bottom:30px;margin-top:30px}label.svelte-1okjo3r{font-size:var(--xs-font-size)}}.dark.svelte-1okjo3r label:where(.svelte-1okjo3r){background-color:#1b1819;border-color:#1b1819}.dark.svelte-1okjo3r label:where(.svelte-1okjo3r):before{background-color:#0a0a0a;border-color:#454545}.dark.svelte-1okjo3r input:where(.svelte-1okjo3r):checked+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):first-child,.dark.svelte-1okjo3r input:where(.svelte-1okjo3r)+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):last-child{color:var(--text-invert-secondary)}.dark.svelte-1okjo3r input:where(.svelte-1okjo3r):checked+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):last-child,.dark.svelte-1okjo3r input:where(.svelte-1okjo3r)+label:where(.svelte-1okjo3r) div:where(.svelte-1okjo3r):first-child{color:var(--text-invert)}