| 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
 | | .t-float-left { |  |   float: left; |  | } |  | .t-float-right { |  |   float: right; |  | } |  | @keyframes tdesign-fade-out { |  |   from { |  |     opacity: 1; |  |   } |  |   to { |  |     opacity: 0; |  |   } |  | } |  | .hotspot-expanded.relative { |  |   position: relative; |  | } |  | .hotspot-expanded::after { |  |   content: ''; |  |   display: block; |  |   position: absolute; |  |   left: 0; |  |   top: 0; |  |   right: 0; |  |   bottom: 0; |  |   transform: scale(1.5); |  | } |  | :host { |  |   display: flex; |  | } |  | .t-step--vertical { |  |   padding-right: 32rpx; |  | } |  | .t-steps { |  |   display: flex; |  |   width: 100%; |  | } |  | .t-steps--vertical { |  |   flex-direction: column; |  | } |  | .t-steps--reverse { |  |   flex-direction: row-reverse; |  | } |  | .t-steps--vertical.t-steps--reverse { |  |   flex-direction: column-reverse; |  | } | 
 |