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