.ui-input{display:flex;flex-direction:column;width:100%;outline:none;border:none}.ui-input__label{padding:0 5px;margin-bottom:1px;color:var(--color-text-main);font-size:var(--text-body-sm);font-weight:500}.ui-input__field{position:relative;width:100%}.ui-input__field input{padding:16px 12px;width:100%;outline:none;border:1px solid transparent;box-shadow:none;background-color:var(--color-third);border-radius:5px;transition:all .3s ease-in-out;color:var(--color-text-main);font-size:var(--text-body-xl)}.ui-input__field input::-webkit-inner-spin-button,.ui-input__field input::-webkit-outer-spin-button{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:none;margin:0}.ui-input__field input:focus{outline:none;border-color:var(--color-primary-hover)}.ui-input__field input:disabled{opacity:.6;cursor:not-allowed}.ui-input__field-control{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;transition:opacity .3s ease-in-out;opacity:0}.ui-input__field-control__btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:2px;background-color:var(--color-primary-light-2)}.ui-input__field-control__btn svg{color:var(--color-main)}.ui-input__field-control__btn.minus-btn{transform:rotate(180deg)}.ui-input__field-control__btn:hover{background-color:var(--color-primary)}.ui-input__field-visible{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.ui-input__field-visible button{display:flex;align-items:center;justify-content:center;width:23px;height:23px;opacity:.6}.ui-input__field-visible button svg{width:100%;height:100%;color:var(--color-text-secondary)}.ui-input__field-visible button:hover,.ui-input__field:hover .ui-input__field-control{opacity:1}.ui-input__field.is-password{padding-right:40px}.ui-input__error{margin-top:10px;font-weight:500;font-size:var(--text-body-xl);color:var(--color-error)}.ui-input.error input{color:var(--color-error)!important;border-color:var(--color-error)!important}@media(max-width:767px){.ui-input__field input{padding:14px 10px;font-size:var(--text-body-sm)}.ui-input__field-control{right:10px;opacity:1}.ui-input__field-control__btn{width:18px;height:18px;background-color:var(--color-primary)}.ui-input__field-control__btn svg{width:90%;height:90%}.ui-input__error{margin-top:5px;font-size:var(--text-body-sm)}}