.container.svelte-1i8waqn{--_ease:cubic-bezier(.76, 0, .24, 1);--check-icon-color:var(--accent-950);cursor:pointer;width:var(--size,24px);height:var(--size,24px);flex-shrink:0;display:block;position:relative}.input.svelte-1i8waqn{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.box.svelte-1i8waqn{border-radius:var(--border-radius);background-color:var(--bg-color);width:100%;height:100%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--gray-100) 25%, transparent);transition:background-color var(--transition-duration), box-shadow .35s var(--_ease);justify-content:center;align-items:center;display:flex}.box.style-round.svelte-1i8waqn{border-radius:var(--border-radius-round)}.box.svelte-1i8waqn .icon{opacity:0;transition:opacity .15s ease-out, scale .35s var(--_ease), rotate .35s var(--_ease);rotate:-12deg;scale:.4}.box.checked.svelte-1i8waqn{background-color:var(--accent-100);box-shadow:inset 0 0 0 1.5px #0000}.box.checked.svelte-1i8waqn .icon{opacity:1;rotate:0deg;scale:1}.box.active-fill-accent.checked.svelte-1i8waqn{background-color:var(--accent-500)}.container.svelte-1i8waqn:hover .box:where(.svelte-1i8waqn):not(.checked){box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-500) 60%, transparent)}.container.svelte-1i8waqn:hover .box.checked:where(.svelte-1i8waqn){background-color:var(--accent-200)}.container.svelte-1i8waqn:hover .box.active-fill-accent.checked:where(.svelte-1i8waqn){background-color:var(--accent-600)}.input.svelte-1i8waqn:focus-visible+.box:where(.svelte-1i8waqn){outline:2px solid var(--accent-500);outline-offset:2px}