@layer components-base{.input-checkbox{padding:var(--checkbox-padding,0);transition:color .2s ease}.input-checkbox__input{margin:0}.input-checkbox__fake{display:block;flex:0 0 var(--checkbox-size);height:var(--checkbox-size);position:relative;transition:border-color .2s ease;width:var(--checkbox-size)}.input-checkbox__fake:before{border:1px solid;border-radius:var(--checkbox-border-radius);content:"";inset:0;position:absolute}.input-checkbox__fake-hover-accent{color:var(--t-accent);height:calc(var(--scale-px)*18);left:-13%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:scaleX(.5) translateY(-50%);transform-origin:0 50%;transition:.3s cubic-bezier(.25,.74,.22,.99);transition-property:opacity,transform;width:126%}.input-checkbox__fake-icon{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,color .2s ease;z-index:1}.input-checkbox{color:var(--input-label)}.input-checkbox .input-checkbox__fake:before{background-color:var(--input-background);border-color:var(--input-border)}.input-checkbox .input-checkbox__fake-icon{color:var(--input-accent)}@media(hover:hover){.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover{color:var(--input-hovered-label,var(--input-label))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover .input-checkbox__fake:before{background-color:var(--input-hovered-background,var(--input-background));border-color:var(--input-hovered-border,var(--input-border))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover .input-checkbox__fake-icon{color:var(--input-hovered-accent,var(--input-accent))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover .input-checkbox__fake-hover-accent{opacity:1;transform:scaleX(1) translateY(-50%)}}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)){color:var(--input-focused-label,var(--input-label))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake:before{background-color:var(--input-focused-background,var(--input-background));border-color:var(--input-focused-border,var(--input-border))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake-icon{color:var(--input-focused-accent,var(--input-accent))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake:before{outline:1px solid var(--input-focused-border,var(--input--border,var(--input-border)))}.input-checkbox:where(:has(input:checked)){color:var(--input-active-label,var(--input-label))}.input-checkbox:where(:has(input:checked)) .input-checkbox__fake:before{background-color:var(--input-active-background,var(--input-background));border-color:var(--input-active-border,var(--input-border))}.input-checkbox:where(:has(input:checked)) .input-checkbox__fake-icon{color:var(--input-active-accent,var(--input-accent))}.input-checkbox:where(:has(input:checked)) .input-checkbox__fake-icon{opacity:1}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):is(.is-disabled,:disabled))){color:var(--input-disabled-label,var(--input-label));cursor:no-drop}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):is(.is-disabled,:disabled))) .input-checkbox__fake:before{background-color:var(--input-disabled-background,var(--input-background));border-color:var(--input-disabled-border,var(--input-border))}.input-checkbox:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):is(.is-disabled,:disabled))) .input-checkbox__fake-icon{color:var(--input-disabled-accent,var(--input-accent))}@media(hover:hover){.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled))):hover{color:var(--input-active-hovered-label,var(--input-active-label,var(--input-label)))}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled))):hover .input-checkbox__fake:before{background-color:var(--input-active-hovered-background,var(--input-active-background,var(--input-background)));border-color:var(--input-active-hovered-border,var(--input-active-border,var(--input-border)))}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled))):hover .input-checkbox__fake-icon{color:var(--input-active-hovered-accent,var(--input-active-accent,var(--input-accent)))}}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled):focus-visible)){color:var(--input-active-focused-label,var(--input-focused-label,var(--input-label)))}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake:before{background-color:var(--input-active-focused-background,var(--input-focused-background,var(--input-background)));border-color:var(--input-active-focused-border,var(--input-focused-border,var(--input-border)))}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake-icon{color:var(--input-active-focused-accent,var(--input-focused-accent,var(--input-accent)))}.input-checkbox:where(:has(input:checked:not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake:before{outline:1px solid var(--input-active-focused-border,var(--input-focused-border,var(--input-border)))}.input-checkbox:where(:has(input:checked:is(.is-disabled,:disabled))){color:var(--input-active-disabled-label,var(--input-active-label,var(--input-label)))}.input-checkbox:where(:has(input:checked:is(.is-disabled,:disabled))) .input-checkbox__fake:before{background-color:var(--input-active-disabled-background,var(--input-active-background,var(--input-background)));border-color:var(--input-active-disabled-border,var(--input-active-border,var(--input-border)))}.input-checkbox:where(:has(input:checked:is(.is-disabled,:disabled))) .input-checkbox__fake-icon{color:var(--input-active-disabled-accent,var(--input-active-accent,var(--input-accent)))}.input-checkbox.is-error{color:var(--input-error-label,var(--input-label))}.input-checkbox.is-error .input-checkbox__fake:before{background-color:var(--input-error-background,var(--input-background));border-color:var(--input-error-border,var(--input-border))}.input-checkbox.is-error .input-checkbox__fake-icon{color:var(--input-error-accent,var(--input-accent))}@media(hover:hover){.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover{color:var(--input-error-hovered-label,var(--input-label))}.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover .input-checkbox__fake:before{background-color:var(--input-error-hovered-background,var(--input-background));border-color:var(--input-error-hovered-border,var(--input-border))}.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled))):hover .input-checkbox__fake-icon{color:var(--input-error-hovered-accent,var(--input-accent))}}.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)){color:var(--input-error-focused-label,var(--input-label))}.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake:before{background-color:var(--input-error-focused-background,var(--input-background));border-color:var(--input-error-focused-border,var(--input-border))}.input-checkbox.is-error:where(:has(:is(input,textarea,select,[role=combobox],[data-fake-input]):not(.is-disabled,:disabled):focus-visible)) .input-checkbox__fake-icon{color:var(--input-error-focused-accent,var(--input-accent))}}@layer components{.input--checkbox{--checkbox-size:calc(var(--scale-px)*16)}.input--checkbox-promo{--checkbox-size:var(--md,calc(var(--scale-px)*30)) var(--n-md,calc(var(--scale-px)*25))}}