.interruttore.svelte-1mxf0et{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;display:inline-flex}.binario.svelte-1mxf0et{background-color:var(--border);width:2.75rem;height:1.5rem;transition:background-color var(--durata-stato) var(--curva);border-radius:999px;flex-shrink:0;position:relative}.pomello.svelte-1mxf0et{background-color:var(--background);width:1.125rem;height:1.125rem;transition:translate var(--durata-stato) var(--curva);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #0003}.interruttore.svelte-1mxf0et:has(input:where(.svelte-1mxf0et):checked) .binario:where(.svelte-1mxf0et){background-color:var(--primary)}.interruttore.svelte-1mxf0et:has(input:where(.svelte-1mxf0et):checked) .pomello:where(.svelte-1mxf0et){translate:1.25rem}.interruttore.svelte-1mxf0et:has(input:where(.svelte-1mxf0et):focus-visible) .binario:where(.svelte-1mxf0et){outline:2px solid var(--ring);outline-offset:2px}.colore.svelte-2hz0io{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.pallino-40.svelte-2hz0io .pallino{width:2.5rem;height:2.5rem}.colore.svelte-2hz0io:hover .pallino-40:where(.svelte-2hz0io) .pallino:not([data-scelto]){box-shadow:0 0 0 2px var(--background), 0 0 0 3px color-mix(in srgb, var(--foreground) 35%, var(--background))}.colore.svelte-2hz0io:has(input:where(.svelte-2hz0io):focus-visible){outline:2px solid var(--ring);outline-offset:-1px}