pixies

1@use "@/common/styles/_colors" as *
2@use "@/common/contexts/Dialog/styles"
3
4.route-error-page
5  display: flex
6  flex-direction: column
7  justify-content: center
8  align-items: center
9  min-height: calc(100vh - 5rem)
10  padding: 2rem
11  text-align: center
12  color: $white
13
14.route-error-content
15  display: flex
16  flex-direction: column
17  align-items: center
18  gap: 1rem
19  max-width: 500px
20
21.route-error-icon
22  width: 100px
23  height: 100px
24  border-radius: 50%
25  background: $dark-gray
26  display: flex
27  align-items: center
28  justify-content: center
29  margin-bottom: 1rem
30
31  svg
32    color: $red
33
34.route-error-title
35  font-size: 3rem
36  font-weight: 700
37  margin: 0
38  color: $white
39  line-height: 1
40
41.route-error-subtitle
42  font-size: 1.5rem
43  font-weight: 600
44  margin: 0
45  color: $white
46
47.route-error-description
48  font-size: 1rem
49  color: $subtext
50  margin: 0.5rem 0 1rem 0
51  line-height: 1.5
52
53.route-error-details
54  background: $darker-gray
55  border: 1px solid $light-gray
56  border-radius: 0.5rem
57  padding: 1rem
58  font-size: 0.875rem
59  color: $red
60  max-width: 100%
61  overflow-x: auto
62  margin: 0.5rem 0 1rem 0
63  white-space: pre-wrap
64  word-break: break-word
65
66.route-error-actions
67  display: flex
68  gap: 1rem
69  flex-wrap: wrap
70  justify-content: center
71