@layer components{@layer checkbox{[data-slot=checkbox]{border:1px solid var(--primary);border-radius:var(--echo-radius-sm);background-color:var(--background);width:1rem;height:1rem;color:var(--primary-foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s,box-shadow .15s,color .15s;display:inline-flex}[data-slot=checkbox]:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--ring) 45%, var(--primary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ring) 18%, transparent)}[data-slot=checkbox]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-slot=checkbox][data-disabled]{cursor:not-allowed;opacity:.5}[data-slot=checkbox][data-state=checked]{background-color:var(--primary);color:var(--primary-foreground)}[data-slot=checkbox] [data-slot=checkbox-indicator]{color:currentColor;visibility:hidden;opacity:0;justify-content:center;align-items:center;transition:opacity .12s;display:inline-flex}[data-slot=checkbox] [data-slot=checkbox-indicator] [data-icon]{width:1rem;height:1rem}[data-slot=checkbox][data-state=checked] [data-slot=checkbox-indicator]{visibility:visible;opacity:1}}}