.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--neutral-color-4);border-radius:.125em;cursor:pointer;flex-shrink:0;position:relative;transition-duration:var(--transition-duration-1);transition-property:background-color,border-color}.checkbox-input,.checkbox-input:after{background-color:var(--neutral-color-1);height:1em;width:1em}.checkbox-input:after{content:"";display:block;left:-1px;-webkit-mask-image:url(../svg/check.svg);mask-image:url(../svg/check.svg);opacity:0;position:absolute;top:-1px;transition:opacity var(--transition-duration-1)}.checkbox-input:checked{background-color:var(--primary-color-4);border-color:var(--primary-color-4)}.checkbox-input:checked:after{opacity:1}@media (hover:hover){.checkbox-input:hover:not(:disabled){border-color:var(--primary-color-3)}.checkbox-input:hover:not(:disabled):checked{background-color:var(--primary-color-5);border-color:var(--primary-color-5)}}.checkbox-input:focus-visible{outline:var(--focus-outline)}.checkbox-input:disabled{cursor:not-allowed}