pixies

1@use "@/common/styles/colors" as *
2
3$purple: #8b5cf6
4
5.info-container
6  display: flex
7  flex-direction: column
8  gap: 1.75rem
9  justify-content: center
10  width: 100%
11
12.test-container
13  display: flex
14  justify-content: space-between
15  align-items: center
16  gap: 0.75rem
17
18.test-container svg
19  width: 2.5rem
20  height: 2.5rem
21  flex-shrink: 0
22
23.test-container .test-info
24  min-width: 0
25
26.test-container .test-info h2
27  color: $white
28  margin: 0
29  font-size: 1rem
30  font-weight: 600
31  overflow: hidden
32  text-overflow: ellipsis
33  white-space: nowrap
34
35.test-container .test-info p
36  margin: 0
37  font-weight: 600
38  font-size: 1.1rem
39  display: flex
40  align-items: center
41
42.test-container .test-info p .jitter-value
43  font-size: 0.9rem
44  font-weight: 500
45  color: $subtext
46  padding-left: 0.35rem
47  margin-left: 0.35rem
48  border-left: 2px solid $light-gray
49  opacity: 0.7
50  display: inline-flex
51  align-items: center
52  gap: 0.2rem
53
54  .jitter-icon
55    width: 0.8rem
56    height: 0.8rem