.c-input{box-sizing:border-box;position:relative}.c-input__wrapper{height:var(--input-height,48px);margin:var(--input-margin,0 0 8px 0);position:relative;width:var(--input-width)}@media (max-width:767px){.c-input__wrapper{margin:var(--input-margin,0 0 4px 0)}}.c-input__wrapper:hover{--input-border-color:var(--c-onyx--600)}.c-input__error-message{color:var(--input-error-message-color,var(--c-danger));font-family:var(--font-family--primary);font-size:var(--font-size--xs);font-weight:700;height:calc(var(--font-size--xs)*1.2);min-height:calc(var(--font-size--xs)*1.2)}.c-input__actions{align-items:center;display:flex;gap:4px;height:100%;justify-content:center;position:absolute;right:10px;top:0}.c-input__button-barcode,.c-input__button-clear{--icon-size:24px!important;--icon-color:var(--c-black)}.c-input__actions-divider{background-color:var(--c-onyx--400);height:26px;width:1px}.c-input__password-button{--icon-size:12px;--button-padding:0;--button-background:transparent;--button-position:absolute;right:var(--spacer-smaller);top:var(--input-icon-top,50%);transform:translate3d(0,-50%,0)}.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));height:1px;position:absolute;top:50%;transform:translate3d(0,-50%,0) rotate(45deg) scaleX(var(--input-password-icon-scaleX,0));transition:transform .15s linear;width:100%}.c-input__password-icon-mark.hidden{--input-password-icon-scaleX:1}.c-input__search-icon{left:10px;position:absolute;top:15px;--icon-color:var(--c-onyx--500)!important}.c-input__label{background:var(--c-white);display:var(--input-label-display);font-family:var(--font-family--secondary);font-size:var(--input-label-font-size,var(--font-size--base));font-weight:var(--font-weight--normal);left:var(--input-label-left,var(--spacer-smaller));line-height:1;padding:var(--input-label-padding);position:absolute;top:var(--input-label-top,50%);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)}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--input-background);border-color:var(--input-border-color,var(--c-onyx--300));border-radius:var(--input-border-radius,6px);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--input-color,var(--c-black));display:block;font-family:var(--font-family--secondary);font-size:var(--font-size--base);font-weight:var(--font-weight--normal);height:100%;line-height:1;padding:var(--input-padding,10px 12px);text-align:var(--input-text-align);width:100%}.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:-webkit-autofill:focus~*,.c-input__field:-webkit-autofill:hover~*,.c-input__field:-webkit-autofill~*,.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:var(--font-size--xs);--input-error-message-color:var(--c-primary)}.c-input__field:focus{outline:none;--input-border-color:var(--c-black)}.c-input__field:focus~*{--input-label-top:20%;--input-label-left:var(--spacer-xs);--input-label-padding:0 var(--spacer-2xs);--input-label-color:var(--c-black)}.c-input__field:required~*{--input-label-required:" *"}.c-input__field:disabled{--input-border-color:var(--c-onyx--300);--input-color:var(--c-onyx--300);-webkit-text-fill-color:var(--c-onyx--300)}.c-input__field:disabled~*{--icon-color:var(--text-disabled);--input-label-color:var(--c-onyx--300)}.c-input__field[type=number]{-moz-appearance:textfield}.c-input__field[type=number]::-webkit-inner-spin-button,.c-input__field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c-input__field[type=search]::-webkit-search-cancel-button,.c-input__field[type=search]::-webkit-search-decoration,.c-input__field[type=search]::-webkit-search-results-button,.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 (max-width:767px){.c-input__field::-webkit-input-placeholder{font-size:14px}}@media (max-width:767px){.c-input__field:-moz-placeholder,.c-input__field::-moz-placeholder{font-size:14px}}@media (max-width:767px){.c-input__field:-ms-input-placeholder{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:var(--font-size--xs);--input-label-left:var(--spacer-xs);--input-label-padding:0 var(--spacer-2xs)}