1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-menu-btn {
|
15 | display: inline-block;
|
16 | box-shadow: none; }
|
17 | .next-menu-btn-spacing-tb {
|
18 | padding: 0px 0;
|
19 | padding: var(--popup-spacing-tb, 0px) 0; }
|
20 | .next-menu-btn .next-icon {
|
21 | transition: transform 100ms linear;
|
22 | transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
23 | .next-menu-btn .next-menu-btn-arrow::before {
|
24 | content: "";
|
25 | content: var(--menu-btn-fold-icon-content, ""); }
|
26 | .next-menu-btn.next-expand .next-menu-btn-arrow {
|
27 | transform: rotate(180deg); }
|
28 | .next-menu-btn-symbol-unfold::before {
|
29 | content: "";
|
30 | content: var(--menu-btn-unfold-icon-content, ""); }
|
31 | .next-menu-btn.next-btn-normal .next-menu-btn-arrow {
|
32 | color: #999999;
|
33 | color: var(--menu-btn-pure-text-normal-icon-color, #999999); }
|
34 | .next-menu-btn.next-btn-normal:hover .next-menu-btn-arrow {
|
35 | color: #333333;
|
36 | color: var(--btn-pure-normal-color-hover, #333333); }
|
37 | .next-menu-btn.next-btn-secondary .next-menu-btn-arrow {
|
38 | color: #5584FF;
|
39 | color: var(--menu-btn-pure-text-secondary-icon-color, #5584FF); }
|
40 | .next-menu-btn.next-btn-secondary:hover .next-menu-btn-arrow {
|
41 | color: #FFFFFF;
|
42 | color: var(--btn-pure-secondary-color-hover, #FFFFFF); }
|
43 | .next-menu-btn.next-btn-secondary.next-btn-text:hover .next-menu-btn-arrow {
|
44 | color: #5584FF;
|
45 | color: var(--btn-text-secondary-color-hover, #5584FF); }
|
46 | .next-menu-btn.next-btn-primary .next-menu-btn-arrow {
|
47 | color: #FFFFFF;
|
48 | color: var(--menu-btn-pure-text-primary-icon-color, #FFFFFF); }
|
49 | .next-menu-btn.next-btn-primary:hover .next-menu-btn-arrow {
|
50 | color: #FFFFFF;
|
51 | color: var(--btn-pure-primary-color-hover, #FFFFFF); }
|
52 | .next-menu-btn.next-btn-text.next-btn-normal .next-menu-btn-arrow {
|
53 | color: #333333;
|
54 | color: var(--menu-btn-text-text-normal-icon-color, #333333); }
|
55 | .next-menu-btn.next-btn-text.next-btn-normal:hover .next-menu-btn-arrow {
|
56 | color: #5584FF;
|
57 | color: var(--btn-text-normal-color-hover, #5584FF); }
|
58 | .next-menu-btn.next-btn-text.next-btn-primary .next-menu-btn-arrow {
|
59 | color: #5584FF;
|
60 | color: var(--menu-btn-text-text-primary-icon-color, #5584FF); }
|
61 | .next-menu-btn.next-btn-text.next-btn-primary:hover .next-menu-btn-arrow {
|
62 | color: #3E71F7;
|
63 | color: var(--btn-text-primary-color-hover, #3E71F7); }
|
64 | .next-menu-btn.next-btn-ghost.next-btn-light .next-menu-btn-arrow {
|
65 | color: #333333;
|
66 | color: var(--menu-btn-ghost-light-icon-color, #333333); }
|
67 | .next-menu-btn.next-btn-ghost.next-btn-light:hover .next-menu-btn-arrow {
|
68 | color: #999999;
|
69 | color: var(--btn-ghost-light-color-hover, #999999); }
|
70 | .next-menu-btn.next-btn-ghost.next-btn-dark .next-menu-btn-arrow {
|
71 | color: #FFFFFF;
|
72 | color: var(--menu-btn-ghost-dark-icon-color, #FFFFFF); }
|
73 | .next-menu-btn.next-btn-ghost.next-btn-dark:hover .next-menu-btn-arrow {
|
74 | color: #FFFFFF;
|
75 | color: var(--btn-ghost-dark-color-hover, #FFFFFF); }
|
76 | .next-menu-btn.disabled .next-menu-btn-arrow,
|
77 | .next-menu-btn[disabled] .next-menu-btn-arrow {
|
78 | color: #CCCCCC;
|
79 | color: var(--menu-btn-disabled-icon-color, #CCCCCC); }
|
80 | .next-menu-btn.next-btn-text.disabled .next-menu-btn-arrow,
|
81 | .next-menu-btn.next-btn-text[disabled] .next-menu-btn-arrow {
|
82 | color: #CCCCCC;
|
83 | color: var(--menu-btn-disabled-icon-color, #CCCCCC); }
|
84 | .next-menu-btn[disabled].next-btn-ghost.next-btn-dark .next-menu-btn-arrow {
|
85 | color: rgba(255, 255, 255, 0.4);
|
86 | color: var(--menu-btn-ghost-dark-disabled-icon-color, rgba(255, 255, 255, 0.4)); }
|
87 | .next-menu-btn[disabled].next-btn-ghost.next-btn-light .next-menu-btn-arrow {
|
88 | color: rgba(0, 0, 0, 0.1);
|
89 | color: var(--menu-btn-ghost-light-disabled-icon-color, rgba(0, 0, 0, 0.1)); }
|