trimble-terra 1.1.17 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MegaMenuCategory.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/MegaMenuCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MegaMenuCategory.d.ts","sourceRoot":"","sources":["../../../../src/navigation/SiteNav/MegaMenuCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,UAAU,OAAO;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,mBAAmB,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;CAC5D;AAED,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,yBAAyB,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,0SAkBxB,qBAAqB,6CAwRzB,CAAC"}
|
|
@@ -1,65 +1,82 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { TerraLink as
|
|
4
|
-
import { SiteNavigationPromo as
|
|
5
|
-
import { Icon as
|
|
6
|
-
const
|
|
1
|
+
import { jsxs as e, Fragment as B, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import R, { useRef as g, useState as G, useCallback as y, useEffect as J, useLayoutEffect as Q } from "react";
|
|
3
|
+
import { TerraLink as m } from "../../component/TerraLink/TerraLink.js";
|
|
4
|
+
import { SiteNavigationPromo as U } from "./SiteNavPromo.js";
|
|
5
|
+
import { Icon as x } from "@trimble-creative-strategy/trimble-mxp-icons";
|
|
6
|
+
const M = R.memo(
|
|
7
7
|
({
|
|
8
|
-
contentfulId:
|
|
9
|
-
links:
|
|
10
|
-
categoryLink:
|
|
8
|
+
contentfulId: b,
|
|
9
|
+
links: f,
|
|
10
|
+
categoryLink: _,
|
|
11
11
|
navCategoryPromo: h,
|
|
12
|
-
isSubCategoryOpen:
|
|
13
|
-
setIsSubCategoryOpen:
|
|
14
|
-
navMinHeight:
|
|
15
|
-
LinkComponent:
|
|
16
|
-
displayLineStyle:
|
|
17
|
-
currentOpenMegaMenu:
|
|
12
|
+
isSubCategoryOpen: z,
|
|
13
|
+
setIsSubCategoryOpen: s,
|
|
14
|
+
navMinHeight: u,
|
|
15
|
+
LinkComponent: d,
|
|
16
|
+
displayLineStyle: W,
|
|
17
|
+
currentOpenMegaMenu: j,
|
|
18
18
|
currentOpenSubCategory: t,
|
|
19
|
-
setCurrentOpenSubCategory:
|
|
20
|
-
mouse:
|
|
21
|
-
hasNavPromo:
|
|
22
|
-
setHasNavPromo:
|
|
23
|
-
closeAllMenus:
|
|
19
|
+
setCurrentOpenSubCategory: a,
|
|
20
|
+
mouse: $,
|
|
21
|
+
hasNavPromo: E,
|
|
22
|
+
setHasNavPromo: v,
|
|
23
|
+
closeAllMenus: o
|
|
24
24
|
}) => {
|
|
25
|
-
const
|
|
25
|
+
const F = g(null), w = g(
|
|
26
|
+
/* @__PURE__ */ new Map()
|
|
27
|
+
), [K, T] = G(null), P = y(
|
|
26
28
|
(i) => {
|
|
27
|
-
t === i ? (
|
|
29
|
+
t === i ? (a(null), s(!1)) : (a(i), s(!0));
|
|
28
30
|
},
|
|
29
|
-
[t,
|
|
30
|
-
),
|
|
31
|
-
(i,
|
|
32
|
-
|
|
31
|
+
[t, a, s]
|
|
32
|
+
), D = y(
|
|
33
|
+
(i, c) => {
|
|
34
|
+
$ === !1 && (i?.keyCode === 13 ? t === c ? (a(null), s(!1)) : (a(c), s(!0)) : i.keyCode === 27 && (a(null), s(!1)));
|
|
33
35
|
},
|
|
34
36
|
[
|
|
35
37
|
t,
|
|
38
|
+
a,
|
|
36
39
|
s,
|
|
37
|
-
|
|
38
|
-
p
|
|
40
|
+
$
|
|
39
41
|
]
|
|
40
|
-
),
|
|
42
|
+
), k = f?.find(
|
|
41
43
|
(i) => i?.contentfulId === t
|
|
42
44
|
);
|
|
43
|
-
|
|
44
|
-
|
|
45
|
+
J(() => {
|
|
46
|
+
k?.navSubcategoryPromo || h ? v(!0) : v(!1);
|
|
45
47
|
}, [
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
k?.navSubcategoryPromo,
|
|
49
|
+
v,
|
|
48
50
|
h
|
|
49
|
-
])
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
]), Q(() => {
|
|
52
|
+
if (!t) {
|
|
53
|
+
T(null);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const i = w.current.get(
|
|
57
|
+
t
|
|
58
|
+
);
|
|
59
|
+
if (!i)
|
|
60
|
+
return;
|
|
61
|
+
const c = Array.from(i.children).reduce(
|
|
62
|
+
(L, q) => L + q.offsetHeight,
|
|
63
|
+
0
|
|
64
|
+
), l = u - 70, p = c > l;
|
|
65
|
+
T(p ? t : null);
|
|
66
|
+
}, [t, u, f]);
|
|
67
|
+
const H = k?.navSubcategoryPromo, r = H ?? h;
|
|
68
|
+
return /* @__PURE__ */ e(B, { children: [
|
|
69
|
+
f?.map((i, c) => i?.links?.length > 0 ? /* @__PURE__ */ e(
|
|
53
70
|
"div",
|
|
54
71
|
{
|
|
55
72
|
className: "t2-site-nav-main__subcategory",
|
|
56
73
|
children: [
|
|
57
|
-
/* @__PURE__ */
|
|
74
|
+
/* @__PURE__ */ e(
|
|
58
75
|
"div",
|
|
59
76
|
{
|
|
60
|
-
onKeyDown: (
|
|
77
|
+
onKeyDown: (l) => D(l, i?.contentfulId),
|
|
61
78
|
onClick: () => {
|
|
62
|
-
|
|
79
|
+
P(i?.contentfulId);
|
|
63
80
|
},
|
|
64
81
|
tabIndex: 0,
|
|
65
82
|
className: `t2-site-nav-main__subcategory-title ${t === i?.contentfulId ? "t2-site-nav-main__subcategory-title--active" : ""}`,
|
|
@@ -67,7 +84,7 @@ const Q = $.memo(
|
|
|
67
84
|
/* @__PURE__ */ n("span", { children: i?.text || i?.title }),
|
|
68
85
|
" ",
|
|
69
86
|
i?.links?.length > 0 && /* @__PURE__ */ n(
|
|
70
|
-
|
|
87
|
+
x,
|
|
71
88
|
{
|
|
72
89
|
className: "t2-site-nav-main__chevron",
|
|
73
90
|
type: "t2-icon--open-caret-right-dark-16px",
|
|
@@ -77,26 +94,33 @@ const Q = $.memo(
|
|
|
77
94
|
]
|
|
78
95
|
}
|
|
79
96
|
),
|
|
80
|
-
/* @__PURE__ */
|
|
97
|
+
/* @__PURE__ */ e(
|
|
81
98
|
"div",
|
|
82
99
|
{
|
|
100
|
+
ref: (l) => {
|
|
101
|
+
w.current.set(
|
|
102
|
+
i?.contentfulId,
|
|
103
|
+
l
|
|
104
|
+
);
|
|
105
|
+
},
|
|
83
106
|
className: `t2-site-nav-main__subcategory-wrapper
|
|
84
|
-
${t === i?.contentfulId ? "t2-site-nav-main__subcategory-wrapper--open" : ""}
|
|
107
|
+
${t === i?.contentfulId ? "t2-site-nav-main__subcategory-wrapper--open" : ""}
|
|
108
|
+
${K === i?.contentfulId ? "t2-site-nav-main__subcategory-wrapper--scrollable" : ""}`,
|
|
85
109
|
style: {
|
|
86
|
-
minHeight: t === i?.contentfulId ? `${
|
|
110
|
+
minHeight: t === i?.contentfulId ? `${u - 70}px` : "0"
|
|
87
111
|
},
|
|
88
112
|
children: [
|
|
89
|
-
i?.subCategoryLink?.url && /* @__PURE__ */ n("div", { className: "t2-site-nav-main__subcategory-item t2-site-nav-main__subcategory-item--overview", children: /* @__PURE__ */
|
|
90
|
-
|
|
113
|
+
i?.subCategoryLink?.url && /* @__PURE__ */ n("div", { className: "t2-site-nav-main__subcategory-item t2-site-nav-main__subcategory-item--overview", children: /* @__PURE__ */ e(
|
|
114
|
+
m,
|
|
91
115
|
{
|
|
92
116
|
tabIndex: t === i?.contentfulId ? 0 : -1,
|
|
93
117
|
destination: i?.subCategoryLink?.url,
|
|
94
|
-
LinkComponent:
|
|
118
|
+
LinkComponent: d,
|
|
95
119
|
linkType: "text",
|
|
96
120
|
className: "t2-site-nav-main__subcategory-category-link",
|
|
97
|
-
onClickHandler:
|
|
121
|
+
onClickHandler: o,
|
|
98
122
|
children: [
|
|
99
|
-
/* @__PURE__ */
|
|
123
|
+
/* @__PURE__ */ e(
|
|
100
124
|
"div",
|
|
101
125
|
{
|
|
102
126
|
className: "t2-site-nav-main__subcategory-item--overview-title",
|
|
@@ -104,7 +128,7 @@ const Q = $.memo(
|
|
|
104
128
|
i?.subCategoryLink?.text,
|
|
105
129
|
" ",
|
|
106
130
|
/* @__PURE__ */ n(
|
|
107
|
-
|
|
131
|
+
x,
|
|
108
132
|
{
|
|
109
133
|
className: "t2-site-nav-main__chevron",
|
|
110
134
|
type: "t2-icon--open-caret-right-dark-16px",
|
|
@@ -129,29 +153,29 @@ const Q = $.memo(
|
|
|
129
153
|
{
|
|
130
154
|
className: `t2-site-nav-main__subcategory-items ${i?.links?.length > 6 ? "t2-site-nav-main__subcategory-items--6-plus" : ""}`,
|
|
131
155
|
children: i?.links?.map(
|
|
132
|
-
(
|
|
156
|
+
(l, p) => /* @__PURE__ */ n(
|
|
133
157
|
"li",
|
|
134
158
|
{
|
|
135
159
|
className: "t2-site-nav-main__subcategory-item",
|
|
136
|
-
children: /* @__PURE__ */
|
|
137
|
-
|
|
160
|
+
children: /* @__PURE__ */ e(
|
|
161
|
+
m,
|
|
138
162
|
{
|
|
139
163
|
tabIndex: t === i?.contentfulId ? 0 : -1,
|
|
140
|
-
destination:
|
|
141
|
-
LinkComponent:
|
|
164
|
+
destination: l?.url,
|
|
165
|
+
LinkComponent: d,
|
|
142
166
|
linkType: "text",
|
|
143
167
|
className: "t2-site-nav-main__subcategory-link",
|
|
144
|
-
onClickHandler:
|
|
168
|
+
onClickHandler: o,
|
|
145
169
|
children: [
|
|
146
|
-
/* @__PURE__ */
|
|
170
|
+
/* @__PURE__ */ e(
|
|
147
171
|
"div",
|
|
148
172
|
{
|
|
149
173
|
className: "t2-site-nav-main__subcategory-item-title",
|
|
150
174
|
children: [
|
|
151
|
-
|
|
175
|
+
l?.text,
|
|
152
176
|
" ",
|
|
153
177
|
/* @__PURE__ */ n(
|
|
154
|
-
|
|
178
|
+
x,
|
|
155
179
|
{
|
|
156
180
|
className: "t2-site-nav-main__chevron",
|
|
157
181
|
type: "t2-icon--open-caret-right-dark-16px",
|
|
@@ -161,12 +185,12 @@ const Q = $.memo(
|
|
|
161
185
|
]
|
|
162
186
|
}
|
|
163
187
|
),
|
|
164
|
-
|
|
188
|
+
l?.description
|
|
165
189
|
]
|
|
166
190
|
}
|
|
167
191
|
)
|
|
168
192
|
},
|
|
169
|
-
`subcat-item-${
|
|
193
|
+
`subcat-item-${p}-${l?.contentfulId}`
|
|
170
194
|
)
|
|
171
195
|
)
|
|
172
196
|
}
|
|
@@ -177,58 +201,58 @@ const Q = $.memo(
|
|
|
177
201
|
/* @__PURE__ */ n(
|
|
178
202
|
"span",
|
|
179
203
|
{
|
|
180
|
-
className: `t2-site-nav-main__display-line ${
|
|
181
|
-
${
|
|
182
|
-
style:
|
|
204
|
+
className: `t2-site-nav-main__display-line ${E ? "" : "t2-site-nav-main__display-line--no-promo"}
|
|
205
|
+
${z ? "t2-site-nav-main__display-line--visible" : ""}`,
|
|
206
|
+
style: W
|
|
183
207
|
}
|
|
184
208
|
)
|
|
185
209
|
]
|
|
186
210
|
},
|
|
187
|
-
`subcat-${
|
|
188
|
-
) : /* @__PURE__ */ n(
|
|
211
|
+
`subcat-${c}-${b}`
|
|
212
|
+
) : /* @__PURE__ */ n(R.Fragment, { children: /* @__PURE__ */ n("div", { className: "t2-site-nav-main__subcategory", children: /* @__PURE__ */ n(
|
|
189
213
|
"div",
|
|
190
214
|
{
|
|
191
215
|
className: "t2-site-nav-main__subcategory-title t2-site-nav-main__subcategory-title--no-children",
|
|
192
216
|
children: /* @__PURE__ */ n(
|
|
193
|
-
|
|
217
|
+
m,
|
|
194
218
|
{
|
|
195
|
-
tabIndex:
|
|
219
|
+
tabIndex: j === b ? 0 : -1,
|
|
196
220
|
destination: i?.url,
|
|
197
|
-
LinkComponent:
|
|
221
|
+
LinkComponent: d,
|
|
198
222
|
linkType: "text",
|
|
199
223
|
className: "t2-site-nav-main__subcategory-category-link",
|
|
200
|
-
onClickHandler:
|
|
224
|
+
onClickHandler: o,
|
|
201
225
|
children: i?.text || i?.title
|
|
202
226
|
}
|
|
203
227
|
)
|
|
204
228
|
}
|
|
205
|
-
) }) }, `subcategory-${
|
|
206
|
-
|
|
207
|
-
|
|
229
|
+
) }) }, `subcategory-${c}`)),
|
|
230
|
+
_?.url && /* @__PURE__ */ n("div", { className: "t2-site-nav-main__category-link", children: /* @__PURE__ */ n(
|
|
231
|
+
m,
|
|
208
232
|
{
|
|
209
233
|
tabIndex: 0,
|
|
210
|
-
destination:
|
|
211
|
-
LinkComponent:
|
|
234
|
+
destination: _?.url,
|
|
235
|
+
LinkComponent: d,
|
|
212
236
|
linkType: "text",
|
|
213
|
-
onClickHandler:
|
|
214
|
-
children:
|
|
237
|
+
onClickHandler: o,
|
|
238
|
+
children: _?.text || _?.title
|
|
215
239
|
}
|
|
216
240
|
) }),
|
|
217
|
-
|
|
218
|
-
|
|
241
|
+
r && /* @__PURE__ */ n(
|
|
242
|
+
U,
|
|
219
243
|
{
|
|
220
|
-
navPromoRef:
|
|
221
|
-
image:
|
|
222
|
-
title:
|
|
223
|
-
description:
|
|
224
|
-
pageLink:
|
|
225
|
-
LinkComponent:
|
|
226
|
-
closeHandler:
|
|
244
|
+
navPromoRef: F,
|
|
245
|
+
image: r?.image,
|
|
246
|
+
title: r?.title,
|
|
247
|
+
description: r?.description,
|
|
248
|
+
pageLink: r?.pageLink,
|
|
249
|
+
LinkComponent: d,
|
|
250
|
+
closeHandler: o
|
|
227
251
|
}
|
|
228
252
|
)
|
|
229
253
|
] });
|
|
230
254
|
}
|
|
231
255
|
);
|
|
232
256
|
export {
|
|
233
|
-
|
|
257
|
+
M as MegaMenuCategory
|
|
234
258
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:6;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:7;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|
|
1
|
+
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:6;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-wrapper--scrollable{max-height:100vh;overflow-y:scroll;padding-bottom:60px}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:7;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|