.input-wrapper{flex-direction:column;gap:8px;display:flex}.input-label{color:#374151;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;display:block}.input-required{color:var(--red-primary);margin-left:4px}.input-field{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 5px;font-family:Kanit,sans-serif;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-field:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.input-field::placeholder{color:#9ca3af}.input-field.input-error{border-color:#ef4444}.input-field.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error-message{color:#ef4444;font-family:Kanit,sans-serif;font-size:12px}textarea.input-field{resize:vertical;min-height:80px}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input-with-icon-container{align-items:center;display:flex;position:relative}.input-leading-icon{color:#6b7280;pointer-events:none;z-index:1;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;position:absolute;left:12px}.input-field.input-with-leading-icon{padding-left:35px}@media (max-width:768px){.input-field{font-size:16px}}