.input-container{display:flex;flex-direction:column;gap:2px}.input-label{color:#1f1f24;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.label-with-icon{display:flex;align-items:center;justify-content:space-between}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:8px 12px;border-radius:4px;border:1px solid #CECED0;background:#fff;color:#1f1f24;font-size:14px;line-height:20px}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-field::-moz-placeholder{color:#9ca3af}.input-field::placeholder{color:#9ca3af}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.input-disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.input-icon-start{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;display:flex;align-items:center}.input-prefix{display:inline-flex;align-items:center;margin-right:8px}.input-icon-end{color:#6b7280;display:inline-grid;align-items:center}.input-message{font-size:.75rem;margin-top:.25rem}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1000;margin-top:8px;box-shadow:0 2px 8px #00000026;animation:fadeIn .2s ease-in-out}.tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.input-icon-end.relative{position:relative}.date-input-hidden::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-input-hidden::-webkit-inner-spin-button,.date-input-hidden::-webkit-clear-button{display:none}.date-input-hidden::-webkit-datetime-edit{visibility:hidden}.input-percentage-symbol{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:500;color:#6b7280;pointer-events:none;z-index:1}.input-calendar-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:auto}.date-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.input-field.pr-8{padding-right:2rem}.input-wrapper{position:relative}@media(max-width:640px){.input-percentage-symbol{right:.5rem;font-size:.75rem}.input-calendar-icon{right:.5rem}}.input-icon-end .cursor-pointer{visibility:visible!important}