1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
$dark: #1a101a
$ac-dark: #452273
$light: rgb(255, 116, 227)
$ac-light: rgb(217, 99, 193)
body
background-color: $dark
margin: 0px
p, h1, h2, h3, h4, h5, h6, input, button, label, li, span
color: white
h1
font-size: xx-large
.status
background-color: black
padding: 1em
margin: 0px
text-align: center
box-shadow: 0px 0px 10px 0px black
&.level-error
color: #ff0000
&.level-success
color: #00ff00
&.level-warn
color: #ffe600
section.info
margin: 5em
section.submit
margin: 5em
section.engine-select
margin: 10%
ul
list-style: none
display: flex
flex-direction: row
flex-wrap: wrap
padding: 0
li
background-color: black
border-radius: 0.5em
padding: 1em
margin: 0.5em
&.pinned
width: 30%
cursor: pointer
transition: background-color 0.1s ease-out
&:hover
background-color: $ac-dark
div#engine-select-manual
position: relative
display: block
left: 1em
label
display: block
ul.dropdown
position: absolute
display: none
margin: 0
padding: 0
background-color: $dark
background-color: black
border: 0.15em solid $light
border-top: 0
border-radius: 0.5em
cursor: pointer
li
padding: 1em
margin: 0
background-color: #000
&:hover
background-color: $ac-dark
p
margin: 0
&.name
color: white
&.bang
color: gray
font-size: small
section.search
width: 100vw
height: 50vh
display: flex
flex-direction: column
place-content: center
align-items: center
font-size: large
font-weight: 500
input, button
border-radius: 0.5em
padding: 0.5em
input
width: 25em
max-width: 40vw
border: 0.15em solid $light
background-color: rgba(0, 0, 0, 0.3)
outline: none
transition: background-color 0.2s ease-out, border-color 0.2s ease-out
&:focus
background-color: rgba(0, 0, 0, 0.5)
border-color: $ac-light
button
margin-left: 1em
color: white
background-color: $light
backdrop-filter: blur(5px)
border: 0
cursor: pointer
transition: background-color 0.2s
&:hover
background-color: $ac-light
label
margin-right: 1em
a
color: $light
transition: color 0.2s
&:hover
color: $ac-light
|
