.has-error .pp-input,.is-invalid .pp-input{--input-border-color:var(--red-500);--input-hover-border-color:var(--red-600);--input-focus-border-color:var(--red-500);--input-focus-hover-border-color:var(--red-600);--input-shadow-color:var(--red-a20);--input-color:var(--pp-main-10);--input-placeholder-color:var(--pp-main-7)}.pp-input{--input-border-color:var(--pp-main-5);--input-hover-border-color:var(--pp-main-6);--input-focus-border-color:var(--pp-orange-500);--input-focus-hover-border-color:var(--pp-orange-600);--input-shadow-color:var(--pp-orange-a20);--input-color:var(--pp-main-10);--input-placeholder-color:var(--pp-main-7);background-color:var(--pp-bg-input);border:1px solid var(--input-border-color);border-radius:var(--pp-border-radius);display:flex;overflow:hidden}.pp-input:hover{border:1px solid var(--input-hover-border-color)}.pp-input:focus-within{border:1px solid var(--input-focus-border-color);box-shadow:0 0 0 3px var(--input-shadow-color);transition:box-shadow .3s ease-in-out}.pp-input:focus-within:hover{border:1px solid var(--input-focus-hover-border-color)}.pp-input>input{background-color:inherit;border:0;color:var(--input-color);flex:1 1 auto;outline:none;overflow:hidden;padding:var(--input-padding);width:100%}.pp-input>input::-moz-placeholder{color:var(--input-placeholder-color)}.pp-input>input::placeholder{color:var(--input-placeholder-color)}.pp-input>input:-webkit-autofill,.pp-input>input:-webkit-autofill:active,.pp-input>input:-webkit-autofill:focus,.pp-input>input:-webkit-autofill:hover{box-shadow:0 0 0 calc(var(--input-icon-size)*2) var(--pp-bg-input) inset!important;-webkit-text-fill-color:var(--input-color)!important}.pp-input .pp-input-end-icon,.pp-input .pp-input-front-icon{align-items:center;background-color:inherit;color:var(--input-placeholder-color);display:flex;flex:0 0 auto;justify-content:center}.pp-input .pp-input-end-icon.clickable,.pp-input .pp-input-front-icon.clickable{cursor:pointer}.pp-input .pp-input-end-icon>i.icon,.pp-input .pp-input-front-icon>i.icon{font-size:var(--icon-size);pointer-events:none}.pp-input .pp-input-end-icon>.text,.pp-input .pp-input-front-icon>.text{word-break:keep-all}.pp-input .pp-input-end-icon>.image,.pp-input .pp-input-front-icon>.image{height:var(--input-image-size);max-width:calc(var(--input-image-size)/.63);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.pp-input .pp-input-front-icon{padding:var(--input-front-icon-padding)}.pp-input .pp-input-end-icon{padding:var(--input-end-icon-padding)}.pp-input .pp-input-end-icon.clearable+.pp-input-end-icon{display:none}.pp-input.pp-input-round{border-radius:10rem}.pp-input.disabled{--input-border-color:var(--pp-main-4);--input-hover-border-color:var(--pp-main-4);--input-focus-border-color:var(--pp-main-4);--input-focus-hover-border-color:var(--pp-main-4);--input-shadow-color:transparent;--input-color:var(--pp-primary-a40);--input-placeholder-color:var(--pp-primary-a40);background-color:var(--pp-bg-input-disable);cursor:not-allowed}.pp-input.disabled>input{background-color:inherit;cursor:not-allowed}.pp-input.disabled .pp-input-end-icon,.pp-input.disabled .pp-input-front-icon{background-color:inherit}.pp-input.pp-input-md{--input-padding:6px 12px;--input-front-icon-padding:6px 0 6px 12px;--input-end-icon-padding:6px 12px 6px 0;--input-icon-size:16px;--input-image-size:20px}.pp-input.pp-input-md>input{font-size:14px;font-weight:400;line-height:1.43}.pp-input.pp-input-md>input::-moz-placeholder{font-size:14px;font-weight:400;line-height:1.43}.pp-input.pp-input-md>input::placeholder{font-size:14px;font-weight:400;line-height:1.43}.pp-input.pp-input-md .pp-input-end-icon,.pp-input.pp-input-md .pp-input-front-icon{font-size:14px;font-weight:400;line-height:1.43}.pp-input.pp-input-md .pp-input-front-icon+input{--input-padding:6px 12px 6px 6px}.pp-input.pp-input-lg{--input-padding:8px 16px;--input-front-icon-padding:8px 0 8px 16px;--input-end-icon-padding:8px 16px 8px 0;--input-icon-size:20px;--input-image-size:24px}.pp-input.pp-input-lg>input{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-lg>input::-moz-placeholder{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-lg>input::placeholder{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-lg .pp-input-end-icon,.pp-input.pp-input-lg .pp-input-front-icon{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-lg .pp-input-front-icon+input{--input-padding:8px 16px 8px 8px}.pp-input.pp-input-xlg{--input-padding:12px 16px;--input-front-icon-padding:12px 0 12px 16px;--input-end-icon-padding:12px 16px 12px 0;--input-icon-size:20px;--input-image-size:24px}.pp-input.pp-input-xlg>input{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-xlg>input::-moz-placeholder{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-xlg>input::placeholder{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-xlg .pp-input-end-icon,.pp-input.pp-input-xlg .pp-input-front-icon{font-size:16px;font-weight:400;line-height:1.5}.pp-input.pp-input-xlg .pp-input-front-icon+input{--input-padding:12px 16px 12px 8px}