.n2-checkbox{align-items:center;gap:var(--n2-space-3);min-height:var(--n2-size-control-m);color:var(--n2-text-primary);font:var(--n2-type-body-m);letter-spacing:normal;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;position:relative}.n2-checkbox__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.n2-checkbox__box{box-sizing:border-box;width:var(--n2-size-mark);height:var(--n2-size-mark);border:1px solid var(--n2-border-strong);border-radius:var(--n2-radius-xs);color:#0000;flex:none;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.n2-checkbox__input:checked+.n2-checkbox__box{border-color:var(--n2-surface-brand);background:var(--n2-surface-brand);color:var(--n2-icon-inverted)}.n2-checkbox:hover .n2-checkbox__box{background:var(--n2-surface-control-veil-hover)}.n2-checkbox:hover .n2-checkbox__input:checked+.n2-checkbox__box{background:var(--n2-surface-control-veil-hover), var(--n2-surface-brand)}.n2-checkbox__input:focus-visible+.n2-checkbox__box{outline:2px solid var(--n2-focus);outline-offset:2px}.n2-checkbox:has(.n2-checkbox__input:disabled){opacity:var(--n2-opacity-pending);cursor:default}@media (prefers-reduced-motion:reduce){.n2-checkbox__box{transition:none}}