@layer tokens{:root{--_0:var(--m3-shape-full)}}.m3-container.svelte-y296kb{display:inline-flex;position:relative;width:3.25rem;height:2rem}input.svelte-y296kb{appearance:none;width:3.25rem;height:2rem;margin:0;border-radius:var(--_0);background-color:var(--m3c-surface-container-highest);border:solid .125rem var(--m3c-outline);cursor:pointer;transition:var(--_b)}.handle.svelte-y296kb{position:absolute;width:1rem;height:1rem;border-radius:var(--_0);background-color:var(--m3c-outline);color:var(--m3c-on-on-primary);cursor:pointer;transition:var(--_7);left:.5rem;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center}.handle.svelte-y296kb>svg{opacity:0;transition:opacity var(--_7),scale var(--_7)}input.svelte-y296kb:not(:checked)+.handle:has(:nth-child(2)){scale:1.5}input.svelte-y296kb:not(:checked)+.handle:has(:nth-child(2))>svg{color:var(--m3c-surface-container-highest);scale:.667;opacity:1}input.svelte-y296kb:checked+.handle>svg:nth-child(2),input.svelte-y296kb:not(:checked)+.handle>svg:first-child{display:none}.hover.svelte-y296kb{position:absolute;width:3rem;height:3rem;border-radius:var(--m3-shape-full);cursor:pointer;transition:var(--_9);left:1rem;top:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center}.m3-container.svelte-y296kb:hover>input:where(.svelte-y296kb):not(:checked):not(:disabled)+.handle:where(.svelte-y296kb),.m3-container.svelte-y296kb:active>input:where(.svelte-y296kb):not(:checked):not(:disabled)+.handle:where(.svelte-y296kb){background-color:var(--m3c-on-surface-variant)}.m3-container.svelte-y296kb:hover>input:where(.svelte-y296kb):enabled:checked+.handle:where(.svelte-y296kb),.m3-container.svelte-y296kb>input:where(.svelte-y296kb):enabled:checked:is(:active,:focus-visible)+.handle:where(.svelte-y296kb){background-color:var(--m3c-primary-container);color:var(--m3c-on-primary-container)}.m3-container.svelte-y296kb:hover>input:where(.svelte-y296kb)~.hover:where(.svelte-y296kb){background-color:oklab(from var(--m3c-on-surface) l a b / .08)}.m3-container.svelte-y296kb:hover>input:where(.svelte-y296kb):checked~.hover:where(.svelte-y296kb){background-color:oklab(from var(--m3c-primary) l a b / .08)}input.svelte-y296kb:checked{background-color:var(--m3c-primary);border-color:var(--m3c-primary)}input.svelte-y296kb:checked+.handle:where(.svelte-y296kb){background-color:var(--m3c-on-primary);scale:1.5;left:1.75rem}input.svelte-y296kb:checked+.handle:where(.svelte-y296kb)>svg{scale:.667;opacity:1}input.svelte-y296kb:checked~.hover:where(.svelte-y296kb){left:2.25rem}.m3-container.svelte-y296kb:active>input:where(.svelte-y296kb):enabled+.handle:where(.svelte-y296kb){scale:1.75}.m3-container.svelte-y296kb:active>input:where(.svelte-y296kb):enabled+.handle:where(.svelte-y296kb)>svg{scale:.571}input.svelte-y296kb:disabled{background-color:oklab(from var(--m3c-surface-container-highest) l a b / .12);border-color:oklab(from var(--m3c-outline) l a b / .12);cursor:auto}input.svelte-y296kb:disabled:checked{background-color:oklab(from var(--m3c-on-surface) l a b / .12);border-color:transparent}input.svelte-y296kb:disabled+.handle:where(.svelte-y296kb){background-color:oklab(from var(--m3c-on-surface) l a b / .38);cursor:auto}input.svelte-y296kb:disabled:checked+.handle:where(.svelte-y296kb){background-color:var(--m3c-surface)}input.svelte-y296kb:disabled:checked+.handle:where(.svelte-y296kb)>svg{color:oklab(from var(--m3c-on-surface) l a b / .38)}input.svelte-y296kb:disabled~.hover:where(.svelte-y296kb){display:none}.m3-container.svelte-y296kb{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media screen and (forced-colors:active){input.svelte-y296kb:checked{background-color:canvastext!important}.handle.svelte-y296kb{background-color:canvastext!important}input.svelte-y296kb:checked+.handle:where(.svelte-y296kb){background-color:canvas!important}input.svelte-y296kb:disabled,input.svelte-y296kb:disabled+.handle:where(.svelte-y296kb){opacity:.38}}