.c-input{box-sizing:border-box;position:relative}.c-input__label{color:var(--c-black);font-family:var(--font-family--secondary);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1;display:block}.c-input__wrapper{height:var(--input-height,40px);width:var(--input-width);position:relative}.c-input__wrapper:hover{--input-border-color:var(--c-border-focus)}.c-input__error-message{color:var(--c-danger);height:14px;font-size:12px;font-family:var(--font-family--primary);margin-top:4px;font-weight:700}.c-input__actions{justify-content:center;align-items:center;gap:4px;height:100%;display:flex;position:absolute;top:0;right:10px}.c-input__button-barcode,.c-input__button-clear{--icon-color:var(--c-black);--icon-size:24px!important}.c-input__actions-divider{background-color:var(--c-onyx--400);width:1px;height:26px}.c-input__password-button{--icon-size:12px;--button-padding:0;--button-background:transparent;--button-position:absolute;top:var(--input-icon-top,50%);right:12px;transform:translateY(-50%)}.c-input__password-button:hover{--button-background:transparent;--button-box-shadow:none}.c-input__password-icon-mark{background:var(--input-password-icon-background,var(--c-black));width:100%;height:1px;transform:translate3d(0,-50%,0) rotate(45deg) scaleX(var(--input-password-icon-scaleX,0));transition:transform .15s linear;position:absolute;top:50%}.c-input__password-icon-mark.hidden{--input-password-icon-scaleX:1}.c-input__search-icon{left:10px;top:calc(var(--input-height,40px)/2 - 9px);position:absolute;--icon-color:var(--c-onyx--500)!important}.c-input__field{border-radius:var(--input-border-radius,var(--c-border-radius));appearance:none;box-sizing:border-box;width:100%;height:100%;padding:var(--input-padding,10px 12px);border-style:solid;border-color:var(--input-border-color,var(--c-border-color));background:var(--input-background);color:var(--input-color,var(--c-black));text-align:var(--input-text-align);background-color:var(--input-background,var(--c-white));font-family:var(--font-family--secondary);border-width:1px;font-size:16px;font-weight:400;line-height:1;display:block}.c-input__field~*{--icon-color:var(--input-icon-color,var(--c-black));--input-password-icon-background:var(--input-icon-color,var(--c-black))}.c-input__field:focus~*{--input-icon-color:var(--c-black)}.c-input__field:-webkit-autofill:focus~*{--input-icon-color:var(--c-black)}.c-input__field:-webkit-autofill:hover~*{--input-icon-color:var(--c-black)}.c-input__field:-webkit-autofill~*{--input-icon-color:var(--c-black)}.c-input__field::placeholder{font-size:var(--input-placeholder-font-size,14px);top:var(--input-placeholder-top,0);position:relative}.c-input__field:focus{--input-border-color:var(--c-border-focus);outline:none}.c-input__field:disabled{--input-border-color:var(--c-onyx--400);--input-color:var(--c-onyx--600);--input-background:var(--c-disabled-bg);-webkit-text-fill-color:var(--c-onyx--600);cursor:not-allowed}.c-input__field:disabled~*{--input-icon-color:var(--c-onyx--600);--input-background:var(--c-disabled-bg)}.c-input__field[type=number]{-moz-appearance:textfield}.c-input__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.c-input__field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-input__field[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.c-input__field[type=search]::-webkit-search-decoration{-webkit-appearance:none}.c-input__field[type=search]::-webkit-search-results-button{-webkit-appearance:none}.c-input__field[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.c-input__field[type=search]{--input-padding:10px 12px 10px 34px!important}.c-input__field.clearable:not(.empty){--input-padding:10px 40px 10px 34px!important}.c-input__field.clearable:not(.empty).has-barcode{--input-padding:10px 68px 10px 34px!important}.c-input__field.has-barcode{--input-padding:10px 36px 10px 34px!important}@media (width<=767px){.c-input__field::-webkit-input-placeholder{font-size:14px}.c-input__field:-moz-placeholder-shown{font-size:14px}.c-input__field::-moz-placeholder{font-size:14px}.c-input__field:-ms-placeholder-shown{font-size:14px}}.c-input.invalid{--input-border-color:var(--c-danger)}.c-input.invalid input:focus{color:var(--input-color,var(--c-black));outline:none}
