.ids-pure-input-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.ids-pure-input-field input::-webkit-inner-spin-button,.ids-pure-input-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ids-pure-input-field input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.ids-pure-input-field{display:flex;justify-content:flex-start;align-items:center;color:#353039;background-color:transparent;border:1px solid #b870cc}.ids-pure-input-field .ids-pure-input-field--before{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#5d5665}.ids-pure-input-field .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field .ids-pure-input-field--after{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;color:#5d5665}.ids-pure-input-field .ids-pure-input-field--after svg{fill:#353039;opacity:.5}.ids-pure-input-field>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;width:100%;outline:none;box-shadow:none}.ids-pure-input-field input::placeholder{color:#5d5665}.ids-pure-input-field:has(input:active),.ids-pure-input-field:has(input[data-selected=true]){color:#353039;background-color:#fdf5ff;border-color:#9d4cb4}.ids-pure-input-field:has(input:active) .ids-pure-input-field--before,.ids-pure-input-field:has(input[data-selected=true]) .ids-pure-input-field--before{color:#5d5665}.ids-pure-input-field:has(input:active) .ids-pure-input-field--before svg,.ids-pure-input-field:has(input[data-selected=true]) .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field:has(input:active) .ids-pure-input-field--after,.ids-pure-input-field:has(input[data-selected=true]) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input:active) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input[data-selected=true]) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input:focus),.ids-pure-input-field:has(input:focus-visible),.ids-pure-input-field:has(input:hover){color:#353039;background-color:#fae5ff;border-color:#854199}.ids-pure-input-field:has(input:focus) .ids-pure-input-field--before,.ids-pure-input-field:has(input:focus-visible) .ids-pure-input-field--before,.ids-pure-input-field:has(input:hover) .ids-pure-input-field--before{color:#5d5665}.ids-pure-input-field:has(input:focus) .ids-pure-input-field--before svg,.ids-pure-input-field:has(input:focus-visible) .ids-pure-input-field--before svg,.ids-pure-input-field:has(input:hover) .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field:has(input:focus) .ids-pure-input-field--after,.ids-pure-input-field:has(input:focus-visible) .ids-pure-input-field--after,.ids-pure-input-field:has(input:hover) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input:focus) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input:focus-visible) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input:hover) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input:focus),.ids-pure-input-field:has(input:focus-visible){outline:1px auto #854199;outline-offset:2px}.ids-pure-input-field:has(input[data-valid]),.ids-pure-input-field:has(input[data-validation=browser]:valid){color:#353039;border-color:#318c4f;outline-color:#318c4f}.ids-pure-input-field:has(input[data-valid]) .ids-pure-input-field--before,.ids-pure-input-field:has(input[data-validation=browser]:valid) .ids-pure-input-field--before{color:#5d5665}.ids-pure-input-field:has(input[data-valid]) .ids-pure-input-field--before svg,.ids-pure-input-field:has(input[data-validation=browser]:valid) .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field:has(input[data-valid]) .ids-pure-input-field--after,.ids-pure-input-field:has(input[data-validation=browser]:valid) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input[data-valid]) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input[data-validation=browser]:valid) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input[data-error]),.ids-pure-input-field:has(input[data-validation=browser]:invalid){color:#353039;border-color:#de1c22;outline-color:#de1c22}.ids-pure-input-field:has(input[data-error]) .input-field--before,.ids-pure-input-field:has(input[data-validation=browser]:invalid) .input-field--before{color:#5d5665}.ids-pure-input-field:has(input[data-error]) .input-field--before svg,.ids-pure-input-field:has(input[data-validation=browser]:invalid) .input-field--before svg{fill:#353039}.ids-pure-input-field:has(input[data-error]) .ids-pure-input-field--after,.ids-pure-input-field:has(input[data-validation=browser]:invalid) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input[data-error]) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input[data-validation=browser]:invalid) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input:-moz-read-only){color:#353039;background-color:transparent;border-color:#fae5ff}.ids-pure-input-field:has(input:read-only){color:#353039;background-color:transparent;border-color:#fae5ff}.ids-pure-input-field:has(input:-moz-read-only):focus,.ids-pure-input-field:has(input:-moz-read-only):focus-visible,.ids-pure-input-field:has(input:-moz-read-only):hover{background-color:#fdf5ff}.ids-pure-input-field:has(input:read-only):focus,.ids-pure-input-field:has(input:read-only):focus-visible,.ids-pure-input-field:has(input:read-only):hover{background-color:#fdf5ff}.ids-pure-input-field:has(input:-moz-read-only) .ids-pure-input-field--before{color:#5d5665}.ids-pure-input-field:has(input:read-only) .ids-pure-input-field--before{color:#5d5665}.ids-pure-input-field:has(input:-moz-read-only) .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field:has(input:read-only) .ids-pure-input-field--before svg{fill:#353039}.ids-pure-input-field:has(input:-moz-read-only) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input:read-only) .ids-pure-input-field--after{color:#5d5665}.ids-pure-input-field:has(input:-moz-read-only) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input:read-only) .ids-pure-input-field--after svg{fill:#353039}.ids-pure-input-field:has(input:disabled),.ids-pure-input-field:has(input[disabled]){color:#71687b;background-color:transparent;border-color:#fae5ff;pointer-events:none}.ids-pure-input-field:has(input:disabled) .ids-pure-input-field--before,.ids-pure-input-field:has(input[disabled]) .ids-pure-input-field--before{color:#71687b}.ids-pure-input-field:has(input:disabled) .ids-pure-input-field--before svg,.ids-pure-input-field:has(input[disabled]) .ids-pure-input-field--before svg{fill:#71687b}.ids-pure-input-field:has(input:disabled) .ids-clear-action-button svg,.ids-pure-input-field:has(input[disabled]) .ids-clear-action-button svg{fill:#71687b}.ids-pure-input-field:has(input:disabled) .ids-pure-input-field--after,.ids-pure-input-field:has(input[disabled]) .ids-pure-input-field--after{color:#71687b}.ids-pure-input-field:has(input:disabled) .ids-pure-input-field--after svg,.ids-pure-input-field:has(input[disabled]) .ids-pure-input-field--after svg{fill:#71687b}.ids-pure-input-field:has(input:disabled) input::placeholder,.ids-pure-input-field:has(input[disabled]) input::placeholder{color:inherit}.ids-pure-input-field--small{gap:0;border-radius:0;padding:8px}.ids-pure-input-field--small .ids-pure-input-field--before{padding:0 8px 0 0}.ids-pure-input-field--small:not(:has(.ids-pure-input-field--before)) input{padding-left:8px}.ids-pure-input-field--small .ids-pure-input-field--after{padding:0 8px}.ids-pure-input-field--small:not(:has(.ids-pure-input-field--after,.ids-clear-action-button)) input{padding-right:8px}.ids-pure-input-field--medium{gap:0;border-radius:0;padding:8px}.ids-pure-input-field--medium .ids-pure-input-field--before{padding:0 8px 0 0}.ids-pure-input-field--medium:not(:has(.ids-pure-input-field--before)) input{padding-left:8px}.ids-pure-input-field--medium .ids-pure-input-field--after{padding:0 8px}.ids-pure-input-field--medium:not(:has(.ids-pure-input-field--after,.ids-clear-action-button)) input{padding-right:8px}