.input-container{display:flex;flex-direction:column;gap:var(--spacing-xs,4px)}.input-container--full-width{width:100%}.input-label{font-size:var(--font-size-sm,14px);font-weight:600;color:var(--tertiaryColor);margin-bottom:var(--spacing-xs,4px);display:block}.input-required{color:var(--color-error,#e74c3c);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--secondaryColor);border:2px solid var(--lightestGrey);border-radius:var(--border-radius-md,8px);transition:all .3s ease;overflow:hidden}.input-wrapper:focus-within{border-color:var(--primaryColor);box-shadow:0 0 0 3px rgba(251,125,80,.1)}.input-wrapper:hover:not(.input-wrapper--disabled){border-color:var(--primaryColor)}.input-wrapper--error{border-color:var(--color-error,#e74c3c)}.input-wrapper--error:focus-within{border-color:var(--color-error,#e74c3c);box-shadow:0 0 0 3px rgba(231,76,60,.1)}.input-wrapper--disabled{background:var(--lightestGrey);border-color:var(--lightGrey);opacity:.6;cursor:not-allowed}.input-wrapper--loading{pointer-events:none}.input-wrapper--default{background:var(--secondaryColor)}.input-wrapper--filled{background:var(--lightestGrey);border-color:transparent}.input-wrapper--filled:focus-within{background:var(--secondaryColor);border-color:var(--primaryColor)}.input-wrapper--outline{background:transparent;border-color:var(--lightGrey)}.input-field{flex:1 1;border:none;background:transparent;font-family:inherit;font-size:inherit;color:var(--tertiaryColor);outline:none;width:100%}.input-field::placeholder{color:var(--grey);font-weight:300}.input-field:disabled{cursor:not-allowed;color:var(--lightGrey)}.input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--grey);font-size:18px;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:var(--primaryColor)}.input-wrapper--error .input-icon{color:var(--color-error,#e74c3c)}.input-icon--start{padding-left:var(--spacing-sm,8px);padding-right:var(--spacing-xs,4px)}.input-icon--end{padding-left:var(--spacing-xs,4px);padding-right:var(--spacing-sm,8px)}.input-wrapper--sm{height:36px}.input-field--sm{font-size:var(--font-size-sm,14px);padding:var(--spacing-xs,4px) var(--spacing-sm,8px)}.input-field--sm.input-field--with-start-icon{padding-left:0}.input-field--sm.input-field--with-end-icon{padding-right:0}.input-wrapper--sm .input-icon{width:20px;height:20px;font-size:16px}.input-wrapper--md{height:44px}.input-field--md{font-size:var(--font-size-base,16px)}.input-field--md.input-field--with-start-icon{padding-left:0}.input-field--md.input-field--with-end-icon{padding-right:0}.input-wrapper--md .input-icon{width:24px;height:24px;font-size:18px}.input-wrapper--lg{height:52px}.input-field--lg{font-size:var(--font-size-lg,18px);padding:var(--spacing-md,12px) var(--spacing-lg,16px)}.input-field--lg.input-field--with-start-icon{padding-left:0}.input-field--lg.input-field--with-end-icon{padding-right:0}.input-wrapper--lg .input-icon{width:28px;height:28px;font-size:22px;height:20px}.input-error{color:var(--color-error,#e74c3c);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs,4px)}.input-error,.input-helper{font-size:var(--font-size-xs,12px)}.input-helper{color:var(--grey);font-weight:400}.input-spinner{width:16px;height:16px;border-top:2px solid var(--lightGrey);border:2px solid var(--lightGrey);border-top-color:var(--primaryColor);border-radius:50%;animation:inputSpin 1s linear infinite}@keyframes inputSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-field:focus{outline:none}.input-wrapper:focus-within .input-label{color:var(--primaryColor)}@media (max-width:768px){.input-wrapper--sm{height:40px}.input-wrapper--md{height:48px}.input-wrapper--lg{height:56px}.input-field--sm{font-size:var(--font-size-sm,14px)}.input-field--md{font-size:var(--font-size-base,16px)}.input-field--lg{font-size:var(--font-size-lg,18px)}}@media (prefers-contrast:high){.input-wrapper{border-width:3px}.input-wrapper:focus-within{box-shadow:0 0 0 2px var(--primaryColor)}}@media (prefers-reduced-motion:reduce){.input-field::placeholder,.input-icon,.input-wrapper{transition:none}.input-spinner{animation:none}}