.Input{width:100%;background-color:rgb(var(--white));border-radius:1rem;.labelContainer{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;.label{font-size:2rem;line-height:2.5rem;font-weight:500}.label,.optionalTagName{text-transform:capitalize}.optionalTagName{font-size:1.6rem;line-height:2.2rem;color:rgba(var(--black),.5);font-style:italic}}.labelSubContainer{margin-bottom:.25rem}.inputSubLabel{margin-bottom:.75rem}.field{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:.25rem solid rgba(var(--black),.05);border-radius:1rem;&:hover{border:.25rem solid rgba(var(--primary),.25)}&:focus-within{border:.25rem solid rgba(var(--primary),1)}.leftIcon,.rightIcon{min-height:4.5rem;min-width:4.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;&:hover{background-color:rgba(var(--black),.05)}}.leftIcon>img,.rightIcon>img{width:2.5rem}.input{width:100%;font-size:2rem;line-height:2rem;font-weight:400;border:none;outline:none;border-radius:1rem;padding-top:2.5rem;padding-bottom:2.5rem;&:disabled{cursor:not-allowed!important;opacity:.4;background-color:transparent}::placeholder{color:rgba(var(--black),.5)}}}.errorField{border:.25rem solid rgb(var(--error))!important}.error{color:rgb(var(--error));margin-top:.5rem}}.disabled{cursor:not-allowed!important;opacity:.5}