.checkbox-input{--control-mark-size:1.125rem;--control-gap:.5rem;gap:var(--control-gap);-webkit-user-select:none;user-select:none;font-size:var(--body-font-size);display:flex;position:relative}.checkbox-input,.checkbox-input._sm,.checkbox-input._xs{font-weight:var(--body-font-weight);line-height:var(--body-line-height)}.checkbox-input._sm{font-size:var(--body-font-size-sm)}.checkbox-input._sm .checkbox-input__mark,.checkbox-input._xs .checkbox-input__mark{margin-top:0}.checkbox-input._xs{font-size:var(--body-font-size-xs)}.checkbox-input__checkbox{z-index:-10;opacity:0;width:.1px;height:.1px;position:absolute}.checkbox-input__checkbox:not(:disabled),.checkbox-input__checkbox:not(:disabled)~.checkbox-input__mark,.checkbox-input__checkbox:not(:disabled)~.checkbox-input__text{cursor:pointer}@media (any-hover:hover){.checkbox-input__checkbox:not(:disabled):hover{border-color:var(--color-black-300)}}.checkbox-input__checkbox:disabled~.checkbox-input__mark,.checkbox-input__checkbox:disabled~.checkbox-input__text{opacity:.5}.checkbox-input__checkbox:checked+.checkbox-input__mark{border-color:var(--color-primary);background-color:var(--color-primary)}@media (any-hover:hover){.checkbox-input__checkbox:checked+.checkbox-input__mark:hover{border-color:var(--color-primary)}}.checkbox-input__checkbox:checked+.checkbox-input__mark:before{opacity:1}.checkbox-input__mark{border:.125rem solid var(--color-black-200);border-radius:var(--border-radius-4);flex:0 0 var(--control-mark-size);width:var(--control-mark-size);height:var(--control-mark-size);background-color:#0000;background-color:var(--color-white);transition:background-color var(--transition-duration-primary),border-color var(--transition-duration-primary);margin-top:.125rem;display:block;position:relative}.checkbox-input__mark:before{content:"";border:solid var(--color-black-900);opacity:0;width:.34375rem;height:.625rem;transition:opacity var(--transition-duration-primary);border-width:0 .125rem .125rem 0;position:absolute;top:.071875rem;left:.321875rem;transform:rotate(45deg)}.checkbox-input__text{color:inherit;align-self:center}