1/*
2 * Copyright 2017 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
6
7.ax-breadcrumbs-ignored-node {
8    font-style: italic;
9    opacity: 0.7;
10}
11
12.ax-breadcrumbs {
13    padding-top: 1px;
14    margin: 0;
15    position: relative;
16}
17
18.ax-breadcrumbs .ax-node {
19    align-items: center;
20    margin-top: 1px;
21    min-height: 16px;
22    overflow-x: hidden;
23    padding-left: 4px;
24    padding-right: 4px;
25    padding-top: 1px;
26    position: relative;
27    text-overflow: ellipsis;
28    white-space: nowrap;
29}
30
31.ax-breadcrumbs .ax-node span {
32    flex-shrink: 0;
33    text-overflow: ellipsis;
34    white-space: nowrap;
35}
36
37.ax-breadcrumbs .ax-node .wrapper {
38    padding-left: 12px;
39    overflow-x: hidden;
40}
41
42.ax-breadcrumbs .ax-node::before {
43    -webkit-mask-image: url(Images/chevrons.svg);
44    -webkit-mask-position: 0 0;
45    -webkit-mask-size: 30px 10px;
46    -webkit-mask-repeat: no-repeat;
47    background-color: rgb(48, 57, 66);
48    content: "";
49    text-shadow: none;
50    margin-right: -2px;
51    height: 12px;
52    width: 14px;
53    position: absolute;
54    display: inline-block;
55}
56
57.ax-breadcrumbs .ax-node:not(.parent):not(.children-unloaded)::before {
58    background-color: transparent;
59}
60
61.ax-breadcrumbs .ax-node.parent::before {
62    -webkit-mask-position: -20px 1px;
63}
64
65.ax-breadcrumbs .ax-node.children-unloaded::before {
66    -webkit-mask-position: 0px 1px;
67    width: 13px;
68}
69
70.ax-breadcrumbs .ax-node.no-dom-node {
71    opacity: 0.7;
72}
73
74.ax-breadcrumbs .ax-node.children-unloaded::before {
75    opacity: 0.4;
76}
77
78.ax-breadcrumbs .ax-node.preselected:not(.inspected) .selection,
79.ax-breadcrumbs .ax-node.hovered:not(.inspected) .selection {
80    display: block;
81    left: 2px;
82    right: 2px;
83    background-color: var(--item-hover-color);
84    border-radius: 5px;
85}
86
87.ax-breadcrumbs .ax-node.preselected:not(.inspected):focus .selection {
88    border: 1px solid rgba(56, 121, 217, 0.4);
89}
90
91.ax-breadcrumbs .ax-node .selection {
92    display: none;
93    z-index: -1;
94}
95
96.ax-breadcrumbs .ax-node.inspected .selection {
97    display: block;
98    background-color: #ddd;
99}
100
101.ax-breadcrumbs .ax-node.inspected:focus .selection {
102    background-color: var(--selection-bg-color);
103}
104
105.ax-breadcrumbs .ax-node.parent.inspected:focus::before {
106    background-color: white;
107}
108
109.ax-breadcrumbs .ax-node.inspected:focus {
110    color: white;
111}
112
113.ax-breadcrumbs .ax-node.inspected:focus * {
114    color: inherit;
115}
116
117@media (forced-colors: active) {
118    .ax-value-source-unused,
119    .ax-breadcrumbs .ax-node.children-unloaded::before {
120        opacity: 1;
121    }
122    .ax-breadcrumbs .ax-node.parent::before,
123    .ax-breadcrumbs .ax-node.children-unloaded::before {
124        forced-color-adjust: none;
125        background-color: ButtonText;
126    }
127    .ax-breadcrumbs .ax-node.parent.inspected:focus::before,
128    .ax-breadcrumbs .ax-node.parent.inspected::before {
129        background-color: HighlightText;
130    }
131    .ax-breadcrumbs .ax-node.inspected .selection {
132        forced-color-adjust: none;
133        background: Highlight !important;
134    }
135    .ax-breadcrumbs .ax-node.inspected .wrapper {
136        forced-color-adjust: none;
137        color: HighlightText;
138    }
139    .ax-breadcrumbs .ax-node.preselected:not(.inspected) .selection,
140    .ax-breadcrumbs .ax-node.hovered:not(.inspected) .selection,
141    .ax-breadcrumbs .ax-node.hovered:not(.inspected) .wrapper,
142    .ax-breadcrumbs .ax-node[data-keyboard-focus="true"]:focus:not(.inspected) .wrapper {
143        forced-color-adjust: none;
144        background-color: Highlight;
145        color: HighlightText;
146        border-radius: 0;
147    }
148    .ax-breadcrumbs .ax-node.parent.hovered:not(.inspected)::before,
149    .ax-breadcrumbs .ax-node.parent[data-keyboard-focus="true"]:focus:not(.inspected)::before,
150    .ax-breadcrumbs .ax-node.children-unloaded[data-keyboard-focus="true"]:focus:not(.inspected)::before,
151    .ax-breadcrumbs .ax-node.hovered:not(.inspected).children-unloaded::before {
152        background-color: HighlightText;
153    }
154}
155