.naraya-checkbox{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.naraya-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.naraya-checkbox__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:1.5px solid rgb(var(--border-subtle));border-radius:.25rem;background-color:rgb(var(--bg-surface));transition:border-color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-checkbox__box svg{width:.625rem;height:.625rem;color:rgb(var(--color-primary-content));opacity:0;transform:scale(.5);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-checkbox:hover .naraya-checkbox__box{border-color:rgb(var(--color-primary-hover))}.naraya-checkbox__input:focus-visible+.naraya-checkbox__box{box-shadow:0 0 0 3px rgb(var(--ring-focus)/.25)}.naraya-checkbox__input:checked+.naraya-checkbox__box{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary))}.naraya-checkbox__input:checked+.naraya-checkbox__box svg{opacity:1;transform:scale(1)}.naraya-checkbox__input:disabled+.naraya-checkbox__box,.naraya-checkbox__input:disabled~.naraya-checkbox__label{opacity:.5;cursor:not-allowed}.naraya-checkbox__label{font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main))}.naraya-checkbox--sm .naraya-checkbox__box{width:.875rem;height:.875rem}.naraya-checkbox--sm .naraya-checkbox__label{font-size:.75rem}