@platformos/pos-cli/gui/next/build/_app/immutable/assets/Toggle.o--CU0Za.css

Manage your platformOS application

.toggle.svelte-1j5d7bb.svelte-1j5d7bb.svelte-1j5d7bb{display:flex;align-items:center;gap:.5em}.toggle.svelte-1j5d7bb label.svelte-1j5d7bb.svelte-1j5d7bb{cursor:pointer;transition:opacity .1s linear}.toggle.svelte-1j5d7bb input[type=radio].svelte-1j5d7bb.svelte-1j5d7bb,.toggle.svelte-1j5d7bb input[type=checkbox].svelte-1j5d7bb.svelte-1j5d7bb{position:absolute;left:-100vw}.toggle.svelte-1j5d7bb .switcher.svelte-1j5d7bb.svelte-1j5d7bb{width:2rem;height:.8rem;display:inline-block;position:relative;top:2px;border:1px solid var(--color-frame);border-radius:1rem}.toggle.svelte-1j5d7bb .switcher.svelte-1j5d7bb.svelte-1j5d7bb:before{width:1rem;position:absolute;left:1px;top:1px;bottom:1px;border-radius:1rem;background-color:var(--color-frame);content:"";transition:translate .2s cubic-bezier(.075,.82,.165,1)}.toggle.svelte-1j5d7bb input[type=radio]:checked .switcher.svelte-1j5d7bb.svelte-1j5d7bb:before{left:1px}.toggle.svelte-1j5d7bb input[type=radio].svelte-1j5d7bb:not(:checked)+label.svelte-1j5d7bb{opacity:.5}.toggle.svelte-1j5d7bb:has(.switcher+input[type=radio]:checked) .switcher.svelte-1j5d7bb.svelte-1j5d7bb:before{translate:.85em 0}.toggle.svelte-1j5d7bb:has(input[type=radio]:focus-visible) .switcher.svelte-1j5d7bb.svelte-1j5d7bb{border-color:var(--color-interaction-hover)}.toggle.svelte-1j5d7bb:has(input[type=radio]:focus-visible) .switcher.svelte-1j5d7bb.svelte-1j5d7bb:before{background-color:var(--color-interaction-hover)}.toggle.single.svelte-1j5d7bb label.svelte-1j5d7bb.svelte-1j5d7bb{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem}.toggle.single.svelte-1j5d7bb label.svelte-1j5d7bb.svelte-1j5d7bb:before{width:2rem;height:1.2rem;order:2;flex-shrink:0;position:relative;inset-block-start:1px;border:1px solid var(--color-frame);border-radius:1rem;content:""}.toggle.single.svelte-1j5d7bb label.svelte-1j5d7bb.svelte-1j5d7bb:after{width:1rem;height:calc(1.2rem - 4px);margin-block-start:2px;position:absolute;inset-inline-end:calc(1rem - 2px);flex-shrink:0;border-radius:1rem;background-color:var(--color-frame);content:"";transition:translate .2s cubic-bezier(.075,.82,.165,1)}.toggle.single.svelte-1j5d7bb:has(input:checked) label.svelte-1j5d7bb.svelte-1j5d7bb:after{translate:.75rem 0}.toggle.single.svelte-1j5d7bb i.svelte-1j5d7bb.svelte-1j5d7bb{width:7px;height:7px;margin-block-start:2px;position:absolute;inset-inline-end:6px;z-index:1;color:var(--color-text)}.toggle.single.svelte-1j5d7bb svg{width:100%;height:auto;display:block}