.ds-checkbox{border:1px solid var(--input,var(--stroke__main));background:var(--bg__input);width:1rem;height:1rem;transition:border-color var(--check-box) var(--check-ease), background-color var(--check-box) var(--check-ease), transform .1s ease;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ds-checkbox:active:not(:disabled){transform:scale(.92)}.ds-checkbox:after{content:"";position:absolute;inset:-.875rem}.ds-checkbox:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 50%, transparent)}.ds-checkbox:disabled{cursor:not-allowed;opacity:.5}.ds-checkbox[data-state=checked]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.ds-checkbox[aria-invalid=true]{border-color:var(--stroke__error);box-shadow:0 0 0 3px color-mix(in srgb, var(--error__100) 40%, transparent)}.ds-checkbox[aria-invalid=true][data-state=checked]{border-color:var(--primary);box-shadow:none}.ds-checkbox__indicator{color:currentColor;place-content:center;display:grid}.ds-checkbox__indicator svg{width:.875rem;height:.875rem}.ds-checkbox__indicator path{stroke-dasharray:22;stroke-dashoffset:22px;animation:thm-check-draw var(--check-draw) var(--check-ease) var(--check-delay) both}@keyframes thm-check-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ds-checkbox,.ds-checkbox__indicator path{transition:none;animation:none}.ds-checkbox__indicator path{stroke-dashoffset:0}}