zitadel

1
.inputwrapper {
2
  display: flex;
3
  flex-direction: column;
4
}
5

6
.label {
7
  font-size: 14px;
8
  margin-bottom: 2px;
9
}
10

11
.input {
12
  box-sizing: border-box;
13
  padding-inline-start: 10px;
14
  outline: none;
15
  display: inline-block;
16
  text-align: start;
17
  cursor: text;
18
  transform: all 0.2 linear;
19
  font-size: 1rem;
20
  border: none;
21
  border: 1px solid var(--input-border);
22
  background-color: var(--input-background);
23
  border-radius: 4px;
24
  height: 40px;
25
  padding: 10px;
26
  max-width: 400px;
27
  transition: border-color 0.15s ease-in-out,
28
    background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
29
    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
30
  width: 100%;
31
  color: var(--ifm-font-color-base);
32
  margin-bottom: 2px;
33
}
34

35
input:hover {
36
  border-color: var(--input-hover-border);
37
}
38

39
input:active,
40
input:focus {
41
  border-color: var(--ifm-color-primary);
42
}
43