.input-group.svelte-wyadax{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:400px}.input-label.svelte-wyadax{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark)}.input-label__required.svelte-wyadax{color:var(--color-error);margin-left:2px}.input-label__optional.svelte-wyadax{color:var(--color-gray);font-weight:var(--font-weight-regular);margin-left:var(--spacing-xs)}.input-wrapper.svelte-wyadax{position:relative;width:100%}.input.svelte-wyadax{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-primary-dark);background-color:var(--color-lotion);border-radius:var(--radius-xs);transition:all var(--transition-base);font-family:inherit}.input--with-icon.svelte-wyadax{padding-right:40px}.input.svelte-wyadax::placeholder{color:var(--color-primary-dark-alpha)}.input.svelte-wyadax:focus{outline:none}.input.svelte-wyadax:focus-visible{box-shadow:var(--focus-shadow)}.input.svelte-wyadax:disabled{background-color:var(--color-gray-light);cursor:not-allowed;opacity:.7}.input.svelte-wyadax:read-only{background-color:var(--color-gray-light)}.input-group--error.svelte-wyadax .input:where(.svelte-wyadax){border-color:var(--color-error)}.input-group--error.svelte-wyadax .input:where(.svelte-wyadax):focus-visible{box-shadow:var(--focus-shadow-error)}.input-icon.svelte-wyadax{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-gray);pointer-events:none;width:20px;height:20px}.input-icon--clickable.svelte-wyadax{pointer-events:auto;cursor:pointer;background:none;border:none;padding:0;transition:color var(--transition-base)}.input-icon--clickable.svelte-wyadax:focus{outline:none}.input-icon--clickable.svelte-wyadax:hover{color:var(--color-primary-dark)}.input-icon--clickable.svelte-wyadax:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}.input-icon.svelte-wyadax svg:where(.svelte-wyadax){width:100%;height:100%}.input-error.svelte-wyadax{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.input-hint.svelte-wyadax{font-size:var(--font-size-sm);color:var(--color-text);margin-top:var(--spacing-xs)}textarea.input.svelte-wyadax{min-height:100px;resize:vertical}.input-group--transparent.svelte-wyadax{max-width:none;gap:var(--spacing-xs)}.input-label--transparent.svelte-wyadax{font-weight:var(--font-weight-medium);color:var(--color-primary-dark);font-size:var(--font-size-base)}.input-row.svelte-wyadax{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray-light);padding-bottom:var(--spacing-md);transition:border-color var(--transition-base)}.input-group--transparent.input-group--error.svelte-wyadax .input-row:where(.svelte-wyadax){border-bottom-color:var(--color-error)}.input--transparent.svelte-wyadax{flex:1;background:transparent;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-dim-gray)}.input--transparent.svelte-wyadax:focus,.input--transparent.svelte-wyadax:focus-visible{outline:none;box-shadow:none}.input-group--transparent.input-group--error.svelte-wyadax .input--transparent:where(.svelte-wyadax):focus-visible{box-shadow:none}.input--transparent.svelte-wyadax::placeholder{color:var(--color-gray)}.input-save.svelte-wyadax{background:none;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray);cursor:not-allowed;padding:0;margin-left:var(--spacing-md);transition:color var(--transition-base);white-space:nowrap}.input-save--active.svelte-wyadax{color:var(--color-primary);cursor:pointer}.input-save--active.svelte-wyadax:hover{color:var(--color-primary-dark)}.input-save--loading.svelte-wyadax{cursor:wait}.input-save__spinner.svelte-wyadax{display:inline-block;width:14px;height:14px;border:2px solid var(--color-platinum);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-wyadax-spin .8s linear infinite}@keyframes svelte-wyadax-spin{to{transform:rotate(360deg)}}.input-row.svelte-wyadax .input-icon:where(.svelte-wyadax){position:static;transform:none;margin-left:var(--spacing-sm);flex-shrink:0}
