packages/forkhorse-gatekeeper/app/configurator.css

1@import "../../forkhorse-dashboard/src/styles.css";
2body {
3  padding: calc(var(--spacing) * 5);
4}
5h1 {
6  font-size: var(--text-lg);
7  margin-top: 0;
8}
9form {
10  display: grid;
11  gap: calc(var(--spacing) * 4);
12  max-width: 38rem;
13}
14label {
15  display: grid;
16  gap: calc(var(--spacing) * 2);
17}
18input,
19button {
20  font: inherit;
21  padding: calc(var(--spacing) * 2.5);
22  border: 1px solid var(--color-kumo-ring);
23  border-radius: var(--radius-lg);
24}
25button {
26  width: fit-content;
27  cursor: pointer;
28  background: var(--color-kumo-control);
29  color: var(--text-color-kumo-default);
30}
31button:disabled {
32  opacity: 0.6;
33  cursor: not-allowed;
34}
35input:focus-visible,
36button:focus-visible {
37  outline: 2px solid var(--color-kumo-focus);
38}
39[role="status"] {
40  min-height: calc(var(--spacing) * 12);
41}
42