.c-input{box-sizing:border-box;position:relative}.c-input__wrapper{margin:var(--input-margin,0 0 8px 0);height:var(--input-height,48px);width:var(--input-width);position:relative}@media (width<=767px){.c-input__wrapper{margin:var(--input-margin,0 0 4px 0)}}.c-input__wrapper:hover{--input-border-color:var(--c-onyx--400)}.c-input__error-message{color:var(--input-error-message-color,var(--c-danger));height:14px;min-height:14px;font-size:12px;font-family:var(--font-family--primary);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{position:absolute;top:15px;left:10px;--icon-color:var(--c-onyx--500)!important}.c-input__label{display:var(--input-label-display);top:var(--input-label-top,50%);left:var(--input-label-left,12px);padding:var(--input-label-padding);background:var(--input-background,var(--c-white));transform:var(--input-label-transform,translate3d(0,calc(var(--input-label-top,50%)*-1),0));transition:var(--input-label-transition,top .15s linear,font-size .15s linear);font-family:var(--font-family--secondary);font-weight:400;font-size:var(--input-label-font-size,16px);line-height:1;position:absolute}.c-input__label,.c-input__label:after{color:var(--input-label-color,var(--c-onyx--600))}.c-input__label:after{content:var(--input-label-required)}.c-input__field{border-radius:var(--input-border-radius,6px);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-onyx--200));background:var(--input-background);color:var(--input-color,var(--c-black));text-align:var(--input-text-align);font-family:var(--font-family--secondary);border-width:1px;font-size:16px;font-weight:400;line-height:1;display:block}.c-input__field.has-label{padding:var(--input-padding,20px 12px 6px 12px)}.c-input__field~*{--icon-color:var(--input-label-color);--input-password-icon-background:var(--input-label-color)}.c-input__field:focus~*{--input-label-top:0;--icon-color:var(--c-black);--input-password-icon-background:var(--c-black);--input-label-color:var(--c-primary);--input-label-font-size:12px;--input-error-message-color:var(--c-primary)}.c-input__field:-webkit-autofill:focus~*{--input-label-top:0;--icon-color:var(--c-black);--input-password-icon-background:var(--c-black);--input-label-color:var(--c-primary);--input-label-font-size:12px;--input-error-message-color:var(--c-primary)}.c-input__field:-webkit-autofill:hover~*{--input-label-top:0;--icon-color:var(--c-black);--input-password-icon-background:var(--c-black);--input-label-color:var(--c-primary);--input-label-font-size:12px;--input-error-message-color:var(--c-primary)}.c-input__field:-webkit-autofill~*{--input-label-top:0;--icon-color:var(--c-black);--input-password-icon-background:var(--c-black);--input-label-color:var(--c-primary);--input-label-font-size:12px;--input-error-message-color:var(--c-primary)}.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-onyx--400);outline:none}.c-input__field:focus~*{--input-label-top:20%;--input-label-left:8px;--input-label-padding:0 4px;--input-label-color:var(--c-black)}.c-input__field:required~*{--input-label-required:" *"}.c-input__field:disabled{--input-border-color:var(--c-onyx--400);--input-color:var(--c-onyx--400);-webkit-text-fill-color:var(--c-onyx--400)}.c-input__field:disabled~*{--icon-color:var(--text-disabled);--input-label-color:var(--c-onyx--400)}.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:14px 12px 14px 34px!important}.c-input__field.clearable:not(.empty){--input-padding:14px 40px 14px 34px!important}.c-input__field.clearable:not(.empty).has-barcode{--input-padding:14px 68px 14px 34px!important}.c-input__field.has-barcode{--input-padding:14px 36px 14px 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-label-color:var(--c-danger);--input-border-color:var(--c-danger)}.c-input.invalid input:focus{color:var(--input-color,var(--c-black));outline:none}.c-input.invalid input:focus~*{--input-bar-background:var(--c-danger);--input-label-color:var(--c-danger)}.c-input input[type=date]~*,.c-input input[type=file]~*,.c-input input[type=image]~*,.c-input input[type=time]~*,.c-input.has-text{--input-label-top:20%;--input-label-font-size:12px;--input-label-left:8px;--input-label-padding:0 4px}