PageSourceSearch

https://www.citypetsvets.com/blog

html citypetsvets.com collected 2026-10-04 09:28:37 UTC 1,485,304 bytes, 28,969 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="wm_initial" style="">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name="csrf-token" content="qvn6MGuh4i5JzdHSy65pbqRHN6QEahR7L7lvkFjL">
7    <meta name="description" content="City Pets Vets® is your local Veterinarian in New York, NY serving all of your needs. Call us today at (212) 256-9537 for an appointment! Blog">
8    <meta name="keywords" content="{CITY} {STATE} Veterinarian">
9    <meta name="robots" content="noindex, nofollow">
10
11    <!-- OpenGraphMeta -->
12    <meta property="og:title" content="Blog | Veterinarian in New York, NY | City Pets Vets®"/>
13    <meta property="og:type" content="website"/>
14    <meta property="og:description" content="City Pets Vets® is your local Veterinarian in New York, NY serving all of your needs. Call us today at (212) 256-9537 for an appointment! Blog"/>
15    <meta property="og:url" content="https://www.citypetsvets.com/blog"/>
16    <meta property="og:image" content="https://media.evona.app/%2FC%2Fr%2FI%2FT%2Fl%2Fq%2FCrITlq82YmtVmVenGB6gdSWjz1hv26VRkzYRRtcq"/>
17
18
19    <!-- Matomo -->
20    
21
22    <title>Blog | Veterinarian in New York, NY | City Pets Vets®</title>
23
24    <!-- Google Tag -->
25<script type="text/wmdjs">
26    
vendor: 156 bytes, lines 26-33
26window.dataLayer = window.dataLayer || [];
27
28    function gtag() {
29        dataLayer.push(arguments);
30    }
31
32    gtag('js', new Date());
33    gtag('config', '
33G-YNSVLVS809
vendor: 8 bytes, lines 33-34
33');
34    
34</script>
34
35<!-- End Google Analytics -->
36
37            <style>/* core.css */
38/* WM2 SITE-AGNOSTIC DEFAULTS */
39:root {
40    --wm_desktopPixels: 1280;
41    --wm_tabletPixels: 720;
42    --wm_mobilePixels: 320;
43    --wm_scale: 1;
44    --wm_desktopWidth: calc(var(--wm_desktopPixels) * 1px);
45    --wm_tabletWidth: calc(var(--wm_tabletPixels) * 1px);
46    --wm_mobileWidth: calc(var(--wm_mobilePixels) * 1px);
47
48    /*--wm_minHeight: 10px;*/
49    /*--wm_minWidth: 10px;*/
50    --wm_minHeight: 0px;
51    --wm_minWidth: 0px;
52
53    --wmd_mediaPointOfInterest: 50% 50%;
54    --wmd_backgroundColor: white;
55    --wmd_backgroundImage: none;
56    --wmd_backgroundAttachment: fixed;
57    --wmd_backgroundSize: cover;
58    --wmd_backgroundRepeat: no-repeat;
59    --wmd_backgroundPosition: top left;
60    --wmd_minHeight: 100vh;
61
62    --wm_fontWeightThin: 100;
63    --wm_fontWeightExtraLight: 200;
64    --wm_fontWeightLight: 300;
65    --wm_fontWeightRegular: 400;
66    --wm_fontWeightMedium: 500;
67    --wm_fontWeightSemiBold: 600;
68    --wm_fontWeightBold: 700;
69    --wm_fontWeightExtraBold: 800;
70    --wm_fontWeightBlack: 900;
71
72    text-size-adjust: none;
73    -webkit-font-smoothing: antialiased;
74    -moz-osx-font-smoothing: grayscale;
75
76    /* defaults as defined in browser specs */
77    --transitionEasingPresetLinear: cubic-bezier(0, 0, 1, 1);
78    --transitionEasingPresetEase: cubic-bezier(0.25, 0.1, 0.25, 1);
79    --transitionEasingPresetEaseIn: cubic-bezier(0.42, 0, 1, 1);
80    --transitionEasingPresetEaseOut: cubic-bezier(0, 0, 0.58, 1);
81    --transitionEasingPresetEaseInOut: cubic-bezier(0.42, 0, 0.58, 1);
82    --transitionEasingPresetEaseOutIn: cubic-bezier(0.58, 0.85, 0.42, 0.15);
83
84    /* variations of defaults, firmer and faster */
85    --transitionEasingPresetEaseMedium: cubic-bezier(0.5, 0.15, 0.25, 1);
86    --transitionEasingPresetEaseFast: cubic-bezier(0.75, 0.2, 0.25, 1);
87    --transitionEasingPresetEaseInMedium: cubic-bezier(0.32, 0, 0.67, 0);
88    --transitionEasingPresetEaseInFast: cubic-bezier(0.7, 0, 0.84, 0);
89    --transitionEasingPresetEaseOutMedium: cubic-bezier(0.33, 1, 0.68, 1);
90    --transitionEasingPresetEaseOutFast: cubic-bezier(0.16, 1, 0.3, 1);
91    --transitionEasingPresetEaseInOutMedium: cubic-bezier(0.66, 0, 0.34, 1);
92    --transitionEasingPresetEaseInOutFast: cubic-bezier(0.86, 0, 0.14, 1);
93    --transitionEasingPresetEaseOutInMedium: cubic-bezier(0.34, 0.85, 0.66, 0.15);
94    --transitionEasingPresetEaseOutInFast: cubic-bezier(0.14, 0.85, 0.86, 0.15);
95
96    /* custom useful transitions, courtesy of https://easingwizard.com/ */
97    --transitionEasingPresetSpringHeavy: linear(0, 0.013 0.6%, 0.05 1.2%, 0.199 2.5%, 0.395 3.7%, 0.948 6.7%, 1.201 8.4%, 1.289 9.2%, 1.354 10%, 1.396 10.8%, 1.416 11.6%, 1.418 12.2%, 1.405 12.9%, 1.345 14.3%, 1.258 15.6%, 1.012 18.8%, 0.909 20.5%, 0.851 22%, 0.826 23.6%, 0.83 24.8%, 0.854 26.2%, 0.996 30.8%, 1.039 32.5%, 1.063 34%, 1.073 35.5%, 1.061 38.2%, 0.984 44.4%, 0.97 47.4%, 0.973 49.8%, 1.004 55.8%, 1.013 59.2%, 0.995 71%, 1.002 82.8%, 1);
98    --transitionEasingPresetSpringDrop: linear(0, 0.011 0.5%, 0.051 1.1%, 0.116 1.7%, 0.221 2.4%, 0.429 3.5%, 1.03 6.3%, 1.289 7.8%, 1.378 8.5%, 1.444 9.2%, 1.486 9.9%, 1.504 10.6%, 1.503 11.2%, 1.485 11.8%, 1.455 12.4%, 1.404 13.1%, 1.291 14.3%, 0.977 17.2%, 0.849 18.7%, 0.773 20.1%, 0.745 21.4%, 0.754 22.6%, 0.795 23.9%, 0.852 25.1%, 1.01 28%, 1.076 29.5%, 1.114 30.9%, 1.129 32.2%, 1.125 33.4%, 1.104 34.7%, 0.993 38.9%, 0.96 40.4%, 0.942 41.7%, 0.935 43%, 0.944 45.2%, 1.015 50.7%, 1.033 53.7%, 1.028 56%, 0.993 61.5%, 0.983 64.5%, 1.008 75.1%, 0.996 85.9%, 1);
99    --transitionEasingPresetSpringBouncy: linear(0, 0.066 0.5%, 0.246 1%, 1.456 3.2%, 1.63 3.8%, 1.673 4.3%, 1.625 4.8%, 1.501 5.3%, 0.688 7.5%, 0.586 8%, 0.547 8.5%, 0.57 9%, 0.647 9.5%, 1.214 11.8%, 1.28 12.3%, 1.305 12.8%, 1.288 13.3%, 1.235 13.8%, 0.854 16.1%, 0.81 16.6%, 0.795 17.1%, 0.807 17.6%, 0.844 18.1%, 1.092 20.3%, 1.129 20.9%, 1.138 21.4%, 1.129 21.9%, 1.104 22.4%, 0.937 24.6%, 0.907 25.6%, 0.927 26.6%, 1.043 28.9%, 1.063 29.9%, 1.049 30.9%, 0.97 33.2%, 0.958 34.2%, 0.968 35.2%, 1.019 37.4%, 1.028 38.5%, 0.981 42.7%, 1.013 47%, 0.991 51.3%, 1.006 55.6%, 0.996 59.8%, 1.003 64.1%, 1);
100    --transitionEasingPresetSnapGlide: linear(0, 0.012 0.9%, 0.049 2%, 0.409 9.3%, 0.513 11.9%, 0.606 14.7%, 0.691 17.9%, 0.762 21.3%, 0.82 25%, 0.868 29.1%, 0.907 33.6%, 0.937 38.7%, 0.976 51.3%, 0.994 68.8%, 1);
101    --transitionEasingPresetSnapLazy: linear(0, 0.008 1.1%, 0.031 2.2%, 0.129 4.8%, 0.257 7.2%, 0.671 14.2%, 0.789 16.5%, 0.881 18.6%, 0.957 20.7%, 1.019 22.9%, 1.063 25.1%, 1.094 27.4%, 1.114 30.7%, 1.112 34.5%, 1.018 49.9%, 0.99 59.1%, 1);
102    --transitionEasingPresetSnapElastic: linear(0, 0.03 1.5%, 0.121 3.2%, 0.851 13%, 0.99 16.4%, 1.063 20.2%, 1.076 22.3%, 1.075 24.8%, 1.013 35.9%, 0.995 43.4%, 1);
103    --transitionEasingPresetSnapSharp: linear(0, 0.115 2.2%, 0.877 9.4%, 1.016 11.9%, 1.081 14.7%, 1.088 16%, 1.084 17.5%, 1.013 25.3%, 0.993 30.8%, 1.001 46.8%, 1);
104    --transitionEasingPresetBounceSubtle: linear(0, 0.417 25.5%, 0.867 49.4%, 1 57.7%, 0.925 65.1%, 0.908 68.6%, 0.902 72.2%, 0.916 78.2%, 0.988 92.1%, 1);
105    --transitionEasingPresetBounceSoft: linear(0, 1 44.7%, 0.898 51.8%, 0.874 55.1%, 0.866 58.4%, 0.888 64.3%, 1 77.4%, 0.98 84.5%, 1);
106    --transitionEasingPresetBounceSharp: linear(0, 1 37.8%, 0.883 44.2%, 0.855 47.1%, 0.846 50%, 0.853 52.7%, 0.875 55.5%, 1 65.5%, 0.967 69.4%, 0.957 73.1%, 0.964 76.5%, 1 84.5%, 0.993 89.3%, 1);
107    --transitionEasingPresetBounceFirm: linear(0, 0.234 11.8%, 0.403 18.4%, 0.624 24.7%, 0.999 33.3%, 0.76 39.9%, 0.705 42.6%, 0.687 45.2%, 0.703 47.7%, 0.753 50.3%, 0.999 57.7%, 0.89 61.8%, 0.865 63.6%, 0.857 65.3%, 0.865 67%, 0.887 68.8%, 0.999 74.5%, 0.957 77.5%, 0.944 80.2%, 0.954 82.7%, 1 88.2%, 0.988 91.9%, 1);
108    --transitionEasingPresetOvershootSoft: linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
109    --transitionEasingPresetOvershootFirm: linear(0, 0.453 7.8%, 0.803 
10916.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1);
110    --transitionEasingPresetOvershootSmooth: linear(0, 0.49 7.4%, 0.864 15.3%, 1.005 19.4%, 1.12 23.7%, 1.206 28.1%, 1.267 32.8%, 1.296 36.4%, 1.311 40.2%, 1.313 44.2%, 1.301 48.6%, 1.252 56.9%, 1.105 74.4%, 1.048 82.5%, 1.011 91.1%, 1);
111    --transitionEasingPresetOvershootDynamic: linear(0, 0.544 5.5%, 0.947 11.5%, 1.213 18.1%, 1.298 21.7%, 1.352 25.5%, 1.372 28.2%, 1.379 31.1%, 1.374 34.2%, 1.357 37.6%, 1.307 43.7%, 1.121 61.8%, 1.074 67.8%, 1.04 73.7%, 1.007 84.7%, 1);
112    --transitionEasingPresetOvershootDramatic: linear(0, 0.618 4.6%, 1.072 9.7%, 1.358 15.3%, 1.446 18.4%, 1.497 21.7%, 1.512 23.9%, 1.514 26.2%, 1.481 31.5%, 1.421 36.4%, 1.174 53.4%, 1.108 59.5%, 1.059 65.7%, 1.028 71.9%, 1.009 78.9%, 1);
113
114    /* -- @TODO: this should not be in the live CSS */
115    /* normally we want users to be able to use browser's accessibility settings */
116    /* maybe put this in the editor CSS? what about preview? should we have the option there to force "normal" or not? */
117    /* 16px is the base font size browsers apply by default, for "normal", "medium", "recommended" setting */
118    /* with this we force the site to render in "normal" mode, but on published sites we should not do that */
119    font-size: 16px;
120
121    /* length division only works in Chrome as of February 2026, others will use a JS fallback */
122    /* allows for much more efficient scaling (without layout thrashing) */
123    @supports (opacity: calc(100vw / 1px)) and (opacity: calc(100% / 1px)) {
124        --wm_windowWidth: calc(100vw / 1px);
125        --wm_windowWidthDiff: calc(var(--wm_windowWidth) - (calc(100% / 1px)));
126    }
127}
128
129/* CSS RESET */
130html, body {
131    padding: 0;
132    margin: 0;
133    overflow-x: clip;
134    height: 100vh;
135}
136
137html {
138    background-color: var(--wmd_backgroundColor);
139    background-image: var(--wmd_backgroundImage);
140    background-attachment: var(--wmd_backgroundAttachment);
141    background-size: var(--wmd_backgroundSize);
142    background-repeat: var(--wmd_backgroundRepeat);
143    background-position: 50% 50%;
144}
145
146main {
147    min-height: var(--wmd_minHeight);
148}
149
150@media all and (width < 1328px) and (width >= 1040px) {
151    :root {
152        --wm_scale: calc(var(--wm_windowWidth) / 1328);
153    }
154
155    body {
156        > .wmcM_scrollBehavior,
157        > main {
158            width: calc(1328px - (var(--wm_windowWidthDiff) * 1px)) !important;
159            transform-origin: 0 0 0 !important;
160            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
161        }
162    }
163}
164
165@media all and (width < 768px) and (width >= 650px) {
166    :root {
167        --wm_scale: calc(var(--wm_windowWidth) / 768);
168    }
169
170    body {
171        > .wmcM_scrollBehavior,
172        > main {
173            width: calc(768px - (var(--wm_windowWidthDiff) * 1px)) !important;
174            transform-origin: 0 0 0 !important;
175            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
176        }
177    }
178}
179
180@media all and (width < 650px) {
181    :root {
182        --wm_scale: calc(var(--wm_windowWidth) / 360);
183    }
184
185    body {
186        > .wmcM_scrollBehavior,
187        > main {
188            width: calc(360px - (var(--wm_windowWidthDiff) * 1px)) !important;
189            /*width: 360px !important;*/
190            transform-origin: 0 0 0 !important;
191            transform: scale3d(var(--wm_scale), var(--wm_scale), 1) !important;
192        }
193    }
194}
195
196body * {
197    box-sizing: border-box;
198    overflow-wrap: break-word;
199}
200
201.wm_initial {
202    opacity: 0;
203}
204
205p, h1, h2, h3, h4, h5, h6 {
206    margin-block: 0;
207}
208
209a {
210    text-decoration: none;
211}
212
213img {
214    max-width: 100%;
215}
216
217img, iframe {
218    vertical-align: bottom;
219}
220
221svg.wm_svgFilter {
222    width: 0;
223    height: 0;
224    position: fixed;
225}
226
227/* LAYOUT */
228.wmc {
229    --containerMargin: 0px;
230    --contentWidthPage: var(--wm_desktopWidth);
231    --contentWidth: var(--contentWidthOverride, var(--contentWidthPage));
232
233    --gridPositionDesktop: auto;
234
235    --bgColorDesktop: initial;
236    --marginTopDesktop: 0px;
237    --marginBottomDesktop: 0px;
238    --marginLeftDesktop: 0px;
239    --marginRightDesktop: 0px;
240    --offsetLeftDesktop: 0px;
241    --offsetRightDesktop: 0px;
242    --widthDesktop: initial;
243    --heightDesktop: initial;
244    --maxWidthDesktop: initial;
245    --maxHeightDesktop: initial;
246    --minWidthDesktop: initial;
247    --minHeightDesktop: var(--minHeightFallback, var(--wm_minHeight));
248    --transformOriginDesktop: 50% 50% 0;
249    --translateDesktop: ;
250    --scaleDesktop: ;
251    --rotateDesktop: ;
252    --opacityDesktop: 1;
253    --filterDesktop: ;
254    --glassEffectBlurDesktop: 8px;
255
256    --bgColor: var(--bgColorDesktop);
257    --marginTop: var(--marginTopDesktop);
258    --marginBottom: var(--marginBottomDesktop);
259    --marginLeft: var(--marginLeftDesktop);
260    --marginRight: var(--marginRightDesktop);
261    --offsetLeft: var(--offsetLeftDesktop);
262    --offsetRight: var(--offsetRightDesktop);
263    --width: var(--widthDesktop);
264    --height: var(--heightDesktop);
265    --maxWidth: var(--maxWidthDesktop);
266    --maxHeight: var(--maxHeightDesktop);
267    --minWidth: var(--minWidthDesktop);
268    --minHeight: var(--minHeightDesktop);
269    --transformOrigin: var(--transformOriginDesktop);
270    --translate: var(--translateDesktop);
271    --scale: var(--scaleDesktop);
272    --rotate: var(--rotateDesktop);
273    --opacity: var(--opacityDesktop);
274    --filter: var(--filterDesktop);
275
276    --gridPosition: var(--gridPositionDesktop);
277    --zIndex: 0;
278    --glassEffectBlur: var(--glassEffectBlurDesktop);
279
280    /* Scroll Behavior Variables - Device Responsive */
281    --stickyOffsetDesktop: 0px;
282    --trailingAnchorIdDesktop: '';
283    --revealThresholdDesktop: 0px;
284    --scrollBehaviorDesktop: none;
285
286    --stickyOffset: var(--stickyOffsetDesktop);
287    --trailingAnchorId: var(--trailingAnchorIdDesktop);
288    --revealThreshold: var(--revealThresholdDesktop);
289    --scrollBehavior: var(--scrollBehaviorDesktop);
290
291    /* Fixed elements variables */
292    --fixedHorizontalAlignmentDesktop: end;
293    --fixedVerticalAlignmentDesktop: end;
294    --fixedHorizontalOffsetDesktop: 20px;
295    --fixedVerticalOffsetDesktop: 20px;
296
297    --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentDesktop);
298    --fixedVerticalAlignment: var(--fixedVerticalAlignmentDesktop);
299    --fixedHorizontalOffset: var(--fixedHorizontalOffsetDesktop);
300    --fixedVerticalOffset: var(--fixedVerticalOffsetDesktop);
301
302    --containerSize: wm_content;
303    --containerSpaceLeft: 1fr;
304    --containerSpaceRight: 1fr;
305
306    position: relative;
307    display: grid;
308    pointer-events: none;
309
310    min-width: 0;
311    min-height: 0;
312    grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
313    grid-template-columns:
314        minmax(0, var(--containerMargin))
315        [wm_full-start]
316        var(--containerSpaceLeft)
317        [wm_content-start]
318        min(100%, var(--contentWidth))
319        [wm_content-end]
320        var(--containerSpaceRight)
321        [wm_full-end]
322        minmax(0, var(--containerMargin));
323}
324
325.wmcM_animateHover {
326    --transitionDurationMsDesktopHover: 0;
327    --transitionEasingDesktopHover: var(--transitionEasingPresetEase);
328    --transitionEasingKineticDesktopHover: var(--transitionEasingPresetEase);
329
330    --transitionDurationMsHover: var(--transitionDurationMsDesktopHover);
331    --transitionEasingHover: var(--transitionEasingDesktopHover);
332    --transitionEasingKineticHover: var(--transitionEasingKineticDesktopHover);
333
334    &,
335    & .wmc {
336        --bgColorDesktopHover: var(--bgColorDesktop);
337        --marginTopDesktopHover: var(--marginTopDesktop);
338        --marginBottomDesktopHover: var(--marginBottomDesktop);
339        --marginLeftDesktopHover: var(--marginLeftDesktop);
340        --marginRightDesktopHover: var(--marginRightDesktop);
341        --offsetLeftDesktopHover: var(--offsetLeftDesktop);
342        --offsetRightDesktopHover: var(--offsetRightDesktop);
343        --widthDesktopHover: var(--widthDesktop);
344        --heightDesktopHover: var(--heightDesktop);
345        --maxWidthDesktopHover: var(--maxWidthDesktop);
346        --maxHeightDesktopHover: var(--maxHeightDesktop);
347        --minWidthDesktopHover: var(--minWidthDesktop);
348        --minHeightDesktopHover: var(--minHeightDesktop);
349        --translateDesktopHover: var(--translateDesktop);
350        --scaleDesktopHover: var(--scaleDesktop);
351        --rotateDesktopHover: var(--rotateDesktop);
352        --opacityDesktopHover: var(--opacityDesktop);
353        --filterDesktopHover: var(--filterDesktop);
354
355        --bgColorHover: var(--bgColorDesktopHover);
356        --marginTopHover: var(--marginTopDesktopHover);
357        --marginBottomHover: var(--marginBottomDesktopHover);
358        --marginLeftHover: var(--marginLeftDesktopHover);
359        --marginRightHover: var(--marginRightDesktopHover);
360        --offsetLeftHover: var(--offsetLeftDesktopHover);
361        --offsetRightHover: var(--offsetRightDesktopHover);
362        --widthHover: var(--widthDesktopHover);
363        --heightHover: var(--heightDesktopHover);
364        --maxWidthHover: var(--maxWidthDesktopHover);
365        --maxHeightHover: var(--maxHeightDesktopHover);
366        --minWidthHover: var(--minWidthDesktopHover);
367        --minHeightHover: var(--minHeightDesktopHover);
368        --translateHover: var(--translateDesktopHover);
369        --scaleHover: var(--scaleDesktopHover);
370        --rotateHover: var(--rotateDesktopHover);
371        --opacityHover: var(--opacityDesktopHover);
372        --filterHover: var(--filterDesktopHover);
373
374        --bgColorDesktopActive: var(--bgColorDesktopHover);
375        --marginTopDesktopActive: var(--marginTopDesktopHover);
376        --marginBottomDesktopActive: var(--marginBottomDesktopHover);
377        --marginLeftDesktopActive: var(--marginLeftDesktopHover);
378        --marginRightDesktopActive: var(--marginRightDesktopHover);
379        --offsetLeftDesktopActive: var(--offsetLeftDesktopHover);
380        --offsetRightDesktopActive: var(--offsetRightDesktopHover);
381        --widthDesktopActive: var(--widthDesktopHover);
382        --heightDesktopActive: var(--heightDesktopHover);
383        --maxWidthDesktopActive: var(--maxWidthDesktopHover);
384        --maxHeightDesktopActive: var(--maxHeightDesktopHover);
385        --minWidthDesktopActive: var(--minWidthDesktopHover);
386        --minHeightDesktopActive: var(--minHeightDesktopHover);
387        --translateDesktopActive: var(--translateDesktopHover);
388        --scaleDesktopActive: var(--scaleDesktopHover);
389        --rotateDesktopActive: var(--rotateDesktopHover);
390        --opacityDesktopActive: var(--opacityDesktopHover);
391        --filterDesktopActive: var(--filterDesktopHover);
392
393        --bgColorActive: var(--bgColorDesktopActive);
394        --marginTopActive: var(--marginTopDesktopActive);
395        --marginBottomActive: var(--marginBottomDesktopActive);
396        --marginLeftActive: var(--marginLeftDesktopActive);
397        --marginRightActive: var(--marginRightDesktopActive);
398        --offsetLeftActive: var(--offsetLeftDesktopActive);
399        --offsetRightActive: var(--offsetRightDesktopActive);
400        --widthActive: var(--widthDesktopActive);
401        --heightActive: var(--heightDesktopActive);
402        --maxWidthActive: var(--maxWidthDesktopActive);
403        --maxHeightActive: var(--maxHeightDesktopActive);
404        --minWidthActive: var(--minWidthDesktopActive);
405        --minHeightActive: var(--minHeightDesktopActive);
406        --translateActive: var(--translateDesktopActive);
407        --scaleActive: var(--scaleDesktopActive);
408        --rotateActive: var(--rotateDesktopActive);
409        --opacityActive: var(--opacityDesktopActive);
410        --filterActive: var(--filterDesktopActive);
411    }
412
413    &:not(.wmcA_entryTransitionState) {
414        .wml,
415        .wml > .wms_background,
416        .wml > .wms_background > .wmc_color_layer,
417        .wml_icon > i,
418        .wmc_text > .wml *,
419        &.wmc_text > .wml * {
420            transition: background-color var(--transitionDurationHover) var(--transitionEasingHover),
421            box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
422            opacity var(--transitionDurationHover) var(--transitionEasingHover),
423            filter var(--transitionDurationHover) var(--transitionEasingHover),
424            color var(--transitionDurationHover) var(--transitionEasingHover),
425            transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
426            border-top var(--transitionDurationHover) var(--transitionEasingHover),
427            border-right var(--transitionDurationHover) var(--transitionEasingHover),
428            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
429            border-left var(--transitionDurationHover) var(--transitionEasingHover),
430            border-color var(--transitionDurationHover) var(--transitionEasingHover),
431            border-width var(--transitionDurationHover) var(--transitionEasingHover),
432            border-radius var(--transitionDurationHover) var(--transitionEasingHover),
433            margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
434            width var(--transitionDurationHover) var(--transitionEasingKineticHover),
435            min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
436            max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
437            height var(--transitionDurationHover) var(--transitionEasingKineticHover),
438            min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
439            max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
440            top var(--transitionDurationHover) var(--transitionEasingKineticHover),
441            right var(--transitionDurationHover) var(--transitionEasingKineticHover),
442            bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
443            left var(--transitionDurationHover) var(--transitionEasingKineticHover),
444            font-size var(--transitionDurationHover) var(--transitionEasingHover),
445            font-weight var(--transitionDurationHover) var(--transitionEasingHover),
446            font-style var(--transitionDurationHover) var(--transitionEasingHover),
447            text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
448        }
449
450        .wml_button > .wms_button {
451            transition: padding var(--transitionDurationHover) var(--transitionEasingKineticHover);
452        }
453
454        &:has(> .wml:hover),
455        &:has(> .wml:focus),
456        &:has(> .wml:focus-within),
457        &.wmcA_hoverState {
458            /**
459             NOT (component in active state OR parent in active state)
460             */
461            &:not(.wmcA_activeState, .wmcA_activeState &) {
462                &,
463                    /*
464                        don't transition button icon/text if button parent is hovered
465                    */
466                & .wmc:not(.wmcM_noParentHover, .wmcM_noParentHover > .wml_button > .wms_button .wmc, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc),
467                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wml_button:hover .wmc, .wml_button:focus .wmc,  .wml_button:focus-within .wmc),
468                & .wmc:not(.wmcM_noParentHover, .wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_button.wmcA_hoverState .wmc),
469                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
470                    --bgColor: var(--bgColorHover);
471                    --marginTop: var(--marginTopHover);
472                    --marginBottom: var(--marginBottomHover);
473                    --marginLeft: var(--marginLeftHover);
474                    --marginRight: var(--marginRightHover);
475                    --offsetLeft: var(--offsetLeftHover);
476                    --offsetRight: var(--offsetRightHover);
477                    --translate: var(--translateHover);
478                    --scale: var(--scaleHover);
479                    --rotate: var(--rotateHover);
480                    --opacity: var(--opacityHover);
481                    --filter: var(--filterHover);
482                    --width: var(--widthHover);
483                    --height: var(--heightHover);
484                    --minWidth: var(--minWidthHover);
485                    --minHeight: var(--minHeightHover);
486                    --maxWidth: var(--maxWidthHover);
487                    --maxHeight: var(--maxHeightHover);
488                    --iconColor: var(--iconColorHover);
489                    --textShadow: var(--textShadowHover);
490                    --borderTop: var(--borderTopHover);
491                    --borderRight: var(--borderRightHover);
492                    --borderBottom: var(--borderBottomHover);
493                    --borderLeft: var(--borderLeftHover);
494                    --borderRadius: var(--borderRadiusHover);
495                    --shadow: var(--shadowHover);
496
497                    /* button and image padding hover (same tokens; nested buttons keep propagation guards) */
498                    &.wmc_image,
499                    &.wmc_button,
500                    & .wmc_button:not(.wmcM_noParentHover):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) {
501                        --paddingTop: var(--paddingTopHover);
502                        --paddingRight: var(--paddingRightHover);
503                        --paddingBottom: var(--paddingBottomHover);
504                        --paddingLeft: var(--paddingLeftHover);
505                    }
506
507                    /* text component, pieces of text */
508                    /* When component itself is hovered (text component), apply to its text */
509                    &.wmc_text:not(.wmc_buttonText) > .wml *,
510                    & .wmc_text:not(.wmc_buttonText):not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
511                    & .wmc_text:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonText:is(.wmc_button.wmcA_hoverState .wmc)) > .wml *,
512                    & .wmc_text:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonText:is(.wmc_button > .wml:hover .wmc, .wmc_button > .wml:focus .wmc, .wmc_button > .wml:focus-within .wmc)) > .wml *,
513                    & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml *,
514                    & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_buttonText:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) > .wml * {
515                        --fontSize: var(--fontSizeHover);
516                        --fontWeight: var(--fontWeightHover);
517                        --fontStyle: var(--fontStyleHover);
518                        --textColor: var(--textColorHover);
519                        --textDecorationColor: var(--textDecorationColorHover);
520                        --textDecorationLine: var(--textDecorationLineHover);
521                    }
522
523                    &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i {
524                        --iconSize: var(--iconSizeHover);
525                    }
526                }
527
528                &.wmc_icon:not(.wmc_buttonIcon) .wml_icon > i,
529                & .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonIcon:is(.wmc_button.wmcA_hoverState .wmc)) .wml_icon > i,
530                & .wmc_button:has(> .wml:hover, > .wml:focus, > .wml:focus-within) .wmc_buttonIcon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
531                & .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmc_buttonIcon:is(.wmc_button > .wml:hover .wmc, .wmc_button > .wml:focus .wmc, .wmc_button > .wml:focus-within .wmc)) > .wml_icon > i,
532                & .wmc_button:not(.wmcM_noParentHover) > .wml_button .wmc_icon:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc) .wml_icon > i,
533                & .wmc_button:not(.wmcA_blockHoverPropagation, .wmcA_blockHoverPropagation .wmc):is(.wmcA_hoverState .wml_icon > i) {
534                    --iconSize: var(--iconSizeHover);
535                }
536
537                /* &.wmc_button .wmc_icon.wmc_buttonIcon {
538                    --rotate: var(--rotateHover);
539                    --iconColor: var(--iconColorHover);
540                    --opacity: var(--opacityHover);
541                } */
542            }
543        }
544
545        &.wmcA_activeState {
546            .wml,
547            .wml > .wms_background,
548            .wml > .wms_background > .wmc_color_layer,
549            .wml_icon > i,
550            .wmc_text > .wml *,
551            &.wmc_text > .wml * {
552                /*
553                @TODO: with this applied, the transition to active is immediate without animation
554                @TODO: with this left out, the transition to active is animated, but had a little jitter
555                       fixed by also adding a "not active" condition for hover (above)
556                       needs to be checked for other components which have (or will have) active state
557                */
558                /*transition: none;*/
559            }
560
561            &,
562            & .wmc {
563                --bgColor: var(--bgColorActive);
564                --marginTop: var(--marginTopActive);
565                --marginBottom: var(--marginBottomActive);
566                --marginLeft: var(--marginLeftActive);
567                --marginRight: var(--marginRightActive);
568                --offsetLeft: var(--offsetLeftActive);
569                --offsetRight: var(--offsetRightActive);
570                --translate: var(--translateActive);
571                --scale: var(--scaleActive);
572                --rotate: var(--rotateActive);
573                --opacity: var(--opacityActive);
574                --filter: var(--filterActive);
575                --width: var(--widthActive);
576                --height: var(--heightActive);
577                --minWidth: var(--minWidthActive);
578                --minHeight: var(--minHeightActive);
579                --maxWidth: var(--maxWidthActive);
580                --maxHeight: var(--maxHeightActive);
581                --iconColor: var(--iconColorActive);
582
583                --textShadow: var(--textShadowActive);
584
585                --borderTop: var(--borderTopActive);
586                --borderRight: var(--borderRightActive);
587                --borderBottom: var(--borderBottomActive);
588                --borderLeft: var(--borderLeftActive);
589                --borderRadius: var(--borderRadiusActive);
590                --shadow: var(--shadowActive);
591
592                /* text component, pieces of text */
593                &.wmc_text > .wml * {
594                    --fontSize: var(--fontSizeActive);
595                    --fontWeight: var(--fontWeightActive);
596                    --fontStyle: var(--fontStyleActive);
597                    --textColor: var(--textColorActive);
598                    --textDecoration: var(--textDecorationActive);
599                }
600            }
601        }
602    }
603
604    &.wmcA_noTransition {
605        .wml,
606        .wml > .wms_background,
607        .wml > .wms_background > .wmc_color_layer,
608        .wml_icon > i,
609        .wmc_text > .wml *,
610        &.wmc_text > .wml * {
611            transition: none !important;
612        }
613    }
614}
615
616.wmcM_animateEntry {
617    --transitionDelayMsDesktopEntry: 0;
618    --transitionDurationMsDesktopEntry: 0;
619    --transitionEasingDesktopEntry: var(--transitionEasingPresetEase);
620    --transitionEasingKineticDesktopEntry: var(--transitionEasingPresetEase);
621    --translateDesktopEntry: var(--translateDesktop);
622    --scaleDesktopEntry: var(--scaleDesktop);
623    --rotateDesktopEntry: var(--rotateDesktop);
624    --opacityDesktopEntry: var(--opacityDesktop);
625    --filterDesktopEntry: var(--filterDesktop);
626    --filterDesktopEntryNormal: var(--filterDesktop);
627
628    --transitionDelayMsEntry: var(--transitionDelayMsDesktopEntry);
629    --transitionDurationMsEntry: var(--transitionDurationMsDesktopEntry);
630    --transitionEasingEntry: var(--transitionEasingDesktopEntry);
631    --transitionEasingKineticEntry: var(--transitionEasingKineticDesktopEntry);
632    --translateEntry: var(--translateDesktopEntry);
633    --scaleEntry: var(--scaleDesktopEntry);
634    --rotateEntry: var(--rotateDesktopEntry);
635    --opacityEntry: var(--opacityDesktopEntry);
636    --filterEntry: var(--filterDesktopEntry);
637    --filterEntryNormal: var(--filterDesktopEntryNormal);
638}
639
640.wml {
641    position: relative;
642    pointer-events: auto;
643    grid-column: var(--containerSize);
644    margin-top: var(--marginTop);
645    margin-bottom: var(--marginBottom);
646    margin-left: var(--marginLeft);
647    width: var(--width);
648    height: var(--height);
649    max-width: var(--maxWidth);
650    max-height: var(--maxHeight);
651    min-width: var(--minWidth);
652    min-height: var(--minHeight);
653    z-index: var(--zIndex);
654
655    transition: none;
656    /* filters: brightness, contrast, saturate, grayscale, invert, sepia, blur, drop-shadow, url(#svgFilterId) */
657    filter: var(--filter);
658    /* opacity: could be in the filters too, but it's better to do it with this dedicated css property */
659    opacity: var(--opacity);
660}
661
662.wml:not(.wml_icon) {
663    transform-origin: var(--transformOrigin);
664    transform: var(--translate) var(--scale) var(--rotate);
665}
666
667.wml_icon > i {
668    transform-origin: var(--transformOrigin);
669    transform: var(--translate) var(--scale) var(--rotate);
670}
671
672.wml_rows {
673    display: grid;
674    pointer-events: none;
675    grid-template-rows: repeat(48, min-content) 1fr;
676}
677
678.wml_columns {
679    display: grid;
680    pointer-events: none;
681    grid-template-columns: var(--wm_columnsRatios);
682    grid-gap: var(--columnsGap);
683    padding: var(--columnsPadding);
684}
685
686.wmc_section {
687    --containerSize: wm_full;
688}
689
690.wmc_globalContent {
691    --containerSize: wm_full;
692}
693
694.wmc_placeholder {
695    --containerSize: wm_full;
696}
697
698.wmc_shelf {
699    height: min-content;
700    --marginLeft: 0px !important;
701    --minWidth: initial !important;
702    --maxWidth: initial !important;
703    --width: initial !important;
704}
705
706.wmc_columns {
707    height: min-content;
708
709    --columnsPaddingDesktop: 0px;
710    --columnsPadding: var(--columnsPaddingDesktop);
711
712    --columnsGapDesktop: 0px;
713    --columnsGap: var(--columnsGapDesktop);
714
715    --wm_columnsCount: 1;
716    --wm_columnsRatiosSum: var(--wm_columnsCount);
717    --wm_columnsRatios: repeat(var(--wm_columnsCount), 1fr);
718    --wm_columnsWidth: calc(var(--contentWidthPage) - (2 * var(--columnsPadding)) - ((var(--wm_columnsCount) - 1) * var(--columnsGap)));
719
720    --marginLeft: 0px;
721    --minWidth: initial;
722    --width: initial;
723
724    & > .wml {
725        height: min-content;
726        min-height: unset;
727        max-height: unset;
728    }
729}
730
731.wmc_column {
732    --containerSize: wm_full;
733    --columnGridPosition: var(--gridPosition);
734    --columnRatio: 1;
735    --contentWidthColumn: calc(var(--wm_columnsWidth) / var(--wm_columnsRatiosSum) * var(--columnRatio));
736    --contentWidthOverride: var(--contentWidthColumn);
737    grid-area: 1 / var(--gridPosition) / 2 / calc(var(--gridPosition) + 1);
738}
739
740/* apply to "this" cell if and only if any of the sibling cells has a child */
741.wmc_columns:has(> .wml_columns > .wmc_column > .wml > .wmc) > .wml_columns > .wmc_column > .wml {
742    height: initial;
743    min-height: initial;
744    max-height: initial;
745}
746
747.wmc.wmcM_containerSizeFull {
748    --containerSize: wm_full;
749    --marginLeft: 0px;
750    --minWidth: initial;
751    --width: initial;
752    --marginLeftDesktopHover: 0px;
753    --minWidthDesktopHover: initial;
754    --widthDesktopHover: initial;
755    --marginLeftDesktopActive: 0px;
756    --minWidthDesktopActive: initial;
757    --widthDesktopActive: initial;
758
759    &.wmcM_animateHover {
760        --marginLeftDesktopHover: 0px;
761        --minWidthDesktopHover: initial;
762        --widthDesktopHover: initial;
763        --marginLeftDesktopActive: 0px;
764        --minWidthDesktopActive: initial;
765        --widthDesktopActive: initial;
766    }
767}
768
769.wmc.wmcM_containerSizeSafe {
770    --containerSize: wm_content;
771    --marginLeft: 0px;
772    --minWidth: initial;
773    --width: initial;
774
775    &.wmcM_animateHover {
776        --marginLeftDesktopHover: 0px;
777        --minWidthDesktopHover: initial;
778        --widthDesktopHover: initial;
779        --marginLeftDesktopActive: 0px;
780        --minWidthDesktopActive: initial;
781        --widthDesktopActive: initial;
782    }
783}
784
785.wmcM_containerAlignLeft {
786    --containerSpaceLeft: 0;
787}
788
789.wmcM_containerAlignRight {
790    --containerSpaceRight: 0;
791}
792
793.wmcM_knockoutEffect > .wml > .wms_background > .wmc_color_layer {
794    background-color: unset;
795}
796
797.wmcM_knockoutEffect > .wml,
798.wmcM_clipOverflow > .wml {
799    overflow: clip;
800}
801
802.wmcM_glassEffect > .wml > .wms_background > .wmc_color_layer {
803    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), var(--bgColor);
804    backdrop-filter: blur(var(--glassEffectBlur));
805    -webkit-backdrop-filter: blur(var(--glassEffectBlur));
806}
807
808.wmcM_glassEffect > .wml > .wms_background {
809    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
810}
811
812.wms_background {
813    position: absolute;
814    left: 0;
815    top: 0;
816    right: 0;
817    bottom: 0;
818    overflow: hidden;
819    height: 100%;
820    width: 100%;
821    z-index: auto;
822    box-shadow: var(--shadow);
823    border-top: var(--borderTop);
824    border-right: var(--borderRight);
825    border-bottom: var(--borderBottom);
826    border-left: var(--borderLeft);
827    border-radius: var(--borderRadius);
828
829
830    .wmc {
831        --containerSize: wm_full !important;
832        position: absolute;
833        inset: 0;
834        height: 100%;
835
836        .wml {
837            pointer-events: none;
838        }
839    }
840
841    .wmc_video:has(lite-youtube) {
842        overflow: hidden;
843    }
844
845    .wmc_video lite-youtube > iframe {
846        position: absolute;
847        top: 50%;
848        left: 50%;
849        transform: translate(-50%, -50%);
850        border: 0;
851        opacity: var(--mediaOpacity);
852        pointer-events: none;
853
854        min-width: 100%;
855        min-height: 100%;
856        width: 100vw;
857        height: 56.25vw;
858
859        @media (max-aspect-ratio: 16/9) {
860            width: 177.78vh;
861        }
862    }
863}
864
865.wmc_color_layer {
866    position: absolute;
867    inset: 0;
868    pointer-events: none;
869    background-color: var(--bgColor);
870    opacity: var(--bgColorOpacity);
871    --bgColorOpacityDesktop: 1;
872    --bgColorOpacity: var(--bgColorOpacityDesktop);
873}
874
875/*
876 * Reset the values for real color layers only. These changes break Default Fill if not isolated.
877 * TODO: this is a stopgap keyed off a DOM attribute; a modifier class from
878 *  the blade side (e.g. distinguishing default-fill vs array layers) would
879 *  be the cleaner long-term fix.
880 */
881.wmc_color_layer[data-layer-id] {
882    --bgColorDesktop: initial;
883    --bgColorTablet: initial;
884    --bgColorMobile: initial;
885    --bgColor: var(--bgColorDesktop);
886}
887
888.wmc_gradient_layer {
889    position: absolute;
890    inset: 0;
891    pointer-events: none;
892    background: var(--bgGradient);
893    background-size: var(--bgGradientSize, 100% 100%);
894    background-position: var(--bgGradientPosition);
895    opacity: var(--bgGradientOpacity);
896    --bgGradient: var(--bgGradientDesktop);
897    --bgGradientOpacity: var(--bgGradientOpacityDesktop);
898}
899
900
901.wmc_button {
902    --paddingTopDesktop: 0px;
903    --paddingBottomDesktop: 0px;
904    --paddingLeftDesktop: 0px;
905    --paddingRightDesktop: 0px;
906    --paddingTopDesktopHover: var(--paddingTopDesktop);
907    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
908    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
909    --paddingRightDesktopHover: var(--paddingRightDesktop);
910    --flexGapDesktop: 0px;
911    --flexDirectionDesktop: row;
912    --flexAlignItemsDesktop: center;
913    --flexJustifyItemsDesktop: center;
914    --flexJustifyContentDesktop: center;
915
916    --paddingTopHover: var(--paddingTopDesktopHover);
917    --paddingRightHover: var(--paddingRightDesktopHover);
918    --paddingBottomHover: var(--paddingBottomDesktopHover);
919    --paddingLeftHover: var(--paddingLeftDesktopHover);
920
921    --paddingTop: var(--paddingTopDesktop);
922    --paddingBottom: var(--paddingBottomDesktop);
923    --paddingLeft: var(--paddingLeftDesktop);
924    --paddingRight: var(--paddingRightDesktop);
925    --flexGap: var(--flexGapDesktop);
926    --flexDirection: var(--flexDirectionDesktop);
927    --flexAlignItems: var(--flexAlignItemsDesktop);
928    --flexJustifyItems: var(--flexJustifyItemsDesktop);
929    --flexJustifyContent: var(--flexJustifyContentDesktop);
930}
931
932.wml_button {
933    display: grid;
934}
935
936.wmc_button > .wml_button > .wms_button {
937    display: flex;
938    padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
939    gap: var(--flexGap);
940    flex-direction: var(--flexDirection);
941    align-items: var(--flexAlignItems);
942    justify-items: var(--flexJustifyItems);
943    justify-content: var(--flexJustifyContent);
944}
945
946.wml_button > .wms_button > .wmc_text * {
947    line-height: normal;
948    text-align-last: var(--textAlign);
949
950    &.wml :is(
951    div, p, wm-p, h1, h2, h3, h4, h5, h6,
952    .wmcM_paragraph1, .wmcM_paragraph2, .wmcM_paragraph3, .wmcM_paragraph4,
953    .wmcM_heading1, .wmcM_heading2, .wmcM_heading3, .wmcM_heading4, .wmcM_heading5, .wmcM_heading6,
954    .wmcM_title1, .wmcM_title2, .wmcM_title3
955    ):has(span) {
956        --fontSize: 0px;
957        --fontSizeHover: 0px;
958        --fontSizeActive: 0px;
959        --lineHeight: 0px;
960    }
961}
962
963.wml_button > .wms_button > .wmc,
964.wml_button > .wms_button > .wmc > .wml {
965    display: block;
966    width: initial;
967    height: initial;
968    margin: initial;
969}
970
971.wmc_button,
972.wmc_box {
973    /* ??? */
974    --heightDesktop: min-content;
975}
976
977.wmc {
978    --borderTopDesktop: 0px solid transparent;
979    --borderRightDesktop: 0px solid transparent;
980    --borderBottomDesktop: 0px solid transparent;
981    --borderLeftDesktop: 0px solid transparent;
982    --borderRadiusDesktop: 0px 0px 0px 0px / 0px 0px 0px 0px;
983    --shadowDesktop: none;
984
985    --wm_maxBorderRadius: 1000vw;
986
987    --borderTopDesktopHover: var(--borderTopDesktop);
988    --borderRightDesktopHover: var(--borderRightDesktop);
989    --borderBottomDesktopHover: var(--borderBottomDesktop);
990    --borderLeftDesktopHover: var(--borderLeftDesktop);
991    --borderRadiusDesktopHover: var(--borderRadiusDesktop);
992    --shadowDesktopHover: var(--shadowDesktop);
993
994    --borderTopDesktopActive: var(--borderTopDesktopHover);
995    --borderRightDesktopActive: var(--borderRightDesktopHover);
996    --borderBottomDesktopActive: var(--borderBottomDesktopHover);
997    --borderLeftDesktopActive: var(--borderLeftDesktopHover);
998    --borderRadiusDesktopActive: var(--borderRadiusDesktopHover);
999    --shadowDesktopActive: var(--shadowDesktopHover);
1000
1001    --borderTop: var(--borderTopDesktop);
1002    --borderRight: var(--borderRightDesktop);
1003    --borderBottom: var(--borderBottomDesktop);
1004    --borderLeft: var(--borderLeftDesktop);
1005    --borderRadius: var(--borderRadiusDesktop);
1006    --shadow: var(--shadowDesktop);
1007
1008    --borderTopHover: var(--borderTopDesktopHover);
1009    --borderRightHover: var(--borderRightDesktopHover);
1010    --borderBottomHover: var(--borderBottomDesktopHover);
1011    --borderLeftHover: var(--borderLeftDesktopHover);
1012    --borderRadiusHover: var(--borderRadiusDesktopHover);
1013    --shadowHover: var(--shadowDesktopHover);
1014
1015    --borderTopActive: var(--borderTopDesktopActive);
1016    --borderRightActive: var(--borderRightDesktopActive);
1017    --borderBottomActive: var(--borderBottomDesktopActive);
1018    --borderLeftActive: var(--borderLeftDesktopActive);
1019    --borderRadiusActive: var(--borderRadiusDesktopActive);
1020    --shadowActive: var(--shadowDesktopActive);
1021}
1022
1023.wmc_box > .wml_box {
1024    display: grid;
1025    pointer-events: none;
1026}
1027
1028.wmc_box > .wml_box.wmsM_hasBoxLink {
1029    pointer-events: auto;
1030    cursor: pointer;
1031}
1032
1033.wms_box-link {
1034    position: absolute;
1035    inset: 0;
1036    z-index: 1;
1037    text-decoration: none;
1038    color: inherit;
1039}
1040
1041.wmc_icon {
1042    --iconSizeDesktop: 1.5rem;
1043    --iconSizeDesktopHover: 1.5rem;
1044    --iconColorDesktop: rgba(var(--colorBwGradientA), 1);
1045    --iconColorDesktopHover: var(--iconColorDesktop);
1046    --iconColorDesktopActive: var(--iconColorDesktopHover);
1047    --iconSize: var(--iconSizeDesktop);
1048    --iconSizeHover: var(--iconSizeDesktopHover);
1049    --iconColor: var(--iconColorDesktop);
1050    --iconColorHover: var(--iconColorDesktopHover);
1051    --iconColorActive: var(--iconColorDesktopActive);
1052}
1053
1054.wml_icon {
1055    display: grid;
1056    place-items: center;
1057}
1058
1059.wml_icon > i {
1060    display: block;
1061    font-size: 0;
1062    background-color: var(--iconColor);
1063    width: var(--iconSize);
1064    height: var(--iconSize);
1065}
1066
1067.wmcM_hideVisuallyHidden {
1068    & form label:not(:has(input[type="checkbox"], input[type="radio"], input[type="submit"])) {
1069        width: 1px !important;
1070        height: 1px !important;
1071        padding: 0 !important;
1072        margin: -1px !important;
1073        overflow: hidden !important;
1074        clip: rect(0, 0, 0, 0) !important;
1075        white-space: nowrap !important;
1076        border: 0 !important;
1077        position: absolute !important;
1078    }
1079}
1080
1081@media all and (width < 1040px) {
1082    .wmc {
1083        --bgColorTablet: var(--bgColorDesktop);
1084        --marginTopTablet: 0px;
1085        --marginBottomTablet: 0px;
1086        --marginLeftTablet: 0px;
1087        --marginRightTablet: 0px;
1088        --offsetLeftTablet: 0px;
1089        --offsetRightTablet: 0px;
1090        --widthTablet: initial;
1091        --heightTablet: initial;
1092        --maxWidthTablet: initial;
1093        --maxHeightTablet: initial;
1094        --minWidthTablet: initial;
1095        /*--minHeightTablet: var(--wm_minHeight);*/
1096        --minHeightTablet: var(--minHeightFallback, var(--wm_minHeight));
1097        --transformOriginTablet: var(--transformOriginDesktop);
1098        --translateTablet: var(--translateDesktop);
1099        --scaleTablet: var(--scaleDesktop);
1100        --rotateTablet: var(--rotateDesktop);
1101        --opacityTablet: var(--opacityDesktop);
1102        --filterTablet: var(--filterDesktop);
1103        --glassEffectBlurTablet: var(--glassEffectBlurDesktop);
1104
1105        --bgColor: var(--bgColorTablet);
1106        --marginTop: var(--marginTopTablet);
1107        --marginBottom: var(--marginBottomTablet);
1108        --marginLeft: var(--marginLeftTablet);
1109        --marginRight: var(--marginRightTablet);
1110        --offsetLeft: var(--offsetLeftTablet);
1111        --offsetRight: var(--offsetRightTablet);
1112        --width: var(--widthTablet);
1113        --height: var(--heightTablet);
1114        --maxWidth: var(--maxWidthTablet);
1115        --maxHeight: var(--maxHeightTablet);
1116        --minWidth: var(--minWidthTablet);
1117        --minHeight: var(--minHeightTablet);
1118        --transformOrigin: var(--transformOriginTablet);
1119        --translate: var(--translateTablet);
1120        --scale: var(--scaleTablet);
1121        --rotate: var(--rotateTablet);
1122        --opacity: var(--opacityTablet);
1123        --filter: var(--filterTablet);
1124        --glassEffectBlur: var(--glassEffectBlurTablet);
1125
1126        --gridPositionTablet: auto;
1127        --gridPosition: var(--gridPositionTablet);
1128
1129        --contentWidthPage: var(--wm_tabletWidth);
1130
1131        /* Scroll Behavior Variables - Tablet */
1132        --stickyOffsetTablet: none;
1133        --trailingAnchorIdTablet: none;
1134        --revealThresholdTablet: none;
1135        --scrollBehaviorTablet: none;
1136
1137        --stickyOffset: var(--stickyOffsetTablet);
1138        --trailingAnchorId: var(--trailingAnchorIdTablet);
1139        --revealThreshold: var(--revealThresholdTablet);
1140        --scrollBehavior: var(--scrollBehaviorTablet);
1141
1142        /* Fixed elements variables */
1143        --fixedHorizontalAlignmentTablet: var(--fixedHorizontalAlignmentDesktop);
1144        --fixedVerticalAlignmentTablet: var(--fixedVerticalAlignmentDesktop);
1145        --fixedHorizontalOffsetTablet: var(--fixedHorizontalOffsetDesktop);
1146        --fixedVerticalOffsetTablet: var(--fixedVerticalOffsetDesktop);
1147
1148        --fixedHorizontalAlignment: var(--fixedHorizontalAlignmentTablet);
1149        --fixedVerticalAlignment: var(--fixedVerticalAlignmentTablet);
1150        --fixedHorizontalOffset: var(--fixedHorizontalOffsetTablet);
1151        --fixedVerticalOffset: var(--fixedVerticalOffsetTablet);
1152    }
1153
1154    .wmcM_animateHover {
1155        --transitionDurationMsTabletHover: var(--transitionDurationMsDesktopHover);
1156        --transitionEasingTabletHover: var(--transitionEasingDesktopHover);
1157        --transitionEasingKineticTabletHover: var(--transitionEasingKineticDesktopHover);
1158
1159        --transitionDurationMsHover: var(--transitionDurationMsTabletHover);
1160        --transitionEasingHover: var(--transitionEasingTabletHover);
1161        --transitionEasingKineticHover: var(--transitionEasingKineticTabletHover);
1162
1163        &,
1164        & .wmc {
1165            --bgColorTabletHover: var(--bgColorDesktopHover);
1166            --marginTopTabletHover: var(--marginTopTablet);
1167            --marginBottomTabletHover: var(--marginBottomTablet);
1168            --marginLeftTabletHover: var(--marginLeftTablet);
1169            --marginRightTabletHover: var(--marginRightTablet);
1170            --offsetLeftTabletHover: var(--offsetLeftTablet);
1171            --offsetRightTabletHover: var(--offsetRightTablet);
1172            --widthTabletHover: var(--widthTablet);
1173            --heightTabletHover: var(--heightTablet);
1174            --maxWidthTabletHover: var(--maxWidthTablet);
1175            --maxHeightTabletHover: var(--maxHeightTablet);
1176            --minWidthTabletHover: var(--minWidthTablet);
1177            --minHeightTabletHover: var(--minHeightTablet);
1178            --translateTabletHover: var(--translateDesktopHover);
1179            --scaleTabletHover: var(--scaleDesktopHover);
1180            --rotateTabletHover: var(--rotateDesktopHover);
1181            --opacityTabletHover: var(--opacityDesktopHover);
1182            --filterTabletHover: var(--filterDesktopHover);
1183
1184            --bgColorHover: var(--bgColorTabletHover);
1185            --marginTopHover: var(--marginTopTabletHover);
1186            --marginBottomHover: var(--marginBottomTabletHover);
1187            --marginLeftHover: var(--marginLeftTabletHover);
1188            --marginRightHover: var(--marginRightTabletHover);
1189            --offsetLeftHover: var(--offsetLeftTabletHover);
1190            --offsetRightHover: var(--offsetRightTabletHover);
1191            --widthHover: var(--widthTabletHover);
1192            --heightHover: var(--heightTabletHover);
1193            --maxWidthHover: var(--maxWidthTabletHover);
1194            --maxHeightHover: var(--maxHeightTabletHover);
1195            --minWidthHover: var(--minWidthTabletHover);
1196            --minHeightHover: var(--minHeightTabletHover);
1197            --translateHover: var(--translateTabletHover);
1198            --scaleHover: var(--scaleTabletHover);
1199            --rotateHover: var(--rotateTabletHover);
1200            --opacityHover: var(--opacityTabletHover);
1201            --filterHover: var(--filterTabletHover);
1202
1203            --bgColorTabletActive: var(--bgColorTabletHover);
1204            --marginTopTabletActive: var(--marginTopTabletHover);
1205            --marginBottomTabletActive: var(--marginBottomTabletHover);
1206            --marginLeftTabletActive: var(--marginLeftTabletHover);
1207            --marginRightTabletActive: var(--marginRightTabletHover);
1208            --offsetLeftTabletActive: var(--offsetLeftTabletHover);
1209            --offsetRightTabletActive: var(--offsetRightTabletHover);
1210            --widthTabletActive: var(--widthTabletHover);
1211            --heightTabletActive: var(--heightTabletHover);
1212            --maxWidthTabletActive: var(--maxWidthTabletHover);
1213            --maxHeightTabletActive: var(--maxHeightTabletHover);
1214            --minWidthTabletActive: var(--minWidthTabletHover);
1215            --minHeightTabletActive: var(--minHeightTabletHover);
1216            --translateTabletActive: var(--translateTabletHover);
1217            --scaleTabletActive: var(--scaleTabletHover);
1218            --rotateTabletActive: var(--rotateTabletHover);
1219            --opacityTabletActive: var(--opacityTabletHover);
1220            --filterTabletActive: var(--filterTabletHover);
1221
1222            --bgColorActive: var(--bgColorTabletActive);
1223            --marginTopActive: var(--marginTopTabletActive);
1224            --marginBottomActive: var(--marginBottomTabletActive);
1225            --marginLeftActive: var(--marginLeftTabletActive);
1226            --marginRightActive: var(--marginRightTabletActive);
1227            --offsetLeftActive: var(--offsetLeftTabletActive);
1228            --offsetRightActive: var(--offsetRightTabletActive);
1229            --widthActive: var(--widthTabletActive);
1230            --heightActive: var(--heightTabletActive);
1231            --maxWidthActive: var(--maxWidthTabletActive);
1232            --maxHeightActive: var(--maxHeightTabletActive);
1233            --minWidthActive: var(--minWidthTabletActive);
1234            --minHeightActive: var(--minHeightTabletActive);
1235            --translateActive: var(--translateTabletActive);
1236            --scaleActive: var(--scaleTabletActive);
1237            --rotateActive: var(--rotateTabletActive);
1238            --opacityActive: var(--opacityTabletActive);
1239            --filterActive: var(--filterTabletActive);
1240        }
1241    }
1242
1243    .wmcM_animateEntry {
1244        --transitionDelayMsTabletEntry: var(--transitionDelayMsDesktopEntry);
1245        --transitionDurationMsTabletEntry: var(--transitionDurationMsDesktopEntry);
1246        --transitionEasingTabletEntry: var(--transitionEasingDesktopEntry);
1247        --transitionEasingKineticTabletEntry: var(--transitionEasingKineticDesktopEntry);
1248        --translateTabletEntry: var(--translateDesktopEntry);
1249        --scaleTabletEntry: var(--scaleDesktopEntry);
1250        --rotateTabletEntry: var(--rotateDesktopEntry);
1251        --opacityTabletEntry: var(--opacityDesktopEntry);
1252        --filterTabletEntry: var(--filterDesktopEntry);
1253        --filterTabletEntryNormal: var(--filterDesktopEntryNormal);
1254
1255        --transitionDelayMsEntry: var(--transitionDelayMsTabletEntry);
1256        --transitionDurationMsEntry: var(--transitionDurationMsTabletEntry);
1257        --transitionEasingEntry: var(--transitionEasingTabletEntry);
1258        --transitionEasingKineticEntry: var(--transitionEasingKineticTabletEntry);
1259        --translateEntry: var(--translateTabletEntry);
1260        --scaleEntry: var(--scaleTabletEntry);
1261        --rotateEntry: var(--rotateTabletEntry);
1262        --opacityEntry: var(--opacityTabletEntry);
1263        --filterEntry: var(--filterTabletEntry);
1264        --filterEntryNormal: var(--filterTabletEntryNormal);
1265    }
1266
1267    .wmc_columns {
1268        --columnsPaddingTablet: 0px;
1269        --columnsPadding: var(--columnsPaddingTablet);
1270        --columnsGapTablet: 0px;
1271        --columnsGap: var(--columnsGapTablet);
1272    }
1273
1274    .wmc_button {
1275        --paddingTopTablet: var(--paddingTopDesktop);
1276        --paddingBottomTablet: var(--paddingBottomDesktop);
1277        --paddingLeftTablet: var(--paddingLeftDesktop);
1278        --paddingRightTablet: var(--paddingRightDesktop);
1279        --paddingTopTabletHover: var(--paddingTopDesktopHover);
1280        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
1281        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
1282        --paddingRightTabletHover: var(--paddingRightDesktopHover);
1283        --flexGapTablet: var(--flexGapDesktop);
1284        --flexDirectionTablet: var(--flexDirectionDesktop);
1285        --flexAlignItemsTablet: var(--flexAlignItemsDesktop);
1286        --flexJustifyItemsTablet: var(--flexJustifyItemsDesktop);
1287        --flexJustifyContentTablet: var(--flexJustifyContentDesktop);
1288
1289        --paddingTopHover: var(--paddingTopTabletHover);
1290        --paddingRightHover: var(--paddingRightTabletHover);
1291        --paddingBottomHover: var(--paddingBottomTabletHover);
1292        --paddingLeftHover: var(--paddingLeftTabletHover);
1293
1294        --paddingTop: var(--paddingTopTablet);
1295        --paddingBottom: var(--paddingBottomTablet);
1296        --paddingLeft: var(--paddingLeftTablet);
1297        --paddingRight: var(--paddingRightTablet);
1298        --flexGap: var(--flexGapTablet);
1299        --flexDirection: var(--flexDirectionTablet);
1300        --flexAlignItems: var(--flexAlignItemsTablet);
1301        --flexJustifyItems: var(--flexJustifyItemsTablet);
1302        --flexJustifyContent: var(--flexJustifyContentTablet);
1303    }
1304
1305    .wmc_button,
1306    .wmc_box {
1307        /* ??? */
1308        --heightTablet: min-content;
1309    }
1310
1311    .wmc {
1312        --borderTopTablet: var(--borderTopDesktop);
1313        --borderRightTablet: var(--borderRightDesktop);
1314        --borderBottomTablet: var(--borderBottomDesktop);
1315        --borderLeftTablet: var(--borderLeftDesktop);
1316        --borderRadiusTablet: var(--borderRadiusDesktop);
1317        --shadowTablet: none;
1318
1319        --borderTopTabletHover: var(--borderTopDesktopHover);
1320        --borderRightTabletHover: var(--borderRightDesktopHover);
1321        --borderBottomTabletHover: var(--borderBottomDesktopHover);
1322        --borderLeftTabletHover: var(--borderLeftDesktopHover);
1323        --borderRadiusTabletHover: var(--borderRadiusDesktopHover);
1324        --shadowTabletHover: var(--shadowTablet);
1325
1326        --borderTopTabletActive: var(--borderTopTabletHover);
1327        --borderRightTabletActive: var(--borderRightTabletHover);
1328        --borderBottomTabletActive: var(--borderBottomTabletHover);
1329        --borderLeftTabletActive: var(--borderLeftTabletHover);
1330        --borderRadiusTabletActive: var(--borderRadiusTabletHover);
1331        --shadowTabletActive: var(--shadowTabletHover);
1332
1333        --borderTop: var(--borderTopTablet);
1334        --borderRight: var(--borderRightTablet);
1335        --borderBottom: var(--borderBottomTablet);
1336        --borderLeft: var(--borderLeftTablet);
1337        --borderRadius: var(--borderRadiusTablet);
1338        --shadow: var(--shadowTablet);
1339
1340        --borderTopHover: var(--borderTopTabletHover);
1341        --borderRightHover: var(--borderRightTabletHover);
1342        --borderBottomHover: var(--borderBottomTabletHover);
1343        --borderLeftHover: var(--borderLeftTabletHover);
1344        --borderRadiusHover: var(--borderRadiusTabletHover);
1345        --shadowHover: var(--shadowTabletHover);
1346
1347        --borderTopActive: var(--borderTopTabletActive);
1348        --borderRightActive: var(--borderRightTabletActive);
1349        --borderBottomActive: var(--borderBottomTabletActive);
1350        --borderLeftActive: var(--borderLeftTabletActive);
1351        --borderRadiusActive: var(--borderRadiusTabletActive);
1352        --shadowActive: var(--shadowTabletActive);
1353    }
1354
1355    .wmc_icon {
1356        --iconSizeTablet: var(--iconSizeDesktop);
1357        --iconSizeTabletHover: var(--iconSizeDesktopHover);
1358        --iconColorTablet: var(--iconColorDesktop);
1359        --iconColorTabletHover: var(--iconColorDesktopHover);
1360        --iconColorTabletActive: var(--iconColorTabletHover);
1361        --iconSize: var(--iconSizeTablet);
1362        --iconSizeHover: var(--iconSizeTabletHover);
1363        --iconColor: var(--iconColorTablet);
1364        --iconColorHover: var(--iconColorTabletHover);
1365        --iconColorActive: var(--iconColorTabletActive);
1366    }
1367}
1368
1369@media all and (650px <= width < 1040px) {
1370    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
1371    .wmc.wmcM_containerSizeFull--tablet {
1372        --containerSize: wm_full;
1373        --marginLeft: 0px;
1374        --minWidth: initial;
1375        --width: initial;
1376        --marginLeftDesktopHover: 0px;
1377        --minWidthDesktopHover: initial;
1378        --widthDesktopHover: initial;
1379        --marginLeftDesktopActive: 0px;
1380        --minWidthDesktopActive: initial;
1381        --widthDesktopActive: initial;
1382
1383        &.wmcM_animateHover {
1384            --marginLeftTabletHover: 0px;
1385            --minWidthTabletHover: initial;
1386            --widthTabletHover: initial;
1387            --marginLeftTabletActive: 0px;
1388            --minWidthTabletActive: initial;
1389            --widthTabletActive: initial;
1390        }
1391    }
1392
1393    .wmc.wmcM_containerSizeContainer--tablet {
1394        --containerSize: wm_content;
1395        --marginLeft: var(--marginLeftTablet);
1396        --minWidth: var(--minWidthTablet);
1397        --width: var(--widthTablet);
1398
1399        &.wmcM_animateHover {
1400            --marginLeftTabletHover: var(--marginLeftTablet);
1401            --minWidthTabletHover: var(--minWidthTablet);
1402            --widthTabletHover: var(--widthTablet);
1403            --marginLeftTabletActive: var(--marginLeftTabletHover);
1404            --minWidthTabletActive: var(--minWidthTabletHover);
1405            --widthTabletActive: var(--widthTabletHover);
1406        }
1407    }
1408
1409    .wmc_color_layer {
1410        --bgColorOpacityTablet: var(--bgColorOpacityDesktop);
1411        --bgColorOpacity: var(--bgColorOpacityTablet);
1412    }
1413
1414    .wmc_color_layer[data-layer-id] {
1415        --bgColorTablet: var(--bgColorDesktop);
1416        --bgColor: var(--bgColorTablet);
1417    }
1418
1419    .wmc_gradient_layer {
1420        --bgGradientTablet: var(--bgGradientDesktop);
1421        --bgGradientOpacityTablet: var(--bgGradientOpacityDesktop);
1422        --bgGradient: var(--bgGradientTablet);
1423        --bgGradientOpacity: var(--bgGradientOpacityTablet);
1424    }
1425}
1426
1427
1428@media all and (width < 650px) {
1429    .wmc {
1430        --bgColorMobile: var(--bgColorDesktop);
1431        --marginTopMobile: 0px;
1432        --marginBottomMobile: 0px;
1433        --marginLeftMobile: 0px;
1434        --marginRightMobile: 0px;
1435        --offsetLeftMobile: 0px;
1436        --offsetRightMobile: 0px;
1437        --widthMobile: initial;
1438        --heightMobile: initial;
1439        --maxWidthMobile: initial;
1440        --maxHeightMobile: initial;
1441        --minWidthMobile: initial;
1442        /*--minHeightMobile: var(--wm_minHeight);*/
1443        --minHeightMobile: var(--minHeightFallback, var(--wm_minHeight));
1444        --transformOriginMobile: var(--transformOriginDesktop);
1445        --translateMobile: var(--translateDesktop);
1446        --scaleMobile: var(--scaleDesktop);
1447        --rotateMobile: var(--rotateDesktop);
1448        --opacityMobile: var(--opacityDesktop);
1449        --filterMobile: var(--filterDesktop);
1450        --glassEffectBlurMobile: var(--glassEffectBlurTablet);
1451
1452        --bgColor: var(--bgColorMobile);
1453        --marginTop: var(--marginTopMobile);
1454        --marginBottom: var(--marginBottomMobile);
1455        --marginLeft: var(--marginLeftMobile);
1456        --marginRight: var(--marginRightMobile);
1457        --offsetLeft: var(--offsetLeftMobile);
1458        --offsetRight: var(--offsetRightMobile);
1459        --width: var(--widthMobile);
1460        --height: var(--heightMobile);
1461        --maxWidth: var(--maxWidthMobile);
1462        --maxHeight: var(--maxHeightMobile);
1463        --minWidth: var(--minWidthMobile);
1464        --minHeight: var(--minHeightMobile);
1465        --transformOrigin: var(--transformOriginMobile);
1466        --translate: var(--translateMobile);
1467        --scale: var(--scaleMobile);
1468        --rotate: var(--rotateMobile);
1469        --opacity: var(--opacityMobile);
1470        --filter: var(--filterMobile);
1471        --glassEffectBlur: var(--glassEffectBlurMobile);
1472
1473        --gridPositionMobile: auto;
1474        --gridPosition: var(--gridPositionMobile);
1475
1476        --contentWidthPage: var(--wm_mobileWidth);
1477        --contentWidthOverride: unset;
1478
1479        /* Scroll Behavior Variables - Mobile */
1480        --stickyOffsetMobile: none;
1481        --trailingAnchorIdMobile: none;
1482        --revealThresholdMobile: none;
1483        --scrollBehaviorMobile: none;
1484
1485        --stickyOffset: var(--stickyOffsetMobile);
1486        --trailingAnchorId: var(--trailingAnchorIdMobile);
1487        --revealThreshold: var(--revealThresholdMobile);
1488        --scrollBehavior: var(--scrollBehaviorMobile);
1489
1490        grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / 2;
1491    }
1492
1493    .wmcM_animateHover {
1494        --transitionDurationMsMobileHover: var(--transitionDurationMsDesktopHover);
1495        --transitionEasingMobileHover: var(--transitionEasingDesktopHover);
1496        --transitionEasingKineticMobileHover: var(--transitionEasingKineticDesktopHover);
1497
1498        --transitionDurationMsHover: var(--transitionDurationMsMobileHover);
1499        --transitionEasingHover: var(--transitionEasingMobileHover);
1500        --transitionEasingKineticHover: var(--transitionEasingKineticMobileHover);
1501
1502        &,
1503        & .wmc {
1504            --bgColorMobileHover: var(--bgColorDesktopHover);
1505            --marginTopMobileHover: var(--marginTopMobile);
1506            --marginBottomMobileHover: var(--marginBottomMobile);
1507            --marginLeftMobileHover: var(--marginLeftMobile);
1508            --marginRightMobileHover: var(--marginRightMobile);
1509            --offsetLeftMobileHover: var(--offsetLeftMobile);
1510            --offsetRightMobileHover: var(--offsetRightMobile);
1511            --widthMobileHover: var(--widthMobile);
1512            --heightMobileHover: var(--heightMobile);
1513            --maxWidthMobileHover: var(--maxWidthMobile);
1514            --maxHeightMobileHover: var(--maxHeightMobile);
1515            --minWidthMobileHover: var(--minWidthMobile);
1516            --minHeightMobileHover: var(--minHeightMobile);
1517            --translateMobileHover: var(--translateDesktopHover);
1518            --scaleMobileHover: var(--scaleDesktopHover);
1519            --rotateMobileHover: var(--rotateDesktopHover);
1520            --opacityMobileHover: var(--opacityDesktopHover);
1521            --filterMobileHover: var(--filterDesktopHover);
1522
1523            --bgColorHover: var(--bgColorMobileHover);
1524            --marginTopHover: var(--marginTopMobileHover);
1525            --marginBottomHover: var(--marginBottomMobileHover);
1526            --marginLeftHover: var(--marginLeftMobileHover);
1527            --marginRightHover: var(--marginRightMobileHover);
1528            --offsetLeftHover: var(--offsetLeftMobileHover);
1529            --offsetRightHover: var(--offsetRightMobileHover);
1530            --widthHover: var(--widthMobileHover);
1531            --heightHover: var(--heightMobileHover);
1532            --maxWidthHover: var(--maxWidthMobileHover);
1533            --maxHeightHover: var(--maxHeightMobileHover);
1534            --minWidthHover: var(--minWidthMobileHover);
1535            --minHeightHover: var(--minHeightMobileHover);
1536            --translateHover: var(--translateMobileHover);
1537            --scaleHover: var(--scaleMobileHover);
1538            --rotateHover: var(--rotateMobileHover);
1539            --opacityHover: var(--opacityMobileHover);
1540            --filterHover: var(--filterMobileHover);
1541
1542            --bgColorMobileActive: var(--bgColorMobileHover);
1543            --marginTopMobileActive: var(--marginTopMobileHover);
1544            --marginBottomMobileActive: var(--marginBottomMobileHover);
1545            --marginLeftMobileActive: var(--marginLeftMobileHover);
1546            --marginRightMobileActive: var(--marginRightMobileHover);
1547            --offsetLeftMobileActive: var(--offsetLeftMobileHover);
1548            --offsetRightMobileActive: var(--offsetRightMobileHover);
1549            --widthMobileActive: var(--widthMobileHover);
1550            --heightMobileActive: var(--heightMobileHover);
1551            --maxWidthMobileActive: var(--maxWidthMobileHover);
1552            --maxHeightMobileActive: var(--maxHeightMobileHover);
1553            --minWidthMobileActive: var(--minWidthMobileHover);
1554            --minHeightMobileActive: var(--minHeightMobileHover);
1555            --translateMobileActive: var(--translateMobileHover);
1556            --scaleMobileActive: var(--scaleMobileHover);
1557            --rotateMobileActive: var(--rotateMobileHover);
1558            --opacityMobileActive: var(--opacityMobileHover);
1559            --filterMobileActive: var(--filterMobileHover);
1560
1561            --bgColorActive: var(--bgColorMobileActive);
1562            --marginTopActive: var(--marginTopMobileActive);
1563            --marginBottomActive: var(--marginBottomMobileActive);
1564            --marginLeftActive: var(--marginLeftMobileActive);
1565            --marginRightActive: var(--marginRightMobileActive);
1566            --offsetLeftActive: var(--offsetLeftMobileActive);
1567            --offsetRightActive: var(--offsetRightMobileActive);
1568            --widthActive: var(--widthMobileActive);
1569            --heightActive: var(--heightMobileActive);
1570            --maxWidthActive: var(--maxWidthMobileActive);
1571            --maxHeightActive: var(--maxHeightMobileActive);
1572            --minWidthActive: var(--minWidthMobileActive);
1573            --minHeightActive: var(--minHeightMobileActive);
1574            --translateActive: var(--translateMobileActive);
1575            --scaleActive: var(--scaleMobileActive);
1576            --rotateActive: var(--rotateMobileActive);
1577            --opacityActive: var(--opacityMobileActive);
1578            --filterActive: var(--filterMobileActive);
1579        }
1580    }
1581
1582    .wmcM_animateEntry {
1583        --transitionDelayMsMobileEntry: var(--transitionDelayMsDesktopEntry);
1584        --transitionDurationMsMobileEntry: var(--transitionDurationMsDesktopEntry);
1585        --transitionEasingMobileEntry: var(--transitionEasingDesktopEntry);
1586        --transitionEasingKineticMobileEntry: var(--transitionEasingKineticDesktopEntry);
1587        --translateMobileEntry: var(--translateDesktopEntry);
1588        --scaleMobileEntry: var(--scaleDesktopEntry);
1589        --rotateMobileEntry: var(--rotateDesktopEntry);
1590        --opacityMobileEntry: var(--opacityDesktopEntry);
1591        --filterMobileEntry: var(--filterDesktopEntry);
1592        --filterMobileEntryNormal: var(--filterDesktopEntryNormal);
1593
1594        --transitionDelayMsEntry: var(--transitionDelayMsMobileEntry);
1595        --transitionDurationMsEntry: var(--transitionDurationMsMobileEntry);
1596        --transitionEasingEntry: var(--transitionEasingMobileEntry);
1597        --transitionEasingKineticEntry: var(--transitionEasingKineticMobileEntry);
1598        --translateEntry: var(--translateMobileEntry);
1599        --scaleEntry: var(--scaleMobileEntry);
1600        --rotateEntry: var(--rotateMobileEntry);
1601        --opacityEntry: var(--opacityMobileEntry);
1602        --filterEntry: var(--filterMobileEntry);
1603        --filterEntryNormal: var(--filterMobileEntryNormal);
1604    }
1605
1606    .wmc_columns {
1607        --columnsPaddingMobile: 0px;
1608        --columnsPadding: var(--columnsPaddingMobile);
1609        --columnsGapMobile: 0px;
1610        --columnsGap: var(--columnsGapMobile);
1611    }
1612
1613    .wml_columns {
1614        grid-template-columns: unset;
1615    }
1616
1617    .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
1618    .wmc.wmcM_containerSizeFull--mobile {
1619        --containerSize: wm_full;
1620        --marginLeft: 0px;
1621        --minWidth: initial;
1622        --width: initial;
1623        --marginLeftDesktopHover: 0px;
1624        --minWidthDesktopHover: initial;
1625        --widthDesktopHover: initial;
1626        --marginLeftDesktopActive: 0px;
1627        --minWidthDesktopActive: initial;
1628        --widthDesktopActive: initial;
1629
1630        &.wmcM_animateHover {
1631            --marginLeftMobileHover: 0px;
1632            --minWidthMobileHover: initial;
1633            --widthMobileHover: initial;
1634            --marginLeftMobileActive: 0px;
1635            --minWidthMobileActive: initial;
1636            --widthMobileActive: initial;
1637        }
1638    }
1639
1640    .wmc.wmcM_containerSizeContainer--mobile {
1641        --containerSize: wm_content;
1642        --marginLeft: var(--marginLeftMobile);
1643        --minWidth: var(--minWidthMobile);
1644        --width: var(--widthMobile);
1645
1646        &.wmcM_animateHover {
1647            --marginLeftMobileHover: var(--marginLeftMobile);
1648            --minWidthMobileHover: var(--minWidthMobile);
1649            --widthMobileHover: var(--widthMobile);
1650            --marginLeftMobileActive: var(--marginLeftMobileHover);
1651            --minWidthMobileActive: var(--minWidthMobileHover);
1652            --widthMobileActive: var(--widthMobileHover);
1653        }
1654    }
1655
1656    .wmc_button {
1657        --paddingTopMobile: var(--paddingTopDesktop);
1658        --paddingBottomMobile: var(--paddingBottomDesktop);
1659        --paddingLeftMobile: var(--paddingLeftDesktop);
1660        --paddingRightMobile: var(--paddingRightDesktop);
1661        --paddingTopMobileHover: var(--paddingTopDesktopHover);
1662        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
1663        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
1664        --paddingRightMobileHover: var(--paddingRightDesktopHover);
1665        --flexGapMobile: var(--flexGapDesktop);
1666        --flexDirectionMobile: var(--flexDirectionDesktop);
1667        --flexAlignItemsMobile: var(--flexAlignItemsDesktop);
1668        --flexJustifyItemsMobile: var(--flexJustifyItemsDesktop);
1669        --flexJustifyContentMobile: var(--flexJustifyContentDesktop);
1670
1671        --paddingTopHover: var(--paddingTopMobileHover);
1672        --paddingRightHover: var(--paddingRightMobileHover);
1673        --paddingBottomHover: var(--paddingBottomMobileHover);
1674        --paddingLeftHover: var(--paddingLeftMobileHover);
1675
1676        --paddingTop: var(--paddingTopMobile);
1677        --paddingBottom: var(--paddingBottomMobile);
1678        --paddingLeft: var(--paddingLeftMobile);
1679        --paddingRight: var(--paddingRightMobile);
1680        --flexGap: var(--flexGapMobile);
1681        --flexDirection: var(--flexDirectionMobile);
1682        --flexAlignItems: var(--flexAlignItemsMobile);
1683        --flexJustifyItems: var(--flexJustifyItemsMobile);
1684        --flexJustifyContent: var(--flexJustifyContentMobile);
1685    }
1686
1687    .wmc_button,
1688    .wmc_box {
1689        /* ??? */
1690        --heightMobile: min-content;
1691    }
1692
1693    .wmc {
1694        --borderTopMobile: var(--borderTopDesktop);
1695        --borderRightMobile: var(--borderRightDesktop);
1696        --borderBottomMobile: var(--borderBottomDesktop);
1697        --borderLeftMobile: var(--borderLeftDesktop);
1698        --borderRadiusMobile: var(--borderRadiusDesktop);
1699        --shadowMobile: none;
1700
1701        --borderTopMobileHover: var(--borderTopDesktopHover);
1702        --borderRightMobileHover: var(--borderRightDesktopHover);
1703        --borderBottomMobileHover: var(--borderBottomDesktopHover);
1704        --borderLeftMobileHover: var(--borderLeftDesktopHover);
1705        --borderRadiusMobileHover: var(--borderRadiusDesktopHover);
1706        --shadowMobileHover: var(--shadowMobile);
1707
1708        --borderTopMobileActive: var(--borderTopMobileHover);
1709        --borderRightMobileActive: var(--borderRightMobileHover);
1710        --borderBottomMobileActive: var(--borderBottomMobileHover);
1711        --borderLeftMobileActive: var(--borderLeftMobileHover);
1712        --borderRadiusMobileActive: var(--borderRadiusMobileHover);
1713        --shadowMobileActive: var(--shadowMobileHover);
1714
1715        --borderTop: var(--borderTopMobile);
1716        --borderRight: var(--borderRightMobile);
1717        --borderBottom: var(--borderBottomMobile);
1718        --borderLeft: var(--borderLeftMobile);
1719        --borderRadius: var(--borderRadiusMobile);
1720        --shadow: var(--shadowMobile);
1721
1722        --borderTopHover: var(--borderTopMobileHover);
1723        --borderRightHover: var(--borderRightMobileHover);
1724        --borderBottomHover: var(--borderBottomMobileHover);
1725        --borderLeftHover: var(--borderLeftMobileHover);
1726        --borderRadiusHover: var(--borderRadiusMobileHover);
1727        --shadowHover: var(--shadowMobileHover);
1728
1729        --borderTopActive: var(--borderTopMobileActive);
1730        --borderRightActive: var(--borderRightMobileActive);
1731        --borderBottomActive: var(--borderBottomMobileActive);
1732        --borderLeftActive: var(--borderLeftMobileActive);
1733        --borderRadiusActive: var(--borderRadiusMobileActive);
1734        --shadowActive: var(--shadowMobileActive);
1735    }
1736
1737    .wmc_icon {
1738        --iconSizeMobile: var(--iconSizeDesktop);
1739        --iconSizeMobileHover: var(--iconSizeDesktopHover);
1740        --iconColorMobile: var(--iconColorDesktop);
1741        --iconColorMobileHover: var(--iconColorDesktopHover);
1742        --iconColorMobileActive: var(--iconColorMobileHover);
1743        --iconSize: var(--iconSizeMobile);
1744        --iconSizeHover: var(--iconSizeMobileHover);
1745        --iconColor: var(--iconColorMobile);
1746        --iconColorHover: var(--iconColorMobileHover);
1747        --iconColorActive: var(--iconColorMobileActive);
1748    }
1749
1750    .wmc_color_layer {
1751        --bgColorOpacityMobile: var(--bgColorOpacityDesktop);
1752        --bgColorOpacity: var(--bgColorOpacityMobile);
1753    }
1754
1755    .wmc_color_layer[data-layer-id] {
1756        --bgColorMobile: var(--bgColorDesktop);
1757        --bgColor: var(--bgColorMobile);
1758    }
1759
1760    .wmc_gradient_layer {
1761        --bgGradientMobile: var(--bgGradientDesktop);
1762        --bgGradientOpacityMobile: var(--bgGradientOpacityDesktop);
1763        --bgGradient: var(--bgGradientMobile);
1764        --bgGradientOpacity: var(--bgGradientOpacityMobile);
1765    }
1766}
1767
1768.wm_scrollToTop {
1769    position: fixed;
1770    right: 50px;
1771    bottom: 150px;
1772    width: 56px;
1773    height: 56px;
1774    border-radius: 8px;
1775    background-color: rgba(var(--colorCtaC), .75);
1776    color: rgba(var(--colorPrimaryJ), 1);
1777    border: 1px solid rgba(var(--colorBackgroundE), 1);
1778    cursor: pointer;
1779    display: flex;
1780    align-items: center;
1781    justify-content: center;
1782    font-family: var(--fontFamilySecondary);
1783    font-size: 24px;
1784    z-index: 1000;
1785    opacity: 0;
1786    transform: translateY(20px);
1787    transition: all 0.3s var(--transitionEasingPresetEaseOut);
1788    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
1789    user-select: none;
1790    visibility: hidden;
1791}
1792
1793.wm_scrollToTop:hover {
1794    background-color: rgba(var(--colorCtaC), 1);
1795    transform: translateY(-5px) scale(1.05);
1796    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
1797}
1798
1799.wm_scrollToTop.wm_scrollToTop--visible {
1800    opacity: 1;
1801    transform: translateY(0);
1802    visibility: visible;
1803}
1804
1805.wm_scrollToTop::before {
1806    content: '↑';
1807    font-weight: bold;
1808    line-height: 1;
1809}
1810
1811@media all and (width < 1040px) {
1812    .wm_scrollToTop {
1813        right: 30px;
1814        bottom: 120px;
1815        width: 48px;
1816        height: 48px;
1817        font-size: 22px;
1818    }
1819}
1820
1821@media all and (width < 650px) {
1822    .wm_scrollToTop {
1823        right: 20px;
1824        bottom: 100px;
1825        width: 44px;
1826        height: 44px;
1827        font-size: 20px;
1828    }
1829}
1830
1831/* Fixed body state for menus */
1832html.full_screen_open_body_fixed {
1833    overflow: hidden;
1834
1835    & body {
1836        overflow: hidden;
1837        position: fixed;
1838        top: var(--wm_scrollTop);
1839        width: 100%;
1840    }
1841}
1842
1843@media all and (1040px <= width) {
1844    .wmcM_visuallyHide {
1845        width: 1px !important;
1846        height: 1px !important;
1847        padding: 0 !important;
1848        margin: -1px !important;
1849        overflow: hidden !important;
1850        clip: rect(0, 0, 0, 0) !important;
1851        white-space: nowrap !important;
1852        border: 0 !important;
1853        position: absolute !important;
1854    }
1855
1856    .wmcM_empty {
1857        display: none !important;
1858    }
1859
1860    .wmcM_layerHide--desktop {
1861        display: none !important;
1862    }
1863}
1864
1865@media all and (650px <= width < 1040px) {
1866    .wmcM_visuallyHide:not(.wmcM_visuallyShow--tablet),
1867    .wmcM_visuallyHide--tablet {
1868        width: 1px !important;
1869        height: 1px !important;
1870        padding: 0 !important;
1871        margin: -1px !important;
1872        overflow: hidden !important;
1873        clip: rect(0, 0, 0, 0) !important;
1874        white-space: nowrap !important;
1875        border: 0 !important;
1876        position: absolute !important;
1877    }
1878
1879    .wmcM_empty:not(.wmcM_notEmpty--tablet),
1880    .wmcM_empty--tablet {
1881        display: none !important;
1882    }
1883
1884    .wmcM_layerHide--tablet {
1885        display: none !important;
1886    }
1887}
1888
1889@media all and (width < 650px) {
1890    .wmcM_visuallyHide:not(.wmcM_visuallyShow--mobile),
1891    .wmcM_visuallyHide--mobile {
1892        width: 1px !important;
1893        height: 1px !important;
1894        padding: 0 !important;
1895        margin: -1px !important;
1896        overflow: hidden !important;
1897        clip: rect(0, 0, 0, 0) !important;
1898        white-space: nowrap !important;
1899        border: 0 !important;
1900        position: absolute !important;
1901    }
1902
1903    .wmcM_empty:not(.wmcM_notEmpty--mobile),
1904    .wmcM_empty--mobile {
1905        display: none !important;
1906    }
1907
1908    .wmcM_layerHide--mobile {
1909        display: none !important;
1910    }
1911}
1912
1913:is(.wmc_section, .wmc_shelf) > .wml:has(> .wmc),
1914:is(.wmc_box) > .wml:has(> .wms_content > .wmc) {
1915    height: max-content;
1916    min-height: max-content;
1917    max-height: fit-content;
1918}
1919
1920@media all and (1040px <= width) {
1921    .wmcM_dynamicHeight {
1922        --dynamicPaddingBottomDesktop: 0px;
1923        --dynamicPaddingBottom: var(--dynamicPaddingBottomDesktop);
1924    }
1925}
1926
1927@media all and (650px <= width < 1040px) {
1928    .wmcM_dynamicHeight {
1929        --dynamicPaddingBottomTablet: var(--dynamicPaddingBottomDesktop);
1930        --dynamicPaddingBottom: var(--dynamicPaddingBottomTablet);
1931    }
1932}
1933
1934@media all and (width < 650px) {
1935    .wmcM_dynamicHeight {
1936        --dynamicPaddingBottomMobile: var(--dynamicPaddingBottomDesktop);
1937        --dynamicPaddingBottom: var(--dynamicPaddingBottomMobile);
1938    }
1939}
1940
1941.wmcM_dynamicHeight > .wml {
1942    height: max-content;
1943    min-height: max-content;
1944    max-height: fit-content;
1945    padding-bottom: calc(var(--dynamicPaddingBottom, 0px) + var(--paddingBottom, 0px));
1946}
1947
1948@media all and (width < 650px) {
1949    #fixed-components {
1950        display: none !important;
1951    }
1952}
1953</style>
1954            <style>/* visually-hidden.css */
1955/*TODO: Make these per viewport!*/
1956.visually-hidden,
1957.label-visually-hidden > label {
1958    width: 1px !important;
1959    height: 1px !important;
1960    padding: 0 !important;
1961    margin: -1px !important;
1962    overflow: hidden !important;
1963    clip: rect(0, 0, 0, 0) !important;
1964    white-space: nowrap !important;
1965    border: 0 !important;
1966    position: absolute !important;
1967}
1968
1969.visually-hidden:not(caption) {
1970    position: absolute !important;
1971}
1972
1973.visually-hidden-focusable:not(:focus):not(:focus-within) {
1974    width: 1px !important;
1975    height: 1px !important;
1976    padding: 0 !important;
1977    margin: -1px !important;
1978    overflow: hidden !important;
1979    clip: rect(0, 0, 0, 0) !important;
1980    white-space: nowrap !important;
1981    border: 0 !important;
1982    position: absolute !important;
1983}
1984
1985.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
1986    position: absolute !important;
1987}
1988</style>
1989            <style>/* text.css */
1990.wmc_text {
1991    --heightDesktop: min-content;
1992
1993    /* entire text, all devices */
1994    --textShadow: none;
1995    text-shadow: var(--textShadow);
1996
1997    /* entire text, per device */
1998    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
1999    --paragraphSpacing: var(--paragraphSpacingDesktop);
2000
2001    /* pieces of text, all devices */
2002    --fontFamily: var(--paragraph1_fontFamily);
2003
2004    /* pieces of text, per device */
2005    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2006    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2007    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2008    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2009    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2010    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2011    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2012    --textDecorationLineDesktop: var(--textDecorationDesktop);
2013    --textDecorationThicknessDesktop: initial;
2014    --textUnderlineOffsetDesktop: initial;
2015    --textDecorationSkipInkDesktop: initial;
2016    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2017    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2018    --textAlignDesktop: left;
2019    --textIndentDesktop: 0px;
2020    --textBackgroundColorDesktop: initial;
2021    --textTransformDesktop: initial;
2022    --fontVariantCapsDesktop: normal;
2023    --fontVariantLigaturesDesktop: none;
2024    --wm_writingModeDesktop: initial;
2025    --wm_writingMode: var(--wm_writingModeDesktop);
2026}
2027
2028.wmc_text > .wml > * {
2029    margin-block-end: var(--paragraphSpacing);
2030}
2031.wmc_text > .wml > :last-child {
2032    margin-block-end: 0;
2033}
2034
2035.wmc_text > .wml {
2036    writing-mode: var(--wm_writingMode);
2037}
2038
2039.wmc_text > .wml .wmcM_embed {
2040    --floatDesktop: initial;
2041    --float: var(--floatDesktop);
2042
2043    all: initial;
2044    display: inline-block;
2045    margin-block-start: 0;
2046    margin-block-end: 0;
2047    margin-inline-start: 0;
2048    margin-inline-end: 0;
2049    unicode-bidi: isolate;
2050    width: auto;
2051    height: auto;
2052    max-width: 100%;
2053    visibility: inherit;
2054
2055    float: var(--float);
2056    clear: none;
2057
2058    > .wmc > .wml {
2059        max-width: 100%;
2060    }
2061
2062    &:has(.wmcM_alignCenter) {
2063        /* @TODO: adjust when centering will also be per device */
2064        display: block !important;
2065        clear: both !important;
2066        float: none !important;
2067    }
2068
2069    > .wmc.wmcM_alignCenter {
2070        /* @TODO: adjust when centering will also be per device */
2071        & > .wml {
2072            margin-left: auto;
2073            margin-right: auto;
2074        }
2075    }
2076
2077    & iframe {
2078        height: var(--height);
2079        width: var(--width);
2080    }
2081
2082    & > .wmc_image {
2083        --aspectRatio: auto;
2084        --widthDesktop: auto;
2085        --heightDesktop: auto;
2086    }
2087}
2088
2089.wmc_text > .wml * {
2090    /* pieces of text, all devices */
2091    font-family: var(--fontFamily);
2092
2093    /* pieces of text, per device */
2094    --paragraphSpacing: var(--paragraphSpacingDesktop);
2095    --fontSize: var(--fontSizeDesktop);
2096    --fontWeight: var(--fontWeightDesktop);
2097    --fontStyle: var(--fontStyleDesktop);
2098    --textColor: var(--textColorDesktop);
2099    --textDecoration: var(--textDecorationDesktop);
2100    --textDecorationStyle: var(--textDecorationStyleDesktop);
2101    --textDecorationColor: var(--textDecorationColorDesktop);
2102    --textDecorationLine: var(--textDecorationLineDesktop);
2103    --textDecorationThickness: var(--textDecorationThicknessDesktop);
2104    --textUnderlineOffset: var(--textUnderlineOffsetDesktop);
2105    --textDecorationSkipInk: var(--textDecorationSkipInkDesktop);
2106    --letterSpacing: var(--letterSpacingDesktop);
2107    --lineHeight: var(--lineHeightDesktop);
2108    --textAlign: var(--textAlignDesktop);
2109    --textIndent: var(--textIndentDesktop);
2110    --textBackgroundColor: var(--textBackgroundColorDesktop);
2111    --textTransform: var(--textTransformDesktop);
2112    --fontVariantCaps: var(--fontVariantCapsDesktop);
2113    --fontVariantLigatures: var(--fontVariantLigaturesDesktop);
2114
2115    font-size: var(--fontSize);
2116    font-weight: var(--fontWeight);
2117    font-style: var(--fontStyle);
2118    color: var(--textColor);
2119    text-decoration: var(--textDecoration);
2120    text-decoration-style: var(--textDecorationStyle);
2121    text-decoration-color: var(--textDecorationColor, currentColor);
2122    text-decoration-line: var(--textDecorationLine);
2123    text-decoration-thickness: var(--textDecorationThickness);
2124    text-underline-offset: var(--textUnderlineOffset);
2125    text-decoration-skip-ink: var(--textDecorationSkipInk);
2126    letter-spacing: var(--letterSpacing);
2127    line-height: var(--lineHeight);
2128    text-align: var(--textAlign);
2129    text-indent: var(--textIndent);
2130    background-color: var(--textBackgroundColor);
2131    text-transform: var(--textTransform);
2132    font-variant-caps: var(--fontVariantCaps);
2133    font-variant-ligatures: var(--fontVariantLigatures);
2134
2135    --fontSizeDesktopHover: var(--fontSizeDesktop);
2136    --fontWeightDesktopHover: var(--fontWeightDesktop);
2137    --fontStyleDesktopHover: var(--fontStyleDesktop);
2138    --textColorDesktopHover: var(--textColorDesktop);
2139    --textDecorationDesktopHover: var(--textDecorationDesktop);
2140    --textDecorationStyleDesktopHover: var(--textDecorationStyleDesktop);
2141    --textDecorationColorDesktopHover: var(--textDecorationColorDesktop);
2142    --textDecorationLineDesktopHover: var(--textDecorationLineDesktop);
2143    --textDecorationThicknessDesktopHover: var(--textDecorationThicknessDesktop);
2144    --textUnderlineOffsetDesktopHover: var(--textUnderlineOffsetDesktop);
2145    --textDecorationSkipInkDesktopHover: var(--textDecorationSkipInkDesktop);
2146    --textTransformDesktopHover: var(--textTransformDesktop);
2147    --fontVariantCapsDesktopHover: var(--fontVariantCapsDesktop);
2148    --fontVariantLigaturesDesktopHover: var(--fontVariantLigaturesDesktop);
2149
2150    --fontSizeHover: var(--fontSizeDesktopHover);
2151    --fontWeightHover: var(--fontWeightDesktopHover);
2152    --textColorHover: var(--textColorDesktopHover);
2153    --fontStyleHover: var(--fontStyleDesktopHover);
2154    --textDecorationHover: var(--textDecorationDesktopHover);
2155    --textDecorationStyleHover: var(--textDecorationStyleDesktopHover);
2156    --textDecorationColorHover: var(--textDecorationColorDesktopHover);
2157    --textDecorationLineHover: var(--textDecorationLineDesktopHover);
2158    --textDecorationThicknessHover: var(--textDecorationThicknessDesktopHover);
2159    --textUnderlineOffsetHover: var(--textUnderlineOffsetDesktopHover);
2160    --textDecorationSkipInkHover: var(--textDecorationSkipInkDesktopHover);
2161    --textTransformHover: var(--textTransformDesktopHover);
2162    --fontVariantCapsHover: var(--fontVariantCapsDesktopHover);
2163    --fontVariantLigaturesHover: var(--fontVariantLigaturesDesktopHover);
2164
2165    --fontSizeDesktopActive: var(--fontSizeDesktopHover);
2166    --fontWeightDesktopActive: var(--fontWeightDesktopHover);
2167    --textColorDesktopActive: var(--textColorDesktopHover);
2168    --fontStyleDesktopActive: var(--fontStyleDesktopHover);
2169    --textDecorationDesktopActive: var(--textDecorationDesktopHover);
2170    --textDecorationStyleDesktopActive: var(--textDecorationStyleDesktopHover);
2171    --textDecorationColorDesktopActive: var(--textDecorationColorDesktopHover);
2172    --textDecorationLineDesktopActive: var(--textDecorationLineDesktopHover);
2173    --textDecorationThicknessDesktopActive: var(--textDecorationThicknessDesktopHover);
2174    --textUnderlineOffsetDesktopActive: var(--textUnderlineOffsetDesktopHover);
2175    --textDecorationSkipInkDesktopActive: var(--textDecorationSkipInkDesktopHover);
2176    --textTransformDesktopActive: var(--textTransformDesktopHover);
2177    --fontVariantCapsDesktopActive: var(--fontVariantCapsDesktopHover);
2178    --fontVariantLigaturesDesktopActive: var(--fontVariantLigaturesDesktopHover);
2179
2180    --fontSizeActive: var(--fontSizeDesktopActive);
2181    --fontWeightActive: var(--fontWeightDesktopActive);
2182    --textColorActive: var(--textColorDesktopActive);
2183    --fontStyleActive: var(--fontStyleDesktopActive);
2184    --textDecorationActive: var(--textDecorationDesktopActive);
2185    --textDecorationStyleActive: var(--textDecorationStyleDesktopActive);
2186    --textDecorationColorActive: var(--textDecorationColorDesktopActive);
2187    --textDecorationLineActive: var(--textDecorationLineDesktopActive);
2188    --textDecorationThicknessActive: var(--textDecorationThicknessDesktopActive);
2189    --textUnderlineOffsetActive: var(--textUnderlineOffsetDesktopActive);
2190    --textDecorationSkipInkActive: var(--textDecorationSkipInkDesktopActive);
2191    --textTransformActive: var(--textTransformDesktopActive);
2192    --fontVariantCapsActive: var(--fontVariantCapsDesktopActive);
2193    --fontVariantLigaturesActive: var(--fontVariantLigaturesDesktopActive);
2194}
2195
2196.wmc_text.wmcM_shadow {
2197    --textShadowDesktop: 0px 0px 0px transparent;
2198    --textShadowDesktopHover: var(--textShadowDesktop);
2199    --textShadowDesktopActive: var(--textShadowDesktopHover);
2200
2201    --textShadow: var(--textShadowDesktop);
2202    --textShadowHover: var(--textShadowDesktopHover);
2203    --textShadowActive: var(--textShadowDesktopActive);
2204}
2205
2206.wmc_text > .wml .wmcM_title1 {
2207    --fontFamily: var(--title1_fontFamily);
2208    --fontSizeDesktop: var(--title1_fontSizeDesktop);
2209    --fontWeightDesktop: var(--title1_fontWeightDesktop);
2210    --fontStyleDesktop: var(--title1_fontStyleDesktop);
2211    --textColorDesktop: var(--title1_fontColorDesktop);
2212    --textDecorationDesktop: var(--title1_textDecorationDesktop);
2213    --textDecorationStyleDesktop: var(--title1_textDecorationStyleDesktop);
2214    --textDecorationColorDesktop: var(--title1_textDecorationColorDesktop);
2215    --textDecorationLineDesktop: var(--title1_textDecorationLineDesktop, var(--title1_textDecorationDesktop));
2216    --lineHeightDesktop: var(--title1_lineHeightDesktop);
2217    --letterSpacingDesktop: var(--title1_letterSpacingDesktop);
2218    --paragraphSpacingDesktop: var(--title1_paragraphSpacingDesktop);
2219}
2220
2221.wmc_text > .wml .wmcM_title2 {
2222    --fontFamily: var(--title2_fontFamily);
2223    --fontSizeDesktop: var(--title2_fontSizeDesktop);
2224    --fontWeightDesktop: var(--title2_fontWeightDesktop);
2225    --fontStyleDesktop: var(--title2_fontStyleDesktop);
2226    --textColorDesktop: var(--title2_fontColorDesktop);
2227    --textDecorationDesktop: var(--title2_textDecorationDesktop);
2228    --textDecorationStyleDesktop: var(--title2_textDecorationStyleDesktop);
2229    --textDecorationColorDesktop: var(--title2_textDecorationColorDesktop);
2230    --textDecorationLineDesktop: var(--title2_textDecorationLineDesktop, var(--title2_textDecorationDesktop));
2231    --lineHeightDesktop: var(--title2_lineHeightDesktop);
2232    --letterSpacingDesktop: var(--title2_letterSpacingDesktop);
2233    --paragraphSpacingDesktop: var(--title2_paragraphSpacingDesktop);
2234}
2235
2236.wmc_text > .wml .wmcM_title3 {
2237    --fontFamily: var(--title3_fontFamily);
2238    --fontSizeDesktop: var(--title3_fontSizeDesktop);
2239    --fontWeightDesktop: var(--title3_fontWeightDesktop);
2240    --fontStyleDesktop: var(--title3_fontStyleDesktop);
2241    --textColorDesktop: var(--title3_fontColorDesktop);
2242    --textDecorationDesktop: var(--title3_textDecorationDesktop);
2243    --textDecorationStyleDesktop: var(--title3_textDecorationStyleDesktop);
2244    --textDecorationColorDesktop: var(--title3_textDecorationColorDesktop);
2245    --textDecorationLineDesktop: var(--title3_textDecorationLineDesktop, var(--title3_textDecorationDesktop));
2246    --lineHeightDesktop: var(--title3_lineHeightDesktop);
2247    --letterSpacingDesktop: var(--title3_letterSpacingDesktop);
2248    --paragraphSpacingDesktop: var(--title3_paragraphSpacingDesktop);
2249}
2250
2251.wmc_text > .wml .wmcM_heading1,
2252.wmc_text > .wml h1 {
2253    --fontFamily: var(--heading1_fontFamily);
2254    --fontSizeDesktop: var(--heading1_fontSizeDesktop);
2255    --fontWeightDesktop: var(--heading1_fontWeightDesktop);
2256    --fontStyleDesktop: var(--heading1_fontStyleDesktop);
2257    --textColorDesktop: var(--heading1_fontColorDesktop);
2258    --textDecorationDesktop: var(--heading1_textDecorationDesktop);
2259    --textDecorationStyleDesktop: var(--heading1_textDecorationStyleDesktop);
2260    --textDecorationColorDesktop: var(--heading1_textDecorationColorDesktop);
2261    --textDecorationLineDesktop: var(--heading1_textDecorationLineDesktop, var(--heading1_textDecorationDesktop));
2262    --lineHeightDesktop: var(--heading1_lineHeightDesktop);
2263    --letterSpacingDesktop: var(--heading1_letterSpacingDesktop);
2264    --paragraphSpacingDesktop: var(--heading1_paragraphSpacingDesktop);
2265}
2266
2267.wmc_text > .wml .wmcM_heading2,
2268.wmc_text > .wml h2 {
2269    --fontFamily: var(--heading2_fontFamily);
2270    --fontSizeDesktop: var(--heading2_fontSizeDesktop);
2271    --fontWeightDesktop: var(--heading2_fontWeightDesktop);
2272    --fontStyleDesktop: var(--heading2_fontStyleDesktop);
2273    --textColorDesktop: var(--heading2_fontColorDesktop);
2274    --textDecorationDesktop: var(--heading2_textDecorationDesktop);
2275    --textDecorationStyleDesktop: var(--heading2_textDecorationStyleDesktop);
2276    --textDecorationColorDesktop: var(--heading2_textDecorationColorDesktop);
2277    --textDecorationLineDesktop: var(--heading2_textDecorationLineDesktop, var(--heading2_textDecorationDesktop));
2278    --lineHeightDesktop: var(--heading2_lineHeightDesktop);
2279    --letterSpacingDesktop: var(--heading2_letterSpacingDesktop);
2280    --paragraphSpacingDesktop: var(--heading2_paragraphSpacingDesktop);
2281}
2282
2283.wmc_text > .wml .wmcM_heading3,
2284.wmc_text > .wml h3 {
2285    --fontFamily: var(--heading3_fontFamily);
2286    --fontSizeDesktop: var(--heading3_fontSizeDesktop);
2287    --fontWeightDesktop: var(--heading3_fontWeightDesktop);
2288    --fontStyleDesktop: var(--heading3_fontStyleDesktop);
2289    --textColorDesktop: var(--heading3_fontColorDesktop);
2290    --textDecorationDesktop: var(--heading3_textDecorationDesktop);
2291    --textDecorationStyleDesktop: var(--heading3_textDecorationStyleDesktop);
2292    --textDecorationColorDesktop: var(--heading3_textDecorationColorDesktop);
2293    --textDecorationLineDesktop: var(--heading3_textDecorationLineDesktop, var(--heading3_textDecorationDesktop));
2294    --lineHeightDesktop: var(--heading3_lineHeightDesktop);
2295    --letterSpacingDesktop: var(--heading3_letterSpacingDesktop);
2296    --paragraphSpacingDesktop: var(--heading3_paragraphSpacingDesktop);
2297}
2298
2299.wmc_text > .wml .wmcM_heading4,
2300.wmc_text > .wml h4 {
2301    --fontFamily: var(--heading4_fontFamily);
2302    --fontSizeDesktop: var(--heading4_fontSizeDesktop);
2303    --fontWeightDesktop: var(--heading4_fontWeightDesktop);
2304    --fontStyleDesktop: var(--heading4_fontStyleDesktop);
2305    --textColorDesktop: var(--heading4_fontColorDesktop);
2306    --textDecorationDesktop: var(--heading4_textDecorationDesktop);
2307    --textDecorationStyleDesktop: var(--heading4_textDecorationStyleDesktop);
2308    --textDecorationColorDesktop: var(--heading4_textDecorationColorDesktop);
2309    --textDecorationLineDesktop: var(--heading4_textDecorationLineDesktop, var(--heading4_textDecorationDesktop));
2310    --lineHeightDesktop: var(--heading4_lineHeightDesktop);
2311    --letterSpacingDesktop: var(--heading4_letterSpacingDesktop);
2312    --paragraphSpacingDesktop: var(--heading4_paragraphSpacingDesktop);
2313}
2314
2315.wmc_text > .wml .wmcM_heading5,
2316.wmc_text > .wml h5 {
2317    --fontFamily: var(--heading5_fontFamily);
2318    --fontSizeDesktop: var(--heading5_fontSizeDesktop);
2319    --fontWeightDesktop: var(--heading5_fontWeightDesktop);
2320    --fontStyleDesktop: var(--heading5_fontStyleDesktop);
2321    --textColorDesktop: var(--heading5_fontColorDesktop);
2322    --textDecorationDesktop: var(--heading5_textDecorationDesktop);
2323    --textDecorationStyleDesktop: var(--heading5_textDecorationStyleDesktop);
2324    --textDecorationColorDesktop: var(--heading5_textDecorationColorDesktop);
2325    --textDecorationLineDesktop: var(--heading5_textDecorationLineDesktop, var(--heading5_textDecorationDesktop));
2326    --lineHeightDesktop: var(--heading5_lineHeightDesktop);
2327    --letterSpacingDesktop: var(--heading5_letterSpacingDesktop);
2328    --paragraphSpacingDesktop: var(--heading5_paragraphSpacingDesktop);
2329}
2330
2331.wmc_text > .wml .wmcM_heading6,
2332.wmc_text > .wml h6 {
2333    --fontFamily: var(--heading6_fontFamily);
2334    --fontSizeDesktop: var(--heading6_fontSizeDesktop);
2335    --fontWeightDesktop: var(--heading6_fontWeightDesktop);
2336    --fontStyleDesktop: var(--heading6_fontStyleDesktop);
2337    --textColorDesktop: var(--heading6_fontColorDesktop);
2338    --textDecorationDesktop: var(--heading6_textDecorationDesktop);
2339    --textDecorationStyleDesktop: var(--heading6_textDecorationStyleDesktop);
2340    --textDecorationColorDesktop: var(--heading6_textDecorationColorDesktop);
2341    --textDecorationLineDesktop: var(--heading6_textDecorationLineDesktop, var(--heading6_textDecorationDesktop));
2342    --lineHeightDesktop: var(--heading6_lineHeightDesktop);
2343    --letterSpacingDesktop: var(--heading6_letterSpacingDesktop);
2344    --paragraphSpacingDesktop: var(--heading6_paragraphSpacingDesktop);
2345}
2346
2347.wmc_text > .wml .wmcM_paragraph1,
2348.wmc_text > .wml p,
2349.wmc_text > .wml div {
2350    --fontFamily: var(--paragraph1_fontFamily);
2351    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
2352    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
2353    --fontStyleDesktop: var(--paragraph1_fontStyleDesktop);
2354    --textColorDesktop: var(--paragraph1_fontColorDesktop);
2355    --textDecorationDesktop: var(--paragraph1_textDecorationDesktop);
2356    --textDecorationStyleDesktop: var(--paragraph1_textDecorationStyleDesktop);
2357    --textDecorationColorDesktop: var(--paragraph1_textDecorationColorDesktop);
2358    --textDecorationLineDesktop: var(--paragraph1_textDecorationLineDesktop, var(--paragraph1_textDecorationDesktop));
2359    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
2360    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
2361    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
2362}
2363
2364.wmc_text > .wml .wmcM_paragraph2 {
2365    --fontFamily: var(--paragraph2_fontFamily);
2366    --fontSizeDesktop: var(--paragraph2_fontSizeDesktop);
2367    --fontWeightDesktop: var(--paragraph2_fontWeightDesktop);
2368    --fontStyleDesktop: var(--paragraph2_fontStyleDesktop);
2369    --textColorDesktop: var(--paragraph2_fontColorDesktop);
2370    --textDecorationDesktop: var(--paragraph2_textDecorationDesktop);
2371    --textDecorationStyleDesktop: var(--paragraph2_textDecorationStyleDesktop);
2372    --textDecorationColorDesktop: var(--paragraph2_textDecorationColorDesktop);
2373    --textDecorationLineDesktop: var(--paragraph2_textDecorationLineDesktop, var(--paragraph2_textDecorationDesktop));
2374    --lineHeightDesktop: var(--paragraph2_lineHeightDesktop);
2375    --letterSpacingDesktop: var(--paragraph2_letterSpacingDesktop);
2376    --paragraphSpacingDesktop: var(--paragraph2_paragraphSpacingDesktop);
2377}
2378
2379.wmc_text > .wml .wmcM_paragraph3 {
2380    --fontFamily: var(--paragraph3_fontFamily);
2381    --fontSizeDesktop: var(--paragraph3_fontSizeDesktop);
2382    --fontWeightDesktop: var(--paragraph3_fontWeightDesktop);
2383    --fontStyleDesktop: var(--paragraph3_fontStyleDesktop);
2384    --textColorDesktop: var(--paragraph3_fontColorDesktop);
2385    --textDecorationDesktop: var(--paragraph3_textDecorationDesktop);
2386    --textDecorationStyleDesktop: var(--paragraph3_textDecorationStyleDesktop);
2387    --textDecorationColorDesktop: var(--paragraph3_textDecorationColorDesktop);
2388    --textDecorationLineDesktop: var(--paragraph3_textDecorationLineDesktop, var(--paragraph3_textDecorationDesktop));
2389    --lineHeightDesktop: var(--paragraph3_lineHeightDesktop);
2390    --letterSpacingDesktop: var(--paragraph3_letterSpacingDesktop);
2391    --paragraphSpacingDesktop: var(--paragraph3_paragraphSpacingDesktop);
2392}
2393
2394.wmc_text > .wml .wmcM_paragraph4 {
2395    --fontFamily: var(--paragraph4_fontFamily);
2396    --fontSizeDesktop: var(--paragraph4_fontSizeDesktop);
2397    --fontWeightDesktop: var(--paragraph4_fontWeightDesktop);
2398    --fontStyleDesktop: var(--paragraph4_fontStyleDesktop);
2399    --textColorDesktop: var(--paragraph4_fontColorDesktop);
2400    --textDecorationDesktop: var(--paragraph4_textDecorationDesktop);
2401    --textDecorationStyleDesktop: var(--paragraph4_textDecorationStyleDesktop);
2402    --textDecorationColorDesktop: var(--paragraph4_textDecorationColorDesktop);
2403    --textDecorationLineDesktop: var(--paragraph4_textDecorationLineDesktop, var(--paragraph4_textDecorationDesktop));
2404    --lineHeightDesktop: var(--paragraph4_lineHeightDesktop);
2405    --letterSpacingDesktop: var(--paragraph4_letterSpacingDesktop);
2406    --paragraphSpacingDesktop: var(--paragraph4_paragraphSpacingDesktop);
2407}
2408
2409.wmc_text > .wml .wmcM_link,
2410.wmc_text > .wml .wmcM_link *,
2411.wmc_text > .wml a,
2412.wmc_text > .wml a * {
2413    --fontWeightDesktop: var(--link_fontWeightDesktop);
2414    --fontStyleDesktop: var(--link_fontStyleDesktop);
2415    --textColorDesktop: var(--link_fontColorDesktop);
2416    --textDecorationDesktop: var(--link_textDecorationDesktop);
2417    --textDecorationStyleDesktop: var(--link_textDecorationStyleDesktop);
2418    --textDecorationColorDesktop: var(--link_textDecorationColorDesktop);
2419    --textDecorationLineDesktop: var(--link_textDecorationLineDesktop, var(--link_textDecorationDesktop));
2420
2421    --textColorDesktopHover: var(--link_hoverFontColorDesktop);
2422    --textDecorationDesktopHover: var(--link_hoverTextDecorationDesktop);
2423    --textDecorationStyleDesktopHover: var(--link_hoverTextDecorationStyleDesktop);
2424    --textDecorationColorDesktopHover: var(--link_hoverTextDecorationColorDesktop);
2425    --textDecorationLineDesktopHover: var(--link_hoverTextDecorationLineDesktop, var(--link_hoverTextDecorationDesktop));
2426}
2427
2428@media all and (width >= 1040px) {
2429    .wmc_text.wmcM_sidewaysLR--desktop,
2430    .wmc_text.wmcM_sidewaysRL--desktop {
2431        & > .wml {
2432            width: min-content;
2433            min-width: var(--width);
2434            height: var(--minHeight);
2435        }
2436    }
2437
2438    .wmc_text.wmcM_sidewaysLR--desktop {
2439        --wm_writingModeDesktop: sideways-lr;
2440    }
2441
2442    .wmc_text.wmcM_sidewaysRL--desktop {
2443        --wm_writingModeDesktop: sideways-rl;
2444    }
2445
2446    .wmc_text.wmcM_sidewaysNormal--desktop {
2447        --wm_writingModeDesktop: initial;
2448    }
2449
2450    .wmc_text > .wml .wmcM_embed:has(> .wmc.wmcM_containerSizeFull) {
2451        display: block;
2452        clear: both;
2453        float: none;
2454    }
2455}
2456
2457@media all and (width < 1040px) {
2458    .wmc_text {
2459        --heightTablet: min-content;
2460
2461        /* entire text, per device */
2462        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2463        --paragraphSpacing: var(--paragraphSpacingTablet);
2464
2465        /* pieces of text, per device */
2466        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2467        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2468        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2469        --textColorTablet: var(--paragraph1_fontColorTablet);
2470        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2471        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2472        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2473        --textDecorationLineTablet: var(--textDecorationTablet);
2474        --textDecorationThicknessTablet: initial;
2475        --textUnderlineOffsetTablet: initial;
2476        --textDecorationSkipInkTablet: initial;
2477        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2478        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2479        --textAlignTablet: left;
2480        --textIndentTablet: 0px;
2481        --textBackgroundColorTablet: initial;
2482        --textTransformTablet: none;
2483        --fontVariantCapsTablet: normal;
2484        --fontVariantLigaturesTablet: none;
2485
2486        --wm_writingModeTablet: initial;
2487        --wm_writingMode: var(--wm_writingModeTablet);
2488    }
2489
2490    .wmc_text > .wml * {
2491        /* inherit from desktop */
2492        --fontSizeTablet: var(--fontSizeDesktop);
2493        --fontWeightTablet: var(--fontWeightDesktop);
2494        --fontStyleTablet: var(--fontStyleDesktop);
2495        --textColorTablet: var(--textColorDesktop);
2496        --textDecorationTablet: var(--textDecorationDesktop);
2497        --textDecorationStyleTablet: var(--textDecorationStyleDesktop);
2498        --textDecorationColorTablet: var(--textDecorationColorDesktop);
2499        --textDecorationLineTablet: var(--textDecorationLineDesktop);
2500        --textDecorationThicknessTablet: var(--textDecorationThicknessDesktop);
2501        --textUnderlineOffsetTablet: var(--textUnderlineOffsetDesktop);
2502        --textDecorationSkipInkTablet: var(--textDecorationSkipInkDesktop);
2503        --letterSpacingTablet: var(--letterSpacingDesktop);
2504        --textBackgroundColorTablet: var(--textBackgroundColorDesktop);
2505        --textTransformTablet: var(--textTransformDesktop);
2506        --fontVariantCapsTablet: var(--fontVariantCapsDesktop);
2507        --fontVariantLigaturesTablet: var(--fontVariantLigaturesDesktop);
2508
2509        /* pieces of text, per device */
2510        --paragraphSpacing: var(--paragraphSpacingTablet);
2511        --fontSize: var(--fontSizeTablet);
2512        --fontWeight: var(--fontWeightTablet);
2513        --fontStyle: var(--fontStyleTablet);
2514        --textColor: var(--textColorTablet);
2515        --textDecoration: var(--textDecorationTablet);
2516        --textDecorationStyle: var(--textDecorationStyleTablet);
2517        --textDecorationColor: var(--textDecorationColorTablet);
2518        --textDecorationLine: var(--textDecorationLineTablet);
2519        --textDecorationThickness: var(--textDecorationThicknessTablet);
2520        --textUnderlineOffset: var(--textUnderlineOffsetTablet);
2521        --textDecorationSkipInk: var(--textDecorationSkipInkTablet);
2522        --letterSpacing: var(--letterSpacingTablet);
2523        --lineHeight: var(--lineHeightTablet);
2524        --textAlign: var(--textAlignTablet);
2525        --textIndent: var(--textIndentTablet);
2526        --textBackgroundColor: var(--textBackgroundColorTablet);
2527        --textTransform: var(--textTransformTablet);
2528        --fontVariantCaps: var(--fontVariantCapsTablet);
2529        --fontVariantLigatures: var(--fontVariantLigaturesTablet);
2530
2531        /* pieces of text , per device hover */
2532        --fontSizeTabletHover: var(--fontSizeTablet);
2533        --fontWeightTabletHover: var(--fontWeightTablet);
2534        --fontStyleTabletHover: var(--fontStyleTablet);
2535        --textColorTabletHover: var(--textColorTablet);
2536        --textDecorationTabletHover: var(--textDecorationTablet);
2537        --textDecorationStyleTabletHover: var(--textDecorationStyleTablet);
2538        --textDecorationColorTabletHover: var(--textDecorationColorTablet);
2539        --textDecorationLineTabletHover: var(--textDecorationLineTablet);
2540        --textDecorationThicknessTabletHover: var(--textDecorationThicknessTablet);
2541        --textUnderlineOffsetTabletHover: var(--textUnderlineOffsetTablet);
2542        --textDecorationSkipInkTabletHover: var(--textDecorationSkipInkTablet);
2543        --textTransformTabletHover: var(--textTransformTablet);
2544        --fontVariantCapsTabletHover: var(--fontVariantCapsTablet);
2545        --fontVariantLigaturesTabletHover: var(--fontVariantLigaturesTablet);
2546
2547        --fontSizeHover: var(--fontSizeTabletHover);
2548        --fontWeightHover: var(--fontWeightTabletHover);
2549        --fontStyleHover: var(--fontStyleTabletHover);
2550        --textColorHover: var(--textColorTabletHover);
2551        --textDecorationHover: var(--textDecorationTabletHover);
2552        --textDecorationStyleHover: var(--textDecorationStyleTabletHover);
2553        --textDecorationColorHover: var(--textDecorationColorTabletHover);
2554        --textDecorationLineHover: var(--textDecorationLineTabletHover);
2555        --textDecorationThicknessHover: var(--textDecorationThicknessTabletHover);
2556        --textUnderlineOffsetHover: var(--textUnderlineOffsetTabletHover);
2557        --textDecorationSkipInkHover: var(--textDecorationSkipInkTabletHover);
2558        --textTransformHover: var(--textTransformTabletHover);
2559        --fontVariantCapsHover: var(--fontVariantCapsTabletHover);
2560        --fontVariantLigaturesHover: var(--fontVariantLigaturesTabletHover);
2561
2562        --fontSizeTabletActive: var(--fontSizeTabletHover);
2563        --fontWeightTabletActive: var(--fontWeightTabletHover);
2564        --fontStyleTabletActive: var(--fontStyleTabletHover);
2565        --textColorTabletActive: var(--textColorTabletHover);
2566        --textDecorationTabletActive: var(--textDecorationTabletHover);
2567        --textDecorationStyleTabletActive: var(--textDecorationStyleTabletHover);
2568        --textDecorationColorTabletActive: var(--textDecorationColorTabletHover);
2569        --textDecorationLineTabletActive: var(--textDecorationLineTabletHover);
2570        --textDecorationThicknessTabletActive: var(--textDecorationThicknessTabletHover);
2571        --textUnderlineOffsetTabletActive: var(--textUnderlineOffsetTabletHover);
2572        --textDecorationSkipInkTabletActive: var(--textDecorationSkipInkTabletHover);
2573        --textTransformTabletActive: var(--textTransformTabletHover);
2574        --fontVariantCapsTabletActive: var(--fontVariantCapsTabletHover);
2575        --fontVariantLigaturesTabletActive: var(--fontVariantLigaturesTabletHover);
2576
2577        --fontSizeActive: var(--fontSizeTabletActive);
2578        --fontWeightActive: var(--fontWeightTabletActive);
2579        --fontStyleActive: var(--fontStyleTabletActive);
2580        --textColorActive: var(--textColorTabletActive);
2581        --textDecorationActive: var(--textDecorationTabletActive);
2582        --textDecorationStyleActive: var(--textDecorationStyleTabletActive);
2583        --textDecorationColorActive: var(--textDecorationColorTabletActive);
2584        --textDecorationLineActive: var(--textDecorationLineTabletActive);
2585        --textDecorationThicknessActive: var(--textDecorationThicknessTabletActive);
2586        --textUnderlineOffsetActive: var(--textUnderlineOffsetTabletActive);
2587        --textDecorationSkipInkActive: var(--textDecorationSkipInkTabletActive);
2588        --textTransformActive: var(--textTransformTabletActive);
2589        --fontVariantCapsActive: var(--fontVariantCapsTabletActive);
2590        --fontVariantLigaturesActive: var(--fontVariantLigaturesTabletActive);
2591    }
2592
2593    .wmc_text > .wml .wmcM_title1 {
2594        --fontSizeTablet: var(--title1_fontSizeTablet);
2595        --fontWeightTablet: var(--title1_fontWeightTablet);
2596        --fontStyleTablet: var(--title1_fontStyleTablet);
2597        --textColorTablet: var(--title1_fontColorTablet);
2598        --textDecorationTablet: var(--title1_textDecorationTablet);
2599        --textDecorationStyleTablet: var(--title1_textDecorationStyleTablet);
2600        --textDecorationColorTablet: var(--title1_textDecorationColorTablet);
2601        --textDecorationLineTablet: var(--title1_textDecorationLineTablet, var(--title1_textDecorationTablet));
2602        --letterSpacingTablet: var(--title1_letterSpacingTablet);
2603        --lineHeightTablet: var(--title1_lineHeightTablet);
2604        --paragraphSpacingTablet: var(--title1_paragraphSpacingTablet);
2605    }
2606
2607    .wmc_text > .wml .wmcM_title2 {
2608        --fontSizeTablet: var(--title2_fontSizeTablet);
2609        --fontWeightTablet: var(--title2_fontWeightTablet);
2610        --fontStyleTablet: var(--title2_fontStyleTablet);
2611        --textColorTablet: var(--title2_fontColorTablet);
2612        --textDecorationTablet: var(--title2_textDecorationTablet);
2613        --textDecorationStyleTablet: var(--title2_textDecorationStyleTablet);
2614        --textDecorationColorTablet: var(--title2_textDecorationColorTablet);
2615        --textDecorationLineTablet: var(--title2_textDecorationLineTablet, var(--title2_textDecorationTablet));
2616        --letterSpacingTablet: var(--title2_letterSpacingTablet);
2617        --lineHeightTablet: var(--title2_lineHeightTablet);
2618        --paragraphSpacingTablet: var(--title2_paragraphSpacingTablet);
2619    }
2620
2621    .wmc_text > .wml .wmcM_title3 {
2622        --fontSizeTablet: var(--title3_fontSizeTablet);
2623        --fontWeightTablet: var(--title3_fontWeightTablet);
2624        --fontStyleTablet: var(--title3_fontStyleTablet);
2625        --textColorTablet: var(--title3_fontColorTablet);
2626        --textDecorationTablet: var(--title3_textDecorationTablet);
2627        --textDecorationStyleTablet: var(--title3_textDecorationStyleTablet);
2628        --textDecorationColorTablet: var(--title3_textDecorationColorTablet);
2629        --textDecorationLineTablet: var(--title3_textDecorationLineTablet, var(--title3_textDecorationTablet));
2630        --letterSpacingTablet: var(--title3_letterSpacingTablet);
2631        --lineHeightTablet: var(--title3_lineHeightTablet);
2632        --paragraphSpacingTablet: var(--title3_paragraphSpacingTablet);
2633    }
2634
2635    .wmc_text > .wml .wmcM_heading1,
2636    .wmc_text > .wml h1 {
2637        --fontSizeTablet: var(--heading1_fontSizeTablet);
2638        --fontWeightTablet: var(--heading1_fontWeightTablet);
2639        --fontStyleTablet: var(--heading1_fontStyleTablet);
2640        --textColorTablet: var(--heading1_fontColorTablet);
2641        --textDecorationTablet: var(--heading1_textDecorationTablet);
2642        --textDecorationStyleTablet: var(--heading1_textDecorationStyleTablet);
2643        --textDecorationColorTablet: var(--heading1_textDecorationColorTablet);
2644        --textDecorationLineTablet: var(--heading1_textDecorationLineTablet, var(--heading1_textDecorationTablet));
2645        --letterSpacingTablet: var(--heading1_letterSpacingTablet);
2646        --lineHeightTablet: var(--heading1_lineHeightTablet);
2647        --paragraphSpacingTablet: var(--heading1_paragraphSpacingTablet);
2648    }
2649
2650    .wmc_text > .wml .wmcM_heading2,
2651    .wmc_text > .wml h2 {
2652        --fontSizeTablet: var(--heading2_fontSizeTablet);
2653        --fontWeightTablet: var(--heading2_fontWeightTablet);
2654        --fontStyleTablet: var(--heading2_fontStyleTablet);
2655        --textColorTablet: var(--heading2_fontColorTablet);
2656        --textDecorationTablet: var(--heading2_textDecorationTablet);
2657        --textDecorationStyleTablet: var(--heading2_textDecorationStyleTablet);
2658        --textDecorationColorTablet: var(--heading2_textDecorationColorTablet);
2659        --textDecorationLineTablet: var(--heading2_textDecorationLineTablet, var(--heading2_textDecorationTablet));
2660        --letterSpacingTablet: var(--heading2_letterSpacingTablet);
2661        --lineHeightTablet: var(--heading2_lineHeightTablet);
2662        --paragraphSpacingTablet: var(--heading2_paragraphSpacingTablet);
2663    }
2664
2665    .wmc_text > .wml .wmcM_heading3,
2666    .wmc_text > .wml h3 {
2667        --fontSizeTablet: var(--heading3_fontSizeTablet);
2668        --fontWeightTablet: var(--heading3_fontWeightTablet);
2669        --fontStyleTablet: var(--heading3_fontStyleTablet);
2670        --textColorTablet: var(--heading3_fontColorTablet);
2671        --textDecorationTablet: var(--heading3_textDecorationTablet);
2672        --textDecorationStyleTablet: var(--heading3_textDecorationStyleTablet);
2673        --textDecorationColorTablet: var(--heading3_textDecorationColorTablet);
2674        --textDecorationLineTablet: var(--heading3_textDecorationLineTablet, var(--heading3_textDecorationTablet));
2675        --letterSpacingTablet: var(--heading3_letterSpacingTablet);
2676        --lineHeightTablet: var(--heading3_lineHeightTablet);
2677        --paragraphSpacingTablet: var(--heading3_paragraphSpacingTablet);
2678    }
2679
2680    .wmc_text > .wml .wmcM_heading4,
2681    .wmc_text > .wml h4 {
2682        --fontSizeTablet: var(--heading4_fontSizeTablet);
2683        --fontWeightTablet: var(--heading4_fontWeightTablet);
2684        --fontStyleTablet: var(--heading4_fontStyleTablet);
2685        --textColorTablet: var(--heading4_fontColorTablet);
2686        --textDecorationTablet: var(--heading4_textDecorationTablet);
2687        --textDecorationStyleTablet: var(--heading4_textDecorationStyleTablet);
2688        --textDecorationColorTablet: var(--heading4_textDecorationColorTablet);
2689        --textDecorationLineTablet: var(--heading4_textDecorationLineTablet, var(--heading4_textDecorationTablet));
2690        --letterSpacingTablet: var(--heading4_letterSpacingTablet);
2691        --lineHeightTablet: var(--heading4_lineHeightTablet);
2692        --paragraphSpacingTablet: var(--heading4_paragraphSpacingTablet);
2693    }
2694
2695    .wmc_text > .wml .wmcM_heading5,
2696    .wmc_text > .wml h5 {
2697        --fontSizeTablet: var(--heading5_fontSizeTablet);
2698        --fontWeightTablet: var(--heading5_fontWeightTablet);
2699        --fontStyleTablet: var(--heading5_fontStyleTablet);
2700        --textColorTablet: var(--heading5_fontColorTablet);
2701        --textDecorationTablet: var(--heading5_textDecorationTablet);
2702        --textDecorationStyleTablet: var(--heading5_textDecorationStyleTablet);
2703        --textDecorationColorTablet: var(--heading5_textDecorationColorTablet);
2704        --textDecorationLineTablet: var(--heading5_textDecorationLineTablet, var(--heading5_textDecorationTablet));
2705        --letterSpacingTablet: var(--heading5_letterSpacingTablet);
2706        --lineHeightTablet: var(--heading5_lineHeightTablet);
2707        --paragraphSpacingTablet: var(--heading5_paragraphSpacingTablet);
2708    }
2709
2710    .wmc_text > .wml .wmcM_heading6,
2711    .wmc_text > .wml h6 {
2712        --fontSizeTablet: var(--heading6_fontSizeTablet);
2713        --fontWeightTablet: var(--heading6_fontWeightTablet);
2714        --fontStyleTablet: var(--heading6_fontStyleTablet);
2715        --textColorTablet: var(--heading6_fontColorTablet);
2716        --textDecorationTablet: var(--heading6_textDecorationTablet);
2717        --textDecorationStyleTablet: var(--heading6_textDecorationStyleTablet);
2718        --textDecorationColorTablet: var(--heading6_textDecorationColorTablet);
2719        --textDecorationLineTablet: var(--heading6_textDecorationLineTablet, var(--heading6_textDecorationTablet));
2720        --letterSpacingTablet: var(--heading6_letterSpacingTablet);
2721        --lineHeightTablet: var(--heading6_lineHeightTablet);
2722        --paragraphSpacingTablet: var(--heading6_paragraphSpacingTablet);
2723    }
2724
2725    .wmc_text > .wml .wmcM_paragraph1,
2726    .wmc_text > .wml p,
2727    .wmc_text > .wml div {
2728        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
2729        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
2730        --fontStyleTablet: var(--paragraph1_fontStyleTablet);
2731        --textColorTablet: var(--paragraph1_fontColorTablet);
2732        --textDecorationTablet: var(--paragraph1_textDecorationTablet);
2733        --textDecorationStyleTablet: var(--paragraph1_textDecorationStyleTablet);
2734        --textDecorationColorTablet: var(--paragraph1_textDecorationColorTablet);
2735        --textDecorationLineTablet: var(--paragraph1_textDecorationLineTablet, var(--paragraph1_textDecorationTablet));
2736        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
2737        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
2738        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
2739    }
2740
2741    .wmc_text > .wml .wmcM_paragraph2 {
2742        --fontSizeTablet: var(--paragraph2_fontSizeTablet);
2743        --fontWeightTablet: var(--paragraph2_fontWeightTablet);
2744        --fontStyleTablet: var(--paragraph2_fontStyleTablet);
2745        --textColorTablet: var(--paragraph2_fontColorTablet);
2746        --textDecorationTablet: var(--paragraph2_textDecorationTablet);
2747        --textDecorationStyleTablet: var(--paragraph2_textDecorationStyleTablet);
2748        --textDecorationColorTablet: var(--paragraph2_textDecorationColorTablet);
2749        --textDecorationLineTablet: var(--paragraph2_textDecorationLineTablet, var(--paragraph2_textDecorationTablet));
2750        --letterSpacingTablet: var(--paragraph2_letterSpacingTablet);
2751        --lineHeightTablet: var(--paragraph2_lineHeightTablet);
2752        --paragraphSpacingTablet: var(--paragraph2_paragraphSpacingTablet);
2753    }
2754
2755    .wmc_text > .wml .wmcM_paragraph3 {
2756        --fontSizeTablet: var(--paragraph3_fontSizeTablet);
2757        --fontWeightTablet: var(--paragraph3_fontWeightTablet);
2758        --fontStyleTablet: var(--paragraph3_fontStyleTablet);
2759        --textColorTablet: var(--paragraph3_fontColorTablet);
2760        --textDecorationTablet: var(--paragraph3_textDecorationTablet);
2761        --textDecorationStyleTablet: var(--paragraph3_textDecorationStyleTablet);
2762        --textDecorationColorTablet: var(--paragraph3_textDecorationColorTablet);
2763        --textDecorationLineTablet: var(--paragraph3_textDecorationLineTablet, var(--paragraph3_textDecorationTablet));
2764        --letterSpacingTablet: var(--paragraph3_letterSpacingTablet);
2765        --lineHeightTablet: var(--paragraph3_lineHeightTablet);
2766        --paragraphSpacingTablet: var(--paragraph3_paragraphSpacingTablet);
2767    }
2768
2769    .wmc_text > .wml .wmcM_paragraph4 {
2770        --fontSizeTablet: var(--paragraph4_fontSizeTablet);
2771        --fontWeightTablet: var(--paragraph4_fontWeightTablet);
2772        --fontStyleTablet: var(--paragraph4_fontStyleTablet);
2773        --textColorTablet: var(--paragraph4_fontColorTablet);
2774        --textDecorationTablet: var(--paragraph4_textDecorationTablet);
2775        --textDecorationStyleTablet: var(--paragraph4_textDecorationStyleTablet);
2776        --textDecorationColorTablet: var(--paragraph4_textDecorationColorTablet);
2777        --textDecorationLineTablet: var(--paragraph4_textDecorationLineTablet, var(--paragraph4_textDecorationTablet));
2778        --letterSpacingTablet: var(--paragraph4_letterSpacingTablet);
2779        --lineHeightTablet: var(--paragraph4_lineHeightTablet);
2780        --paragraphSpacingTablet: var(--paragraph4_paragraphSpacingTablet);
2781    }
2782
2783    .wmc_text > .wml .wmcM_link,
2784    .wmc_text > .wml .wmcM_link *,
2785    .wmc_text > .wml a,
2786    .wmc_text > .wml a * {
2787        --fontWeightTablet: var(--link_fontWeightTablet);
2788        --fontStyleTablet: var(--link_fontStyleTablet);
2789        --textColorTablet: var(--link_fontColorTablet);
2790        --textDecorationTablet: var(--link_textDecorationTablet);
2791        --textDecorationStyleTablet: var(--link_textDecorationStyleTablet);
2792        --textDecorationColorTablet: var(--link_textDecorationColorTablet);
2793        --textDecorationLineTablet: var(--link_textDecorationLineTablet, var(--link_textDecorationTablet));
2794
2795        --textColorTabletHover: var(--link_hoverFontColorTablet);
2796        --textDecorationTabletHover: var(--link_hoverTextDecorationTablet);
2797        --textDecorationStyleTabletHover: var(--link_hoverTextDecorationStyleTablet);
2798        --textDecorationColorTabletHover: var(--link_hoverTextDecorationColorTablet);
2799        --textDecorationLineTabletHover: var(--link_hoverTextDecorationLineTablet, var(--link_hoverTextDecorationTablet));
2800    }
2801
2802    .wmc_text.wmcM_shadow {
2803        --textShadowTablet: 0px 0px 0px transparent;
2804        --textShadowTabletHover: var(--textShadowTablet);
2805        --textShadowTabletActive: var(--textShadowTabletHover);
2806
2807        --textShadow: var(--textShadowTablet);
2808        --textShadowHover: var(--textShadowTabletHover);
2809        --textShadowActive: var(--textShadowTabletActive);
2810    }
2811
2812    .wmc_text {
2813        /* inherit from desktop */
2814        --paragraphSpacingTablet: var(--paragraphSpacingDesktop);
2815    }
2816
2817    .wmc_text > .wml .wmcM_title1,
2818    .wmc_text > .wml .wmcM_title2,
2819    .wmc_text > .wml .wmcM_title3,
2820    .wmc_text > .wml .wmcM_heading1,
2821    .wmc_text > .wml h1,
2822    .wmc_text > .wml .wmcM_heading2,
2823    .wmc_text > .wml h2,
2824    .wmc_text > .wml .wmcM_heading3,
2825    .wmc_text > .wml h3,
2826    .wmc_text > .wml .wmcM_heading4,
2827    .wmc_text > .wml h4,
2828    .wmc_text > .wml .wmcM_heading5,
2829    .wmc_text > .wml h5,
2830    .wmc_text > .wml .wmcM_heading6,
2831    .wmc_text > .wml h6,
2832    .wmc_text > .wml .wmcM_paragraph1,
2833    .wmc_text > .wml p,
2834    .wmc_text > .wml div,
2835    .wmc_text > .wml .wmcM_paragraph2,
2836    .wmc_text > .wml .wmcM_paragraph3,
2837    .wmc_text > .wml .wmcM_paragraph4 {
2838        /* inherit from desktop */
2839        --textAlignTablet: var(--textAlignDesktop);
2840    }
2841}
2842
2843@media all and (width < 1040px) and (width >= 650px) {
2844    .wmc_text.wmcM_sidewaysLR--tablet,
2845    .wmc_text.wmcM_sidewaysRL--tablet {
2846        & > .wml {
2847            width: min-content;
2848            min-width: var(--width);
2849            height: var(--minHeight);
2850        }
2851    }
2852
2853    .wmc_text.wmcM_sidewaysLR--tablet {
2854        --wm_writingModeTablet: sideways-lr;
2855    }
2856
2857    .wmc_text.wmcM_sidewaysRL--tablet {
2858        --wm_writingModeTablet: sideways-rl;
2859    }
2860
2861    .wmc_text.wmcM_sidewaysNormal--tablet {
2862        --wm_writingModeTablet: initial;
2863    }
2864
2865    .wmc_text > .wml .wmcM_embed {
2866        --floatTablet: var(--floatDesktop);
2867        --float: var(--floatTablet);
2868        clear: none;
2869    }
2870
2871    .wmc_text > .wml .wmcM_embed:has(
2872            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--tablet),
2873            > .wmc.wmcM_containerSizeFull--tablet
2874        ) {
2875        display: block;
2876        clear: both;
2877        float: none;
2878    }
2879}
2880
2881@media all and (width < 650px) {
2882    .wmc_text {
2883        --heightMobile: min-content;
2884
2885        /* entire text, per device */
2886        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
2887        --paragraphSpacing: var(--paragraphSpacingMobile);
2888
2889        /* pieces of text, per device */
2890        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
2891        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
2892        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
2893        --textColorMobile: var(--paragraph1_fontColorMobile);
2894        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
2895        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
2896        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
2897        --textDecorationLineMobile: var(--textDecorationMobile);
2898        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
2899        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
2900        --textAlignMobile: left;
2901        --textIndentMobile: 0px;
2902        --textBackgroundColorMobile: initial;
2903        --textTransformMobile: none;
2904        --fontVariantCapsMobile: normal;
2905        --textVariantLigaturesMobile: none;
2906        --textUnderlineOffsetMobile: initial;
2907        --textDecorationSkipInkMobile: initial;
2908
2909        --wm_writingModeMobile: initial;
2910        --wm_writingMode: var(--wm_writingModeMobile);
2911    }
2912
2913    .wmc_text > .wml * {
2914        /* inherit from desktop */
2915        --fontSizeMobile: var(--fontSizeDesktop);
2916        --fontWeightMobile: var(--fontWeightDesktop);
2917        --fontStyleMobile: var(--fontStyleDesktop);
2918        --textColorMobile: var(--textColorDesktop);
2919        --textDecorationMobile: var(--textDecorationDesktop);
2920        --textDecorationStyleMobile: var(--textDecorationStyleDesktop);
2921        --textDecorationColorMobile: var(--textDecorationColorDesktop);
2922        --textDecorationLineMobile: var(--textDecorationLineDesktop);
2923        --textDecorationThicknessMobile: var(--textDecorationThicknessDesktop);
2924        --textUnderlineOffsetMobile: var(--textUnderlineOffsetDesktop);
2925        --textDecorationSkipInkMobile: var(--textDecorationSkipInkDesktop);
2926        --letterSpacingMobile: var(--letterSpacingDesktop);
2927        --textBackgroundColorMobile: var(--textBackgroundColorDesktop);
2928        --textTransformMobile: var(--textTransformDesktop);
2929        --fontVariantCapsMobile: var(--fontVariantCapsDesktop);
2930        --fontVariantLigaturesMobile: var(--fontVariantLigaturesDesktop);
2931
2932        /* pieces of text, per device */
2933        --paragraphSpacing: var(--paragraphSpacingMobile);
2934        --fontSize: var(--fontSizeMobile);
2935        --fontWeight: var(--fontWeightMobile);
2936        --fontStyle: var(--fontStyleMobile);
2937        --textColor: var(--textColorMobile);
2938        --textDecoration: var(--textDecorationMobile);
2939        --textDecorationStyle: var(--textDecorationStyleMobile);
2940        --textDecorationColor: var(--textDecorationColorMobile);
2941        --textDecorationLine: var(--textDecorationLineMobile);
2942        --textDecorationThickness: var(--textDecorationThicknessMobile);
2943        --textUnderlineOffset: var(--textUnderlineOffsetMobile);
2944        --textDecorationSkipInk: var(--textDecorationSkipInkMobile);
2945        --letterSpacing: var(--letterSpacingMobile);
2946        --lineHeight: var(--lineHeightMobile);
2947        --textAlign: var(--textAlignMobile);
2948        --textIndent: var(--textIndentMobile);
2949        --textBackgroundColor: var(--textBackgroundColorMobile);
2950        --textTransform: var(--textTransformMobile);
2951        --fontVariantCaps: var(--fontVariantCapsMobile);
2952        --fontVariantLigatures: var(--fontVariantLigaturesMobile);
2953
2954        /* pieces of text, per device  hover*/
2955        --fontSizeMobileHover: var(--fontSizeMobile);
2956        --fontWeightMobileHover: var(--fontWeightMobile);
2957        --fontStyleMobileHover: var(--fontStyleMobile);
2958        --textColorMobileHover: var(--textColorMobile);
2959        --textDecorationMobileHover: var(--textDecorationMobile);
2960        --textDecorationStyleMobileHover: var(--textDecorationStyleMobile);
2961        --textDecorationColorMobileHover: var(--textDecorationColorMobile);
2962        --textDecorationLineMobileHover: var(--textDecorationLineMobile);
2963        --textDecorationThicknessMobileHover: var(--textDecorationThicknessMobile);
2964        --textUnderlineOffsetMobileHover: var(--textUnderlineOffsetMobile);
2965        --textDecorationSkipInkMobileHover: var(--textDecorationSkipInkMobile);
2966        --textTransformMobileHover: var(--textTransformMobile);
2967        --fontVariantCapsMobileHover: var(--fontVariantCapsMobile);
2968        --fontVariantLigaturesMobileHover: var(--fontVariantLigaturesMobile);
2969
2970        --fontSizeHover: var(--fontSizeMobileHover);
2971        --fontWeightHover: var(--fontWeightMobileHover);
2972        --fontStyleHover: var(--fontStyleMobileHover);
2973        --textColorHover: var(--textColorMobileHover);
2974        --textDecorationHover: var(--textDecorationMobileHover);
2975        --textDecorationStyleHover: var(--textDecorationStyleMobileHover);
2976        --textDecorationColorHover: var(--textDecorationColorMobileHover);
2977        --textDecorationLineHover: var(--textDecorationLineMobileHover);
2978        --textDecorationThicknessHover: var(--textDecorationThicknessMobileHover);
2979        --textUnderlineOffsetHover: var(--textUnderlineOffsetMobileHover);
2980        --textDecorationSkipInkHover: var(--textDecorationSkipInkMobileHover);
2981        --textTransformHover: var(--textTransformMobileHover);
2982        --fontVariantCapsHover: var(--fontVariantCapsMobileHover);
2983        --fontVariantLigaturesHover: var(--fontVariantLigaturesMobileHover);
2984
2985        --fontSizeMobileActive: var(--fontSizeMobileHover);
2986        --fontWeightMobileActive: var(--fontWeightMobileHover);
2987        --fontStyleMobileActive: var(--fontStyleMobileHover);
2988        --textColorMobileActive: var(--textColorMobileHover);
2989        --textDecorationMobileActive: var(--textDecorationMobileHover);
2990        --textDecorationStyleMobileActive: var(--textDecorationStyleMobileHover);
2991        --textDecorationColorMobileActive: var(--textDecorationColorMobileHover);
2992        --textDecorationLineMobileActive: var(--textDecorationLineMobileHover);
2993        --textDecorationThicknessMobileActive: var(--textDecorationThicknessMobileHover);
2994        --textUnderlineOffsetMobileActive: var(--textUnderlineOffsetMobileHover);
2995        --textDecorationSkipInkMobileActive: var(--textDecorationSkipInkMobileHover);
2996        --textTransformMobileActive: var(--textTransformMobileHover);
2997        --fontVariantCapsMobileActive: var(--fontVariantCapsMobileHover);
2998        --fontVariantLigaturesMobileActive: var(--fontVariantLigaturesMobileHover);
2999
3000        --fontSizeActive: var(--fontSizeMobileActive);
3001        --fontWeightActive: var(--fontWeightMobileActive);
3002        --fontStyleActive: var(--fontStyleMobileActive);
3003        --textColorActive: var(--textColorMobileActive);
3004        --textDecorationActive: var(--textDecorationMobileActive);
3005        --textDecorationStyleActive: var(--textDecorationStyleMobileActive);
3006        --textDecorationColorActive: var(--textDecorationColorMobileActive);
3007        --textDecorationLineActive: var(--textDecorationLineMobileActive);
3008        --textDecorationThicknessActive: var(--textDecorationThicknessMobileActive);
3009        --textUnderlineOffsetActive: var(--textUnderlineOffsetMobileActive);
3010        --textDecorationSkipInkActive: var(--textDecorationSkipInkMobileActive);
3011        --textTransformActive: var(--textTransformMobileActive);
3012        --fontVariantCapsActive: var(--fontVariantCapsMobileActive);
3013        --fontVariantLigaturesActive: var(--fontVariantLigaturesMobileActive);
3014    }
3015
3016    .wmc_text > .wml .wmcM_title1 {
3017        --fontSizeMobile: var(--title1_fontSizeMobile);
3018        --fontWeightMobile: var(--title1_fontWeightMobile);
3019        --fontStyleMobile: var(--title1_fontStyleMobile);
3020        --textColorMobile: var(--title1_fontColorMobile);
3021        --textDecorationMobile: var(--title1_textDecorationMobile);
3022        --textDecorationStyleMobile: var(--title1_textDecorationStyleMobile);
3023        --textDecorationColorMobile: var(--title1_textDecorationColorMobile);
3024        --textDecorationLineMobile: var(--title1_textDecorationLineMobile, var(--title1_textDecorationMobile));
3025        --letterSpacingMobile: var(--title1_letterSpacingMobile);
3026        --lineHeightMobile: var(--title1_lineHeightMobile);
3027        --paragraphSpacingMobile: var(--title1_paragraphSpacingMobile);
3028    }
3029
3030    .wmc_text > .wml .wmcM_title2 {
3031        --fontSizeMobile: var(--title2_fontSizeMobile);
3032        --fontWeightMobile: var(--title2_fontWeightMobile);
3033        --fontStyleMobile: var(--title2_fontStyleMobile);
3034        --textColorMobile: var(--title2_fontColorMobile);
3035        --textDecorationMobile: var(--title2_textDecorationMobile);
3036        --textDecorationStyleMobile: var(--title2_textDecorationStyleMobile);
3037        --textDecorationColorMobile: var(--title2_textDecorationColorMobile);
3038        --textDecorationLineMobile: var(--title2_textDecorationLineMobile, var(--title2_textDecorationMobile));
3039        --letterSpacingMobile: var(--title2_letterSpacingMobile);
3040        --lineHeightMobile: var(--title2_lineHeightMobile);
3041        --paragraphSpacingMobile: var(--title2_paragraphSpacingMobile);
3042    }
3043
3044    .wmc_text > .wml .wmcM_title3 {
3045        --fontSizeMobile: var(--title3_fontSizeMobile);
3046        --fontWeightMobile: var(--title3_fontWeightMobile);
3047        --fontStyleMobile: var(--title3_fontStyleMobile);
3048        --textColorMobile: var(--title3_fontColorMobile);
3049        --textDecorationMobile: var(--title3_textDecorationMobile);
3050        --textDecorationStyleMobile: var(--title3_textDecorationStyleMobile);
3051        --textDecorationColorMobile: var(--title3_textDecorationColorMobile);
3052        --textDecorationLineMobile: var(--title3_textDecorationLineMobile, var(--title3_textDecorationMobile));
3053        --letterSpacingMobile: var(--title3_letterSpacingMobile);
3054        --lineHeightMobile: var(--title3_lineHeightMobile);
3055        --paragraphSpacingMobile: var(--title3_paragraphSpacingMobile);
3056    }
3057
3058    .wmc_text > .wml .wmcM_heading1,
3059    .wmc_text > .wml h1 {
3060        --fontSizeMobile: var(--heading1_fontSizeMobile);
3061        --fontWeightMobile: var(--heading1_fontWeightMobile);
3062        --fontStyleMobile: var(--heading1_fontStyleMobile);
3063        --textColorMobile: var(--heading1_fontColorMobile);
3064        --textDecorationMobile: var(--heading1_textDecorationMobile);
3065        --textDecorationStyleMobile: var(--heading1_textDecorationStyleMobile);
3066        --textDecorationColorMobile: var(--heading1_textDecorationColorMobile);
3067        --textDecorationLineMobile: var(--heading1_textDecorationLineMobile, var(--heading1_textDecorationMobile));
3068        --letterSpacingMobile: var(--heading1_letterSpacingMobile);
3069        --lineHeightMobile: var(--heading1_lineHeightMobile);
3070        --paragraphSpacingMobile: var(--heading1_paragraphSpacingMobile);
3071    }
3072
3073    .wmc_text > .wml .wmcM_heading2,
3074    .wmc_text > .wml h2 {
3075        --fontSizeMobile: var(--heading2_fontSizeMobile);
3076        --fontWeightMobile: var(--heading2_fontWeightMobile);
3077        --fontStyleMobile: var(--heading2_fontStyleMobile);
3078        --textColorMobile: var(--heading2_fontColorMobile);
3079        --textDecorationMobile: var(--heading2_textDecorationMobile);
3080        --textDecorationStyleMobile: var(--heading2_textDecorationStyleMobile);
3081        --textDecorationColorMobile: var(--heading2_textDecorationColorMobile);
3082        --textDecorationLineMobile: var(--heading2_textDecorationLineMobile, var(--heading2_textDecorationMobile));
3083        --letterSpacingMobile: var(--heading2_letterSpacingMobile);
3084        --lineHeightMobile: var(--heading2_lineHeightMobile);
3085        --paragraphSpacingMobile: var(--heading2_paragraphSpacingMobile);
3086    }
3087
3088    .wmc_text > .wml .wmcM_heading3,
3089    .wmc_text > .wml h3 {
3090        --fontSizeMobile: var(--heading3_fontSizeMobile);
3091        --fontWeightMobile: var(--heading3_fontWeightMobile);
3092        --fontStyleMobile: var(--heading3_fontStyleMobile);
3093        --textColorMobile: var(--heading3_fontColorMobile);
3094        --textDecorationMobile: var(--heading3_textDecorationMobile);
3095        --textDecorationStyleMobile: var(--heading3_textDecorationStyleMobile);
3096        --textDecorationColorMobile: var(--heading3_textDecorationColorMobile);
3097        --textDecorationLineMobile: var(--heading3_textDecorationLineMobile, var(--heading3_textDecorationMobile));
3098        --letterSpacingMobile: var(--heading3_letterSpacingMobile);
3099        --lineHeightMobile: var(--heading3_lineHeightMobile);
3100        --paragraphSpacingMobile: var(--heading3_paragraphSpacingMobile);
3101    }
3102
3103    .wmc_text > .wml .wmcM_heading4,
3104    .wmc_text > .wml h4 {
3105        --fontSizeMobile: var(--heading4_fontSizeMobile);
3106        --fontWeightMobile: var(--heading4_fontWeightMobile);
3107        --fontStyleMobile: var(--heading4_fontStyleMobile);
3108        --textColorMobile: var(--heading4_fontColorMobile);
3109        --textDecorationMobile: var(--heading4_textDecorationMobile);
3110        --textDecorationStyleMobile: var(--heading4_textDecorationStyleMobile);
3111        --textDecorationColorMobile: var(--heading4_textDecorationColorMobile);
3112        --textDecorationLineMobile: var(--heading4_textDecorationLineMobile, var(--heading4_textDecorationMobile));
3113        --letterSpacingMobile: var(--heading4_letterSpacingMobile);
3114        --lineHeightMobile: var(--heading4_lineHeightMobile);
3115        --paragraphSpacingMobile: var(--heading4_paragraphSpacingMobile);
3116    }
3117
3118    .wmc_text > .wml .wmcM_heading5,
3119    .wmc_text > .wml h5 {
3120        --fontSizeMobile: var(--heading5_fontSizeMobile);
3121        --fontWeightMobile: var(--heading5_fontWeightMobile);
3122        --fontStyleMobile: var(--heading5_fontStyleMobile);
3123        --textColorMobile: var(--heading5_fontColorMobile);
3124        --textDecorationMobile: var(--heading5_textDecorationMobile);
3125        --textDecorationStyleMobile: var(--heading5_textDecorationStyleMobile);
3126        --textDecorationColorMobile: var(--heading5_textDecorationColorMobile);
3127        --textDecorationLineMobile: var(--heading5_textDecorationLineMobile, var(--heading5_textDecorationMobile));
3128        --letterSpacingMobile: var(--heading5_letterSpacingMobile);
3129        --lineHeightMobile: var(--heading5_lineHeightMobile);
3130        --paragraphSpacingMobile: var(--heading5_paragraphSpacingMobile);
3131    }
3132
3133    .wmc_text > .wml .wmcM_heading6,
3134    .wmc_text > .wml h6 {
3135        --fontSizeMobile: var(--heading6_fontSizeMobile);
3136        --fontWeightMobile: var(--heading6_fontWeightMobile);
3137        --fontStyleMobile: var(--heading6_fontStyleMobile);
3138        --textColorMobile: var(--heading6_fontColorMobile);
3139        --textDecorationMobile: var(--heading6_textDecorationMobile);
3140        --textDecorationStyleMobile: var(--heading6_textDecorationStyleMobile);
3141        --textDecorationColorMobile: var(--heading6_textDecorationColorMobile);
3142        --textDecorationLineMobile: var(--heading6_textDecorationLineMobile, var(--heading6_textDecorationMobile));
3143        --letterSpacingMobile: var(--heading6_letterSpacingMobile);
3144        --lineHeightMobile: var(--heading6_lineHeightMobile);
3145        --paragraphSpacingMobile: var(--heading6_paragraphSpacingMobile);
3146    }
3147
3148    .wmc_text > .wml .wmcM_paragraph1,
3149    .wmc_text > .wml p,
3150    .wmc_text > .wml div {
3151        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
3152        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
3153        --fontStyleMobile: var(--paragraph1_fontStyleMobile);
3154        --textColorMobile: var(--paragraph1_fontColorMobile);
3155        --textDecorationMobile: var(--paragraph1_textDecorationMobile);
3156        --textDecorationStyleMobile: var(--paragraph1_textDecorationStyleMobile);
3157        --textDecorationColorMobile: var(--paragraph1_textDecorationColorMobile);
3158        --textDecorationLineMobile: var(--paragraph1_textDecorationLineMobile, var(--paragraph1_textDecorationMobile));
3159        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
3160        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
3161        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
3162    }
3163
3164    .wmc_text > .wml .wmcM_paragraph2 {
3165        --fontSizeMobile: var(--paragraph2_fontSizeMobile);
3166        --fontWeightMobile: var(--paragraph2_fontWeightMobile);
3167        --fontStyleMobile: var(--paragraph2_fontStyleMobile);
3168        --textColorMobile: var(--paragraph2_fontColorMobile);
3169        --textDecorationMobile: var(--paragraph2_textDecorationMobile);
3170        --textDecorationStyleMobile: var(--paragraph2_textDecorationStyleMobile);
3171        --textDecorationColorMobile: var(--paragraph2_textDecorationColorMobile);
3172        --textDecorationLineMobile: var(--paragraph2_textDecorationLineMobile, var(--paragraph2_textDecorationMobile));
3173        --letterSpacingMobile: var(--paragraph2_letterSpacingMobile);
3174        --lineHeightMobile: var(--paragraph2_lineHeightMobile);
3175        --paragraphSpacingMobile: var(--paragraph2_paragraphSpacingMobile);
3176    }
3177
3178    .wmc_text > .wml .wmcM_paragraph3 {
3179        --fontSizeMobile: var(--paragraph3_fontSizeMobile);
3180        --fontWeightMobile: var(--paragraph3_fontWeightMobile);
3181        --fontStyleMobile: var(--paragraph3_fontStyleMobile);
3182        --textColorMobile: var(--paragraph3_fontColorMobile);
3183        --textDecorationMobile: var(--paragraph3_textDecorationMobile);
3184        --textDecorationStyleMobile: var(--paragraph3_textDecorationStyleMobile);
3185        --textDecorationColorMobile: var(--paragraph3_textDecorationColorMobile);
3186        --textDecorationLineMobile: var(--paragraph3_textDecorationLineMobile, var(--paragraph3_textDecorationMobile));
3187        --letterSpacingMobile: var(--paragraph3_letterSpacingMobile);
3188        --lineHeightMobile: var(--paragraph3_lineHeightMobile);
3189        --paragraphSpacingMobile: var(--paragraph3_paragraphSpacingMobile);
3190    }
3191
3192    .wmc_text > .wml .wmcM_paragraph4 {
3193        --fontSizeMobile: var(--paragraph4_fontSizeMobile);
3194        --fontWeightMobile: var(--paragraph4_fontWeightMobile);
3195        --fontStyleMobile: var(--paragraph4_fontStyleMobile);
3196        --textColorMobile: var(--paragraph4_fontColorMobile);
3197        --textDecorationMobile: var(--paragraph4_textDecorationMobile);
3198        --textDecorationStyleMobile: var(--paragraph4_textDecorationStyleMobile);
3199        --textDecorationColorMobile: var(--paragraph4_textDecorationColorMobile);
3200        --textDecorationLineMobile: var(--paragraph4_textDecorationLineMobile, var(--paragraph4_textDecorationMobile));
3201        --letterSpacingMobile: var(--paragraph4_letterSpacingMobile);
3202        --lineHeightMobile: var(--paragraph4_lineHeightMobile);
3203        --paragraphSpacingMobile: var(--paragraph4_paragraphSpacingMobile);
3204    }
3205
3206    .wmc_text > .wml .wmcM_link,
3207    .wmc_text > .wml .wmcM_link *,
3208    .wmc_text > .wml a,
3209    .wmc_text > .wml a * {
3210        --fontWeightMobile: var(--link_fontWeightMobile);
3211        --fontStyleMobile: var(--link_fontStyleMobile);
3212        --textColorMobile: var(--link_fontColorMobile);
3213        --textDecorationMobile: var(--link_textDecorationMobile);
3214        --textDecorationStyleMobile: var(--link_textDecorationStyleMobile);
3215        --textDecorationColorMobile: var(--link_textDecorationColorMobile);
3216        --textDecorationLineMobile: var(--link_textDecorationLineMobile, var(--link_textDecorationMobile));
3217
3218        --textColorMobileHover: var(--link_hoverFontColorMobile);
3219        --textDecorationMobileHover: var(--link_hoverTextDecorationMobile);
3220        --textDecorationStyleMobileHover: var(--link_hoverTextDecorationStyleMobile);
3221        --textDecorationColorMobileHover: var(--link_hoverTextDecorationColorMobile);
3222        --textDecorationLineMobileHover: var(--link_hoverTextDecorationLineMobile, var(--link_hoverTextDecorationMobile));
3223    }
3224
3225    .wmc_text.wmcM_shadow {
3226        --textShadowMobile: 0px 0px 0px transparent;
3227        --textShadowMobileHover: var(--textShadowMobile);
3228        --textShadowMobileActive: var(--textShadowMobileHover);
3229
3230        --textShadow: var(--textShadowMobile);
3231        --textShadowHover: var(--textShadowMobileHover);
3232        --textShadowActive: var(--textShadowMobileActive);
3233    }
3234
3235    .wmc_text.wmcM_sidewaysLR--mobile,
3236    .wmc_text.wmcM_sidewaysRL--mobile {
3237        & > .wml {
3238            width: min-content;
3239            min-width: var(--width);
3240            height: var(--minHeight);
3241        }
3242    }
3243
3244    .wmc_text.wmcM_sidewaysLR--mobile {
3245        --wm_writingModeMobile: sideways-lr;
3246    }
3247
3248    .wmc_text.wmcM_sidewaysRL--mobile {
3249        --wm_writingModeMobile: sideways-rl;
3250    }
3251
3252    .wmc_text.wmcM_sidewaysNormal--mobile {
3253        --wm_writingModeMobile: initial;
3254    }
3255
3256    .wmc_text {
3257        /* inherit from desktop */
3258        --paragraphSpacingMobile: var(--paragraphSpacingDesktop);
3259    }
3260
3261    .wmc_text > .wml .wmcM_title1,
3262    .wmc_text > .wml .wmcM_title2,
3263    .wmc_text > .wml .wmcM_title3,
3264    .wmc_text > .wml .wmcM_heading1,
3265    .wmc_text > .wml h1,
3266    .wmc_text > .wml .wmcM_heading2,
3267    .wmc_text > .wml h2,
3268    .wmc_text > .wml .wmcM_heading3,
3269    .wmc_text > .wml h3,
3270    .wmc_text > .wml .wmcM_heading4,
3271    .wmc_text > .wml h4,
3272    .wmc_text > .wml .wmcM_heading5,
3273    .wmc_text > .wml h5,
3274    .wmc_text > .wml .wmcM_heading6,
3275    .wmc_text > .wml h6,
3276    .wmc_text > .wml .wmcM_paragraph1,
3277    .wmc_text > .wml p,
3278    .wmc_text > .wml div,
3279    .wmc_text > .wml .wmcM_paragraph2,
3280    .wmc_text > .wml .wmcM_paragraph3,
3281    .wmc_text > .wml .wmcM_paragraph4 {
3282        /* inherit from desktop */
3283        --textAlignMobile: var(--textAlignDesktop);
3284    }
3285
3286    .wmc_text > .wml .wmcM_embed {
3287        --floatMobile: var(--floatDesktop);
3288        --float: var(--floatMobile);
3289        clear: none;
3290    }
3291
3292    .wmc_text > .wml .wmcM_embed:has(
3293            > .wmc.wmcM_containerSizeFull:not(.wmcM_containerSizeContainer--mobile),
3294            > .wmc.wmcM_containerSizeFull--mobile
3295        ) {
3296        display: block;
3297        clear: both;
3298        float: none;
3299    }
3300}
3301</style>
3302            <style>/* button.css */
3303.wmc_button :where(button) {
3304	appearance: none;
3305	-webkit-appearance: none;
3306	background: none;
3307	background-color: transparent;
3308	border: 0;
3309}
3310</style>
3311            <style>/* form.css */
3312.wmc_form {
3313    /* arrow icon */
3314    --submitArrowIcon01: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 13L13.25 3M13.25 3L5.75 3M13.25 3V10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
3315
3316    /* css properties for form */
3317    --inputPrimaryFont: var(--fontFamilyPrimary);
3318    --inputPrimaryColor: rgba(var(--colorPrimaryA),1);
3319    --inputSecondaryColor: rgba(var(--colorPrimaryE),1);
3320
3321    /* field wrapper */
3322    --fieldWrapperDisplayDesktop: grid;
3323    --fieldWrapperGridTemplateColumnsDesktop: 1fr;
3324    --fieldWrapperGapDesktop: 20px;
3325
3326    /* label */
3327    --labelDisplayDesktop: block;
3328    --labelPaddingTopDesktop: 0px;
3329    --labelPaddingBottomDesktop: 0px;
3330    --labelPaddingLeftDesktop: 0px;
3331    --labelPaddingRightDesktop: 0px;
3332    --labelMarginBottomDesktop: 15px;
3333    --labelFontDesktop: var(--inputPrimaryFont);
3334    --labelFontSizeDesktop: 14px;
3335    --labelFontColorDesktop: var(--inputPrimaryColor);
3336    --labelFontWeightDesktop: 400;
3337    --labelFontStyleDesktop: normal;
3338    --labelTextDecorationDesktop: none;
3339    --labelLetterSpacingDesktop: 0px;
3340    --labelLineHeightDesktop: normal;
3341
3342    /* input, select and textarea padding */
3343    --inputPaddingTopDesktop: 8px;
3344    --inputPaddingBottomDesktop: 8px;
3345    --inputPaddingLeftDesktop: 0px;
3346    --inputPaddingRightDesktop: 0px;
3347
3348    /* input, select and textarea border */
3349    --inputBorderTopDesktop: 0px solid var(--inputPrimaryColor);
3350    --inputBorderRightDesktop: 0px solid var(--inputPrimaryColor);
3351    --inputBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
3352    --inputBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
3353
3354    /* input, select and textarea radius */
3355    --inputBorderRadiusDesktop: 0px 0px 0px 0px;
3356
3357    /* input, select and textarea font */
3358    --inputFontDesktop: var(--inputPrimaryFont);
3359    --inputFontSizeDesktop: 16px;
3360    --inputFontWeightDesktop: 400;
3361    --inputFontStyleDesktop: normal;
3362    --inputFontColorDesktop: var(--inputPrimaryColor);
3363    --inputTextDecorationDesktop: none;
3364    --inputLetterSpacingDesktop: 0px;
3365    --inputLineHeightDesktop: 1.4;
3366    --inputWidthDesktop: 100%;
3367    --inputHeightDesktop: auto;
3368    --inputBackgroundColorDesktop: rgba(var(--colorBackgroundE),0);
3369    --inputTextAlignDesktop: left;
3370
3371    /* input, select and textarea placeholder */
3372    --inputPlaceholderPaddingLeftDesktop: 0px;
3373    --inputPlaceholderFontDesktop: var(--inputFontDesktop);
3374    --inputPlaceholderFontSizeDesktop: var(--inputFontSizeDesktop);
3375    --inputPlaceholderFontColorDesktop: var(--inputSecondaryColor);
3376    --inputPlaceholderFontWeightDesktop: 400;
3377    --inputPlaceholderFontStyleDesktop: normal;
3378    --inputPlaceholderTextDecorationDesktop: none;
3379    --inputPlaceholderLetterSpacingDesktop: 0px;
3380    --inputPlaceholderLineHeightDesktop: 1.4;
3381
3382    /* disclaimer text */
3383    --disclaimerTextFontDesktop: var(--fontFamilySecondary);
3384    --disclaimerTextFontSizeDesktop: 14px;
3385    --disclaimerTextFontColorDesktop: rgba(var(--colorBwGradientC), 1);
3386    --disclaimerTextFontWeightDesktop: 400;
3387    --disclaimerTextFontStyleDesktop: normal;
3388    --disclaimerTextDecorationDesktop: none;
3389    --disclaimerTextLetterSpacingDesktop: 0px;
3390    --disclaimerTextLineHeightDesktop: 1.4;
3391
3392    /* input, select and textarea padding hover */
3393    --inputPaddingTopHoverDesktop: var(--inputPaddingTopDesktop);
3394    --inputPaddingBottomHoverDesktop: var(--inputPaddingBottomDesktop);
3395    --inputPaddingLeftHoverDesktop: var(--inputPaddingLeftDesktop);
3396    --inputPaddingRightHoverDesktop: var(--inputPaddingRightDesktop);
3397
3398    /* input, select and textarea radius hover */
3399    --inputBorderRadiusHoverDesktop: var(--inputBorderRadiusDesktop);
3400
3401
3402
3403    /* input, select and textarea font hover */
3404    --inputFontHoverDesktop: var(--inputFontDesktop);
3405    --inputFontSizeHoverDesktop: var(--inputFontSizeDesktop);
3406    --inputFontWeightHoverDesktop: var(--inputFontWeightDesktop);
3407    --inputFontStyleHoverDesktop: var(--inputFontStyleDesktop);
3408    --inputFontColorHoverDesktop: var(--inputFontColorDesktop);
3409    --inputTextDecorationHoverDesktop: var(--inputTextDecorationDesktop);
3410    --inputBackgroundColorHoverDesktop: var(--inputBackgroundColorDesktop);
3411
3412    --inputBorderTopHoverDesktop: var(--inputBorderTopDesktop);
3413    --inputBorderRightHoverDesktop: var(--inputBorderRightDesktop);
3414    --inputBorderBottomHoverDesktop: var(--inputBorderBottomDesktop);
3415    --inputBorderLeftHoverDesktop: var(--inputBorderLeftDesktop);
3416
3417    /* input, select and textarea padding focus */
3418    --inputPaddingTopFocusDesktop: var(--inputPaddingTopDesktop);
3419    --inputPaddingBottomFocusDesktop: var(--inputPaddingBottomDesktop);
3420    --inputPaddingLeftFocusDesktop: var(--inputPaddingLeftDesktop);
3421    --inputPaddingRightFocusDesktop: var(--inputPaddingRightDesktop);
3422
3423    /* input, select and textarea radius focus */
3424    --inputBorderRadiusFocusDesktop: var(--inputBorderRadiusDesktop);
3425
3426    /* input, select and textarea focus */
3427    --inputFontFocusDesktop: var(--inputFontDesktop);
3428    --inputFontSizeFocusDesktop: var(--inputFontSizeDesktop);
3429    --inputFontWeightFocusDesktop: var(--inputFontWeightDesktop);
3430    --inputFontStyleFocusDesktop: var(--inputFontStyleDesktop);
3431    --inputFontColorFocusDesktop: var(--inputFontColorDesktop);
3432    --inputTextDecorationFocusDesktop: var(--inputTextDecorationDesktop);
3433    --inputBackgroundColorFocusDesktop: var(--inputBackgroundColorDesktop);
3434
3435    --inputBorderTopFocusDesktop: var(--inputBorderTopDesktop);
3436    --inputBorderRightFocusDesktop: var(--inputBorderRightDesktop);
3437    --inputBorderBottomFocusDesktop: var(--inputBorderBottomDesktop);
3438    --inputBorderLeftFocusDesktop: var(--inputBorderLeftDesktop);
3439
3440    /* time and date */
3441    --timeDateGridTemplateColumnsDesktop: 1fr;
3442    --timeDateAlignItemsDesktop: center;
3443
3444    /* radio and checkbox */
3445    --radioCheckboxGridColumnDesktop: 3;
3446    --radioCheckboxGridTemplateColumnsDesktop: repeat(var(--radioCheckboxGridColumnDesktop), 1fr);
3447    --radioCheckboxGridColumnGapDesktop: 40px;
3448    --labelRadioCheckboxDisplayDesktop: grid;
3449    --labelRadioCheckboxMarginBottomDesktop: 5px;
3450    --labelRadioCheckboxGridColumnDesktop: 2;
3451    --labelRadioCheckboxGridTemplateColumnsDesktop: repeat(var(--labelRadioCheckboxGridColumnDesktop), auto);
3452    --labelRadioCheckboxAlignItemsDesktop: center;
3453    --labelRadioCheckboxJustifyContentDesktop: start;
3454    --radioCheckboxJustifySelfDesktop: center;
3455    --radioCheckboxSizeDesktop: 20px;
3456    --radioCheckboxCursorDesktop: pointer;
3457    --labelRadioCheckboxGapDesktop: 10px;
3458
3459    /* textarea height */
3460    --textareaHeightDesktop: 150px;
3461
3462    /* radio and checkbox font */
3463    --labelRadioCheckboxFontSizeDesktop: var(--inputFontSizeDesktop);
3464    --labelRadioCheckboxFontColorDesktop: var(--inputFontColorDesktop);
3465    --labelRadioCheckboxFontWeightDesktop: var(--inputFontWeightDesktop);
3466    --labelRadioCheckboxFontStyleDesktop: var(--inputFontStyleDesktop);
3467    --labelRadioCheckboxTextDecorationDesktop: var(--inputTextDecorationDesktop);
3468    --labelRadioCheckboxLetterSpacingDesktop: var(--inputLetterSpacingDesktop);
3469    --labelRadioCheckboxLineHeightDesktop: var(--inputLineHeightDesktop);
3470
3471    /* form actions */
3472    --formActionsMarginTopDesktop: 10px;
3473    --formActionsTextAlignDesktop: left;
3474
3475    /* submit padding */
3476    --submitPaddingTopDesktop: 12px;
3477    --submitPaddingBottomDesktop: 12px;
3478    --submitPaddingLeftDesktop: 30px;
3479    --submitPaddingRightDesktop: 30px;
3480
3481    /* submit border */
3482    --submitBorderTopDesktop: 0px solid var(--inputPrimaryColor);
3483    --submitBorderRightDesktop: 0px solid var(--inputPrimaryColor);
3484    --submitBorderBottomDesktop: 0px solid var(--inputPrimaryColor);
3485    --submitBorderLeftDesktop: 0px solid var(--inputPrimaryColor);
3486
3487    /* submit border radius */
3488    --submitBorderRadiusDesktop: 0px 0px 0px 0px;
3489
3490    /* submit font */
3491    --submitFontDesktop: var(--inputPrimaryFont);
3492    --submitFontColorDesktop: rgba(var(--colorPrimaryJ),1);
3493    --submitFontSizeDesktop: 16px;
3494    --submitFontWeightDesktop: 400;
3495    --submitFontStyleDesktop: normal;
3496    --submitTextDecorationDesktop: none;
3497    --submitLetterSpacingDesktop: 0px;
3498    --submitLineHeightDesktop: normal;
3499    --submitBackgroundColorDesktop: rgba(var(--colorCtaE),1);
3500    --submitCursorDesktop: pointer;
3501    --submitWidthDesktop: auto;
3502
3503    /* submit arrow */
3504    --submitArrowDisplayDesktop: block;
3505    --submitArrowIconDesktop: var(--submitArrowIcon01);
3506    --submitArrowSizeDesktop: 16px;
3507    --submitArrowColorDesktop: rgba(var(--colorPrimaryJ),1);
3508    --submitArrowRotateDesktop: 0deg;
3509    --submitArrowGapDesktop: 5px;
3510
3511    /* error */
3512    --errorFontColorDesktop: rgba(var(--colorCtaE),1);
3513    --errorBorderColorDesktop: rgba(var(--colorCtaE),1);
3514    --errorPlaceholderFontColorDesktop: rgba(var(--colorCtaE),1);
3515
3516    /* required */
3517    --requiredColorDesktop: rgba(var(--colorSecondaryE),1);
3518
3519    /* notification */
3520    --notificationFontColorDesktop: var(--labelFontColorDesktop);
3521    --notificationFontColorHoverDesktop: var(--notificationFontColorDesktop);
3522
3523    /*
3524     apply CSS properties
3525    */
3526
3527    /* apply field wrapper */
3528    --fieldWrapperDisplay: var(--fieldWrapperDisplayDesktop);
3529    --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsDesktop);
3530    --fieldWrapperGap: var(--fieldWrapperGapDesktop);
3531
3532    /* apply label */
3533    --labelDisplay: var(--labelDisplayDesktop);
3534    --labelPaddingTop: var(--labelPaddingTopDesktop);
3535    --labelPaddingBottom: var(--labelPaddingBottomDesktop);
3536    --labelPaddingLeft: var(--labelPaddingLeftDesktop);
3537    --labelPaddingRight: var(--labelPaddingRightDesktop);
3538    --labelMarginBottom: var(--labelMarginBottomDesktop);
3539    --labelFont: var(--labelFontDesktop);
3540    --labelFontSize: var(--labelFontSizeDesktop);
3541    --labelFontColor: var(--labelFontColorDesktop);
3542    --labelFontWeight: var(--labelFontWeightDesktop);
3543    --labelFontStyle: var(--labelFontStyleDesktop);
3544    --labelTextDecoration: var(--labelTextDecorationDesktop);
3545    --labelLetterSpacing: var(--labelLetterSpacingDesktop);
3546    --labelLineHeight: var(--labelLineHeightDesktop);
3547
3548    /* apply input, select and textarea padding */
3549    --inputPaddingTop: var(--inputPaddingTopDesktop);
3550    --inputPaddingBottom: var(--inputPaddingBottomDesktop);
3551    --inputPaddingLeft: var(--inputPaddingLeftDesktop);
3552    --inputPaddingRight: var(--inputPaddingRightDesktop);
3553
3554    /* apply input, select and textarea border */
3555    --inputBorderTop: var(--inputBorderTopDesktop);
3556    --inputBorderRight: var(--inputBorderRightDesktop);
3557    --inputBorderBottom: var(--inputBorderBottomDesktop);
3558    --inputBorderLeft: var(--inputBorderLeftDesktop);
3559
3560    /* apply input, select and textarea radius */
3561    --inputBorderRadius: var(--inputBorderRadiusDesktop);
3562
3563    /* apply input, select and textarea font */
3564    --inputFont: var(--inputFontDesktop);
3565    --inputFontSize: var(--inputFontSizeDesktop);
3566    --inputFontWeight: var(--inputFontWeightDesktop);
3567    --inputFontStyle: var(--inputFontStyleDesktop);
3568    --inputFontColor: var(--inputFontColorDesktop);
3569    --inputTextDecoration: var(--inputTextDecorationDesktop);
3570    --inputLetterSpacing: var(--inputLetterSpacingDesktop);
3571    --inputLineHeight: var(--inputLineHeightDesktop);
3572    --inputWidth: var(--inputWidthDesktop);
3573    --inputHeight: var(--inputHeightDesktop);
3574    --inputBackgroundColor: var(--inputBackgroundColorDesktop);
3575    --inputTextAlign: var(--inputTextAlignDesktop);
3576
3577    /* apply input, select and textarea placeholder */
3578    --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftDesktop);
3579    --inputPlaceholderFont: var(--inputPlaceholderFontDesktop);
3580    --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeDesktop);
3581    --inputPlaceholderFontColor: var(--inputPlaceholderFontColorDesktop);
3582    --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightDesktop);
3583    --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleDesktop);
3584    --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationDesktop);
3585    --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingDesktop);
3586    --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightDesktop);
3587
3588    /* apply disclaimer text */
3589    --disclaimerTextFont: var(--disclaimerTextFontDesktop);
3590    --disclaimerTextFontSize: var(--disclaimerTextFontSizeDesktop);
3591    --disclaimerTextFontColor: var(--disclaimerTextFontColorDesktop);
3592    --disclaimerTextFontWeight: var(--disclaimerTextFontWeightDesktop);
3593    --disclaimerTextFontStyle: var(--disclaimerTextFontStyleDesktop);
3594    --disclaimerTextDecoration: var(--disclaimerTextDecorationDesktop);
3595    --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingDesktop);
3596    --disclaimerTextLineHeight: var(--disclaimerTextLineHeightDesktop);
3597
3598    /* apply input, select and textarea hover */
3599    --inputFontHover: var(--inputFontHoverDesktop);
3600    --inputFontSizeHover: var(--inputFontSizeHoverDesktop);
3601    --inputFontWeightHover: var(--inputFontWeightHoverDesktop);
3602    --inputFontStyleHover: var(--inputFontStyleHoverDesktop);
3603    --inputFontColorHover: var(--inputFontColorHoverDesktop);
3604    --inputTextDecorationHover: var(--inputTextDecorationHoverDesktop);
3605    --inputBorderTopHover: var(--inputBorderTopHoverDesktop);
3606    --inputBorderRightHover: var(--inputBorderRightHoverDesktop);
3607    --inputBorderBottomHover: var(--inputBorderBottomHoverDesktop);
3608    --inputBorderLeftHover: var(--inputBorderLeftHoverDesktop);
3609    --inputBorderRadiusHover: var(--inputBorderRadiusHoverDesktop);
3610    --inputBackgroundColorHover: var(--inputBackgroundColorHoverDesktop);
3611
3612    --inputPaddingTopHover: var(--inputPaddingTopHoverDesktop);
3613    --inputPaddingBottomHover: var(--inputPaddingBottomHoverDesktop);
3614    --inputPaddingLeftHover: var(--inputPaddingLeftHoverDesktop);
3615    --inputPaddingRightHover: var(--inputPaddingRightHoverDesktop);
3616
3617    /* apply input, select and textarea focus */
3618    --inputFontFocus: var(--inputFontFocusDesktop);
3619    --inputFontSizeFocus: var(--inputFontSizeFocusDesktop);
3620    --inputFontWeightFocus: var(--inputFontWeightFocusDesktop);
3621    --inputFontStyleFocus: var(--inputFontStyleFocusDesktop);
3622    --inputFontColorFocus: var(--inputFontColorFocusDesktop);
3623    --inputTextDecorationFocus: var(--inputTextDecorationFocusDesktop);
3624    --inputBorderTopFocus: var(--inputBorderTopFocusDesktop);
3625    --inputBorderRightFocus: var(--inputBorderRightFocusDesktop);
3626    --inputBorderBottomFocus: var(--inputBorderBottomFocusDesktop);
3627    --inputBorderLeftFocus: var(--inputBorderLeftFocusDesktop);
3628    --inputBackgroundColorFocus: var(--inputBackgroundColorFocusDesktop);
3629
3630    /* apply time and date */
3631    --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsDesktop);
3632    --timeDateAlignItems: var(--timeDateAlignItemsDesktop);
3633
3634    /* apply radio and checkbox */
3635    --radioCheckboxGridColumn: var(--radioCheckboxGridColumnDesktop);
3636    --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsDesktop);
3637    --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapDesktop);
3638    --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayDesktop);
3639    --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomDesktop);
3640    --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnDesktop);
3641    --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsDesktop);
3642    --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsDesktop);
3643    --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentDesktop);
3644    --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfDesktop);
3645    --radioCheckboxSize: var(--radioCheckboxSizeDesktop);
3646    --radioCheckboxCursor: var(--radioCheckboxCursorDesktop);
3647    --labelRadioCheckboxGap: var(--labelRadioCheckboxGapDesktop);
3648
3649    /* apply textarea height */
3650    --textareaHeight: var(--textareaHeightDesktop);
3651
3652    /* apply radio and checkbox font */
3653    --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeDesktop);
3654    --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightDesktop);
3655    --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleDesktop);
3656    --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorDesktop);
3657    --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationDesktop);
3658    --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingDesktop);
3659    --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightDesktop);
3660
3661    /* apply form actions */
3662    --formActionsMarginTop: var(--formActionsMarginTopDesktop);
3663    --formActionsTextAlign: var(--formActionsTextAlignDesktop);
3664
3665    /* apply submit padding */
3666    --submitPaddingTop: var(--submitPaddingTopDesktop);
3667    --submitPaddingBottom: var(--submitPaddingBottomDesktop);
3668    --submitPaddingLeft: var(--submitPaddingLeftDesktop);
3669    --submitPaddingRight: var(--submitPaddingRightDesktop);
3670
3671    /* apply submit border */
3672    --submitBorderTop: var(--submitBorderTopDesktop);
3673    --submitBorderRight: var(--submitBorderRightDesktop);
3674    --submitBorderBottom: var(--submitBorderBottomDesktop);
3675    --submitBorderLeft: var(--submitBorderLeftDesktop);
3676
3677    /* apply submit border radius */
3678    --submitBorderRadius: var(--submitBorderRadiusDesktop);
3679
3680    /* apply submit font */
3681    --submitFont: var(--submitFontDesktop);
3682    --submitFontColor: var(--submitFontColorDesktop);
3683    --submitFontSize: var(--submitFontSizeDesktop);
3684    --submitFontWeight: var(--submitFontWeightDesktop);
3685    --submitFontStyle: var(--submitFontStyleDesktop);
3686    --submitTextDecoration: var(--submitTextDecorationDesktop);
3687    --submitLetterSpacing: var(--submitLetterSpacingDesktop);
3688    --submitLineHeight: var(--submitLineHeightDesktop);
3689    --submitBackgroundColor: var(--submitBackgroundColorDesktop);
3690    --submitCursor: var(--submitCursorDesktop);
3691    --submitWidth: var(--submitWidthDesktop);
3692
3693    /* apply submit arrow */
3694    --submitArrowDisplay: var(--submitArrowDisplayDesktop);
3695    --submitArrowIcon: var(--submitArrowIconDesktop);
3696    --submitArrowSize: var(--submitArrowSizeDesktop);
3697    --submitArrowColor: var(--submitArrowColorDesktop);
3698    --submitArrowRotate: var(--submitArrowRotateDesktop);
3699    --submitArrowGap: var(--submitArrowGapDesktop);
3700
3701    /* apply error */
3702    --errorFontColor: var(--errorFontColorDesktop);
3703    --errorBorderColor: var(--errorBorderColorDesktop);
3704    --errorPlaceholderFontColor: var(--errorPlaceholderFontColorDesktop);
3705
3706    /* apply required */
3707    --requiredColor: var(--requiredColorDesktop);
3708
3709    --height: min-content;
3710    /* apply notification */
3711    --notificationFontColor: var(--notificationFontColorDesktop);
3712    --notificationFontColorHover: var(--notificationFontColorHoverDesktop);
3713}
3714
3715@media all and (width < 1040px) {
3716    .wmc_form {
3717        /* field wrapper */
3718        --fieldWrapperDisplayTablet: grid;
3719        --fieldWrapperGridTemplateColumnsTablet: 1fr;
3720        --fieldWrapperGapTablet: var(--fieldWrapperGapDesktop);
3721
3722        /* label */
3723        --labelDisplayTablet: block;
3724        --labelPaddingTopTablet: 0px;
3725        --labelPaddingBottomTablet: 0px;
3726        --labelPaddingLeftTablet: var(--labelPaddingLeftDesktop);
3727        --labelPaddingRightTablet: 0px;
3728        --labelMarginBottomTablet: var(--labelMarginBottomDesktop);
3729        --labelFontSizeTablet: var(--labelFontSizeDesktop);
3730        --labelFontColorTablet: var(--labelFontColorDesktop);
3731        --labelFontWeightTablet: var(--labelFontWeightDesktop);
3732        --labelFontStyleTablet: var(--labelFontStyleDesktop);
3733        --labelTextDecorationTablet: var(--labelTextDecorationDesktop);
3734        --labelLetterSpacingTablet: var(--labelLetterSpacingDesktop);
3735        --labelLineHeightTablet: var(--labelLineHeightDesktop);
3736
3737        /* input, select and textarea padding */
3738        --inputPaddingTopTablet: var(--inputPaddingTopDesktop);
3739        --inputPaddingBottomTablet: var(--inputPaddingBottomDesktop);
3740        --inputPaddingLeftTablet: var(--inputPaddingLeftDesktop);
3741        --inputPaddingRightTablet: var(--inputPaddingRightDesktop);
3742
3743        /* input, select and textarea border */
3744        --inputBorderTopTablet: var(--inputBorderTopDesktop);
3745        --inputBorderRightTablet: var(--inputBorderRightDesktop);
3746        --inputBorderBottomTablet: var(--inputBorderBottomDesktop);
3747        --inputBorderLeftTablet: var(--inputBorderLeftDesktop);
3748
3749        /* input, select and textarea radius */
3750        --inputBorderRadiusTablet: var(--inputBorderRadiusDesktop);
3751
3752        /* input, select and textarea font */
3753        --inputFontTablet: var(--inputFontDesktop);
3754        --inputFontSizeTablet: var(--inputFontSizeDesktop);
3755        --inputFontWeightTablet: var(--inputFontWeightDesktop);
3756        --inputFontStyleTablet: var(--inputFontStyleDesktop);
3757        --inputFontColorTablet: var(--inputFontColorDesktop);
3758        --inputTextDecorationTablet: var(--inputTextDecorationDesktop);
3759        --inputLetterSpacingTablet: var(--inputLetterSpacingDesktop);
3760        --inputLineHeightTablet: var(--inputLineHeightDesktop);
3761        --inputWidthTablet: 100%;
3762        --inputHeightTablet: auto;
3763        --inputBackgroundColorTablet: var(--inputBackgroundColorDesktop);
3764        --inputTextAlignTablet: left;
3765
3766        /* input, select and textarea placeholder */
3767        --inputPlaceholderPaddingLeftTablet: var(--inputPlaceholderPaddingLeftDesktop);
3768        --inputPlaceholderFontTablet: var(--inputFontTablet);
3769        --inputPlaceholderFontSizeTablet: var(--inputFontSizeTablet);
3770        --inputPlaceholderFontColorTablet: var(--inputSecondaryColor);
3771        --inputPlaceholderFontWeightTablet: var(--inputPlaceholderFontWeightDesktop);
3772        --inputPlaceholderFontStyleTablet: var(--inputPlaceholderFontStyleDesktop);
3773        --inputPlaceholderTextDecorationTablet: var(--inputPlaceholderTextDecorationDesktop);
3774        --inputPlaceholderLetterSpacingTablet: var(--inputPlaceholderLetterSpacingDesktop);
3775        --inputPlaceholderLineHeightTablet: var(--inputPlaceholderLineHeightDesktop);
3776
3777        /* disclaimer text */
3778        --disclaimerTextFontTablet: var(--disclaimerTextFontDesktop);
3779        --disclaimerTextFontSizeTablet: var(--disclaimerTextFontSizeDesktop);
3780        --disclaimerTextFontColorTablet: var(--disclaimerTextFontColorDesktop);
3781        --disclaimerTextFontWeightTablet: var(--disclaimerTextFontWeightDesktop);
3782        --disclaimerTextFontStyleTablet: var(--disclaimerTextFontStyleDesktop);
3783        --disclaimerTextDecorationTablet: var(--disclaimerTextDecorationDesktop);
3784        --disclaimerTextLetterSpacingTablet: var(--disclaimerTextLetterSpacingDesktop);
3785        --disclaimerTextLineHeightTablet: var(--disclaimerTextLineHeightDesktop);
3786
3787        /* input, select and textarea padding hover */
3788        --inputPaddingTopHoverTablet: var(--inputPaddingTopHoverDesktop);
3789        --inputPaddingBottomHoverTablet: var(--inputPaddingBottomHoverDesktop);
3790        --inputPaddingLeftHoverTablet: var(--inputPaddingLeftHoverDesktop);
3791        --inputPaddingRightHoverTablet: var(--inputPaddingRightHoverDesktop);
3792
3793        /* input, select and textarea radius hover */
3794        --inputBorderRadiusHoverTablet: var(--inputBorderRadiusHoverDesktop);
3795
3796        /* input, select and textarea hover */
3797        --inputFontHoverTablet: var(--inputFontTablet);
3798        --inputFontSizeHoverTablet: var(--inputFontSizeTablet);
3799        --inputFontWeightHoverTablet: var(--inputFontWeightHoverDesktop);
3800        --inputFontStyleHoverTablet: var(--inputFontStyleHoverDesktop);
3801        --inputFontColorHoverTablet: var(--inputFontColorHoverDesktop);
3802        --inputTextDecorationHoverTablet: var(--inputTextDecorationHoverDesktop);
3803        --inputBackgroundColorHoverTablet: var(--inputBackgroundColorHoverDesktop);
3804
3805        --inputBorderTopHoverTablet: var(--inputBorderTopHoverDesktop);
3806        --inputBorderRightHoverTablet: var(--inputBorderRightHoverDesktop);
3807        --inputBorderBottomHoverTablet: var(--inputBorderBottomHoverDesktop);
3808        --inputBorderLeftHoverTablet: var(--inputBorderLeftHoverDesktop);
3809
3810        /* input, select and textarea focus */
3811        --inputFontFocusTablet: var(--inputFontTablet);
3812        --inputFontSizeFocusTablet: var(--inputFontSizeTablet);
3813        --inputFontWeightFocusTablet: var(--inputFontWeightTablet);
3814        --inputFontStyleFocusTablet: var(--inputFontStyleTablet);
3815        --inputFontColorFocusTablet: var(--inputFontColorDesktop);
3816        --inputTextDecorationFocusTablet: var(--inputTextDecorationTablet);
3817        --inputBorderTopFocusTablet: var(--inputBorderTopTablet);
3818        --inputBorderRightFocusTablet: var(--inputBorderRightTablet);
3819        --inputBorderBottomFocusTablet: var(--inputBorderBottomTablet);
3820        --inputBorderLeftFocusTablet: var(--inputBorderLeftTablet);
3821        --inputBackgroundColorFocusTablet: var(--inputBackgroundColorTablet);
3822
3823        /* time and date */
3824        --timeDateGridTemplateColumnsTablet: 1fr;
3825        --timeDateAlignItemsTablet: center;
3826
3827        /* radio and checkbox */
3828        --radioCheckboxGridColumnTablet: 3;
3829        --radioCheckboxGridTemplateColumnsTablet: repeat(var(--radioCheckboxGridColumnTablet), 1fr);
3830        --radioCheckboxGridColumnGapTablet: 20px;
3831        --labelRadioCheckboxDisplayTablet: grid;
3832        --labelRadioCheckboxMarginBottomTablet: 10px;
3833        --labelRadioCheckboxGridColumnTablet: 1;
3834        --labelRadioCheckboxGridTemplateColumnsTablet: repeat(var(--labelRadioCheckboxGridColumnTablet), auto);
3835        --labelRadioCheckboxAlignItemsTablet: center;
3836        --labelRadioCheckboxJustifyContentTablet: start;
3837        --radioCheckboxJustifySelfTablet: center;
3838        --radioCheckboxSizeTablet: 20px;
3839        --radioCheckboxCursorTablet: pointer;
3840        --labelRadioCheckboxGapTablet: 10px;
3841
3842        /* textarea height */
3843        --textareaHeightTablet: 120px;
3844
3845        /* radio and checkbox font */
3846        --labelRadioCheckboxFontSizeTablet: var(--labelRadioCheckboxFontSizeDesktop);
3847        --labelRadioCheckboxFontColorTablet: var(--labelRadioCheckboxFontColorDesktop);
3848        --labelRadioCheckboxFontWeightTablet: var(--labelRadioCheckboxFontWeightDesktop);
3849        --labelRadioCheckboxFontStyleTablet: var(--labelRadioCheckboxFontStyleDesktop);
3850        --labelRadioCheckboxTextDecorationTablet: var(--labelRadioCheckboxTextDecorationDesktop);
3851        --labelRadioCheckboxLetterSpacingTablet: var(--labelRadioCheckboxLetterSpacingDesktop);
3852        --labelRadioCheckboxLineHeightTablet: var(--labelRadioCheckboxLineHeightDesktop);
3853
3854        /* form actions */
3855        --formActionsMarginTopTablet: 10px;
3856        --formActionsTextAlignTablet: center;
3857
3858        /* submit padding */
3859        --submitPaddingTopTablet: 8px;
3860        --submitPaddingBottomTablet: 8px;
3861        --submitPaddingLeftTablet: 30px;
3862        --submitPaddingRightTablet: 30px;
3863
3864        /* submit border */
3865        --submitBorderTopTablet: 0px solid var(--inputPrimaryColor);
3866        --submitBorderRightTablet: 0px solid var(--inputPrimaryColor);
3867        --submitBorderBottomTablet: 0px solid var(--inputPrimaryColor);
3868        --submitBorderLeftTablet: 0px solid var(--inputPrimaryColor);
3869
3870        /* submit border radius */
3871        --submitBorderRadiusTablet: 0px 0px 0px 0px;
3872
3873        /* submit font */
3874        --submitFontTablet: var(--inputPrimaryFont);
3875        --submitFontColorTablet: rgba(var(--colorPrimaryJ),1);
3876        --submitFontSizeTablet: 16px;
3877        --submitFontWeightTablet: 400;
3878        --submitFontStyleTablet: normal;
3879        --submitTextDecorationTablet: none;
3880        --submitLetterSpacingTablet: 0px;
3881        --submitLineHeightTablet: normal;
3882        --submitBackgroundColorTablet: rgba(var(--colorCtaE),1);
3883        --submitCursorTablet: pointer;
3884        --submitWidthTablet: auto;
3885
3886        /* submit arrow */
3887        --submitArrowDisplayTablet: block;
3888        --submitArrowIconTablet: var(--submitArrowIcon01);
3889        --submitArrowSizeTablet: 16px;
3890        --submitArrowColorTablet: rgba(var(--colorPrimaryJ),1);
3891        --submitArrowRotateTablet: 0deg;
3892        --submitArrowGapTablet: 5px;
3893
3894        /* error */
3895        --errorFontColorTablet: rgba(var(--colorCtaE),1);
3896        --errorBorderColorTablet: rgba(var(--colorCtaE),1);
3897        --errorPlaceholderFontColorTablet: rgba(var(--colorCtaE),1);
3898
3899        /* required */
3900        --requiredColorTablet: rgba(var(--colorSecondaryE),1);
3901
3902        /* notification */
3903        --notificationFontColorTablet: var(--notificationFontColorDesktop);
3904        --notificationFontColorHoverTablet: var(--notificationFontColorTablet);
3905
3906        /*
3907         apply CSS properties
3908        */
3909
3910        /* apply field wrapper */
3911        --fieldWrapperDisplay: var(--fieldWrapperDisplayTablet);
3912        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsTablet);
3913        --fieldWrapperGap: var(--fieldWrapperGapTablet);
3914
3915        /* apply label */
3916        --labelDisplay: var(--labelDisplayTablet);
3917        --labelPaddingTop: var(--labelPaddingTopTablet);
3918        --labelPaddingBottom: var(--labelPaddingBottomTablet);
3919        --labelPaddingLeft: var(--labelPaddingLeftTablet);
3920        --labelPaddingRight: var(--labelPaddingRightTablet);
3921        --labelMarginBottom: var(--labelMarginBottomTablet);
3922        --labelFontSize: var(--labelFontSizeTablet);
3923        --labelFontColor: var(--labelFontColorTablet);
3924        --labelFontWeight: var(--labelFontWeightTablet);
3925        --labelFontStyle: var(--labelFontStyleTablet);
3926        --labelTextDecoration: var(--labelTextDecorationTablet);
3927        --labelLetterSpacing: var(--labelLetterSpacingTablet);
3928        --labelLineHeight: var(--labelLineHeightTablet);
3929
3930        /* apply input, select and textarea padding */
3931        --inputPaddingTop: var(--inputPaddingTopTablet);
3932        --inputPaddingBottom: var(--inputPaddingBottomTablet);
3933        --inputPaddingLeft: var(--inputPaddingLeftTablet);
3934        --inputPaddingRight: var(--inputPaddingRightTablet);
3935
3936        /* apply input, select and textarea border */
3937        --inputBorderTop: var(--inputBorderTopTablet);
3938        --inputBorderRight: var(--inputBorderRightTablet);
3939        --inputBorderBottom: var(--inputBorderBottomTablet);
3940        --inputBorderLeft: var(--inputBorderLeftTablet);
3941
3942        /* apply input, select and textarea radius */
3943        --inputBorderRadius: var(--inputBorderRadiusTablet);
3944
3945        /* apply input, select and textarea font */
3946        --inputFont: var(--inputFontTablet);
3947        --inputFontSize: var(--inputFontSizeTablet);
3948        --inputFontWeight: var(--inputFontWeightTablet);
3949        --inputFontStyle: var(--inputFontStyleTablet);
3950        --inputFontColor: var(--inputFontColorTablet);
3951        --inputTextDecoration: var(--inputTextDecorationTablet);
3952        --inputLetterSpacing: var(--inputLetterSpacingTablet);
3953        --inputLineHeight: var(--inputLineHeightTablet);
3954        --inputWidth: var(--inputWidthTablet);
3955        --inputHeight: var(--inputHeightTablet);
3956        --inputBackgroundColor: var(--inputBackgroundColorTablet);
3957        --inputTextAlign: var(--inputTextAlignTablet);
3958
3959        /* apply input, select and textarea placeholder */
3960        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftTablet);
3961        --inputPlaceholderFont: var(--inputPlaceholderFontTablet);
3962        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeTablet);
3963        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorTablet);
3964        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightTablet);
3965        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleTablet);
3966        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationTablet);
3967        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingTablet);
3968        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightTablet);
3969
3970        /* apply disclaimer text */
3971        --disclaimerTextFont: var(--disclaimerTextFontTablet);
3972        --disclaimerTextFontSize: var(--disclaimerTextFontSizeTablet);
3973        --disclaimerTextFontColor: var(--disclaimerTextFontColorTablet);
3974        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightTablet);
3975        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleTablet);
3976        --disclaimerTextDecoration: var(--disclaimerTextDecorationTablet);
3977        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingTablet);
3978        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightTablet);
3979
3980        /* apply input, select and textarea hover */
3981        --inputFontHover: var(--inputFontHoverTablet);
3982        --inputFontSizeHover: var(--inputFontSizeHoverTablet);
3983        --inputFontWeightHover: var(--inputFontWeightHoverTablet);
3984        --inputFontStyleHover: var(--inputFontStyleHoverTablet);
3985        --inputFontColorHover: var(--inputFontColorHoverTablet);
3986        --inputTextDecorationHover: var(--inputTextDecorationHoverTablet);
3987        --inputBackgroundColorHover: var(--inputBackgroundColorHoverTablet);
3988
3989        --inputBorderTopHover: var(--inputBorderTopHoverTablet);
3990        --inputBorderRightHover: var(--inputBorderRightHoverTablet);
3991        --inputBorderBottomHover: var(--inputBorderBottomHoverTablet);
3992        --inputBorderLeftHover: var(--inputBorderLeftHoverTablet);
3993        --inputBorderRadiusHover: var(--inputBorderRadiusHoverTablet);
3994
3995        --inputPaddingTopHover: var(--inputPaddingTopHoverTablet);
3996        --inputPaddingBottomHover: var(--inputPaddingBottomHoverTablet);
3997        --inputPaddingLeftHover: var(--inputPaddingLeftHoverTablet);
3998        --inputPaddingRightHover: var(--inputPaddingRightHoverTablet);
3999
4000         /* input, select and textarea padding focus */
4001        --inputPaddingTopFocusTablet: var(--inputPaddingTopTablet);
4002        --inputPaddingBottomFocusTablet: var(--inputPaddingBottomTablet);
4003        --inputPaddingLeftFocusTablet: var(--inputPaddingLeftTablet);
4004        --inputPaddingRightFocusTablet: var(--inputPaddingRightTablet);
4005
4006        /* input, select and textarea radius focus */
4007        --inputBorderRadiusFocusTablet: var(--inputBorderRadiusTablet);
4008
4009        /* apply input, select and textarea focus */
4010        --inputFontFocus: var(--inputFontFocusTablet);
4011        --inputFontSizeFocus: var(--inputFontSizeFocusTablet);
4012        --inputFontWeightFocus: var(--inputFontWeightFocusTablet);
4013        --inputFontStyleFocus: var(--inputFontStyleFocusTablet);
4014        --inputFontColorFocus: var(--inputFontColorFocusTablet);
4015        --inputTextDecorationFocus: var(--inputTextDecorationFocusTablet);
4016        --inputBorderTopFocus: var(--inputBorderTopFocusTablet);
4017        --inputBorderRightFocus: var(--inputBorderRightFocusTablet);
4018        --inputBorderBottomFocus: var(--inputBorderBottomFocusTablet);
4019        --inputBorderLeftFocus: var(--inputBorderLeftFocusTablet);
4020        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusTablet);
4021
4022        /* apply time and date */
4023        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsTablet);
4024        --timeDateAlignItems: var(--timeDateAlignItemsTablet);
4025
4026        /* apply radio and checkbox */
4027        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnTablet);
4028        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsTablet);
4029        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapTablet);
4030        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayTablet);
4031        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomTablet);
4032        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnTablet);
4033        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsTablet);
4034        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsTablet);
4035        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentTablet);
4036        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfTablet);
4037        --radioCheckboxSize: var(--radioCheckboxSizeTablet);
4038        --radioCheckboxCursor: var(--radioCheckboxCursorTablet);
4039        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapTablet);
4040
4041        /* apply textarea height */
4042        --textareaHeight: var(--textareaHeightTablet);
4043
4044        /* apply radio and checkbox font */
4045        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeTablet);
4046        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorTablet);
4047        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightTablet);
4048        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleTablet);
4049        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationTablet);
4050        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingTablet);
4051        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightTablet);
4052
4053        /* apply form actions */
4054        --formActionsMarginTop: var(--formActionsMarginTopTablet);
4055        --formActionsTextAlign: var(--formActionsTextAlignTablet);
4056
4057        /* apply submit padding */
4058        --submitPaddingTop: var(--submitPaddingTopTablet);
4059        --submitPaddingBottom: var(--submitPaddingBottomTablet);
4060        --submitPaddingLeft: var(--submitPaddingLeftTablet);
4061        --submitPaddingRight: var(--submitPaddingRightTablet);
4062
4063        /* apply submit border */
4064        --submitBorderTop: var(--submitBorderTopTablet);
4065        --submitBorderRight: var(--submitBorderRightTablet);
4066        --submitBorderBottom: var(--submitBorderBottomTablet);
4067        --submitBorderLeft: var(--submitBorderLeftTablet);
4068
4069        /* apply submit border radius */
4070        --submitBorderRadius: var(--submitBorderRadiusTablet);
4071
4072        /* apply submit font */
4073        --submitFont: var(--submitFontTablet);
4074        --submitFontColor: var(--submitFontColorTablet);
4075        --submitFontSize: var(--submitFontSizeTablet);
4076        --submitFontWeight: var(--submitFontWeightTablet);
4077        --submitFontStyle: var(--submitFontStyleTablet);
4078        --submitTextDecoration: var(--submitTextDecorationTablet);
4079        --submitLetterSpacing: var(--submitLetterSpacingTablet);
4080        --submitLineHeight: var(--submitLineHeightTablet);
4081        --submitBackgroundColor: var(--submitBackgroundColorTablet);
4082        --submitCursor: var(--submitCursorTablet);
4083        --submitWidth: var(--submitWidthTablet);
4084
4085        /* apply submit arrow */
4086        --submitArrowDisplay: var(--submitArrowDisplayTablet);
4087        --submitArrowIcon: var(--submitArrowIconTablet);
4088        --submitArrowSize: var(--submitArrowSizeTablet);
4089        --submitArrowColor: var(--submitArrowColorTablet);
4090        --submitArrowRotate: var(--submitArrowRotateTablet);
4091        --submitArrowGap: var(--submitArrowGapTablet);
4092
4093        /* apply error */
4094        --errorFontColor: var(--errorFontColorTablet);
4095        --errorBorderColor: var(--errorBorderColorTablet);
4096        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorTablet);
4097
4098        /* apply required */
4099        --requiredColor: var(--requiredColorTablet);
4100
4101        /* apply notification */
4102        --notificationFontColor: var(--notificationFontColorTablet);
4103        --notificationFontColorHover: var(--notificationFontColorHoverTablet);
4104    }
4105
4106    .wmc_form >.wml{
4107        max-width: 100%;
4108    }
4109}
4110
4111@media all and (width < 650px) {
4112    .wmc_form {
4113        /* field wrapper */
4114        --fieldWrapperDisplayMobile: grid;
4115        --fieldWrapperGridTemplateColumnsMobile: 1fr;
4116        --fieldWrapperGapMobile: var(--fieldWrapperGapDesktop);
4117
4118        /* label */
4119        --labelDisplayMobile: block;
4120        --labelPaddingTopMobile: 0px;
4121        --labelPaddingBottomMobile: 0px;
4122        --labelPaddingLeftMobile: var(--labelPaddingLeftDesktop);
4123        --labelPaddingRightMobile: 0px;
4124        --labelMarginBottomMobile: var(--labelMarginBottomDesktop);
4125        --labelFontSizeMobile: var(--labelFontSizeDesktop);
4126        --labelFontColorMobile: var(--labelFontColorDesktop);
4127        --labelFontWeightMobile: var(--labelFontWeightDesktop);
4128        --labelFontStyleMobile: var(--labelFontStyleDesktop);
4129        --labelTextDecorationMobile: var(--labelTextDecorationDesktop);
4130        --labelLetterSpacingMobile: var(--labelLetterSpacingDesktop);
4131        --labelLineHeightMobile: var(--labelLineHeightDesktop);
4132
4133        /* input, select and textarea padding */
4134        --inputPaddingTopMobile: var(--inputPaddingTopDesktop);
4135        --inputPaddingBottomMobile: var(--inputPaddingBottomDesktop);
4136        --inputPaddingLeftMobile: var(--inputPaddingLeftDesktop);
4137        --inputPaddingRightMobile: var(--inputPaddingRightDesktop);
4138
4139        /* input, select and textarea border */
4140        --inputBorderTopMobile: var(--inputBorderTopDesktop);
4141        --inputBorderRightMobile: var(--inputBorderRightDesktop);
4142        --inputBorderBottomMobile: var(--inputBorderBottomDesktop);
4143        --inputBorderLeftMobile: var(--inputBorderLeftDesktop);
4144
4145        /* input, select and textarea radius */
4146        --inputBorderRadiusMobile: var(--inputBorderRadiusDesktop);
4147
4148        /* input, select and textarea font */
4149        --inputFontMobile: var(--inputFontDesktop);
4150        --inputFontSizeMobile: var(--inputFontSizeDesktop);
4151        --inputFontWeightMobile: var(--inputFontWeightDesktop);
4152        --inputFontStyleMobile: var(--inputFontStyleDesktop);
4153        --inputFontColorMobile: var(--inputFontColorDesktop);
4154        --inputTextDecorationMobile: var(--inputTextDecorationDesktop);
4155        --inputLetterSpacingMobile: var(--inputLetterSpacingDesktop);
4156        --inputLineHeightMobile: var(--inputLineHeightDesktop);
4157        --inputWidthMobile: 100%;
4158        --inputHeightMobile: auto;
4159        --inputBackgroundColorMobile: var(--inputBackgroundColorDesktop);
4160        --inputTextAlignMobile: left;
4161
4162        /* input, select and textarea placeholder */
4163        --inputPlaceholderPaddingLeftMobile: var(--inputPlaceholderPaddingLeftDesktop);
4164        --inputPlaceholderFontMobile: var(--inputFontMobile);
4165        --inputPlaceholderFontSizeMobile: var(--inputFontSizeMobile);
4166        --inputPlaceholderFontColorMobile: var(--inputSecondaryColor);
4167        --inputPlaceholderFontWeightMobile: var(--inputPlaceholderFontWeightDesktop);
4168        --inputPlaceholderFontStyleMobile: var(--inputPlaceholderFontStyleDesktop);
4169        --inputPlaceholderTextDecorationMobile: var(--inputPlaceholderTextDecorationDesktop);
4170        --inputPlaceholderLetterSpacingMobile: var(--inputPlaceholderLetterSpacingDesktop);
4171        --inputPlaceholderLineHeightMobile: var(--inputPlaceholderLineHeightDesktop);
4172
4173        /* disclaimer text */
4174        --disclaimerTextFontMobile: var(--disclaimerTextFontDesktop);
4175        --disclaimerTextFontSizeMobile: var(--disclaimerTextFontSizeDesktop);
4176        --disclaimerTextFontColorMobile: var(--disclaimerTextFontColorDesktop);
4177        --disclaimerTextFontWeightMobile: var(--disclaimerTextFontWeightDesktop);
4178        --disclaimerTextFontStyleMobile: var(--disclaimerTextFontStyleDesktop);
4179        --disclaimerTextDecorationMobile: var(--disclaimerTextDecorationDesktop);
4180        --disclaimerTextLetterSpacingMobile: var(--disclaimerTextLetterSpacingDesktop);
4181        --disclaimerTextLineHeightMobile: var(--disclaimerTextLineHeightDesktop);
4182
4183          /* input, select and textarea padding hover */
4184        --inputPaddingTopHoverMobile: var(--inputPaddingTopHoverDesktop);
4185        --inputPaddingBottomHoverMobile: var(--inputPaddingBottomHoverDesktop);
4186        --inputPaddingLeftHoverMobile: var(--inputPaddingLeftHoverDesktop);
4187        --inputPaddingRightHoverMobile: var(--inputPaddingRightHoverDesktop);
4188
4189        /* input, select and textarea radius hover */
4190        --inputBorderRadiusHoverMobile: var(--inputBorderRadiusHoverDesktop);
4191
4192        /* input, select and textarea font hover */
4193        --inputFontHoverMobile: var(--inputFontMobile);
4194        --inputFontSizeHoverMobile: var(--inputFontSizeMobile);
4195        --inputFontWeightHoverMobile: var(--inputFontWeightHoverDesktop);
4196        --inputFontStyleHoverMobile: var(--inputFontStyleHoverDesktop);
4197        --inputFontColorHoverMobile: var(--inputFontColorHoverDesktop);
4198        --inputTextDecorationHoverMobile: var(--inputTextDecorationHoverDesktop);
4199        --inputBackgroundColorHoverMobile: var(--inputBackgroundColorHoverDesktop);
4200
4201        --inputBorderTopHoverMobile: var(--inputBorderTopHoverDesktop);
4202        --inputBorderRightHoverMobile: var(--inputBorderRightHoverDesktop);
4203        --inputBorderBottomHoverMobile: var(--inputBorderBottomHoverDesktop);
4204        --inputBorderLeftHoverMobile: var(--inputBorderLeftHoverDesktop);
4205
4206         /* input, select and textarea padding focus */
4207        --inputPaddingTopFocusMobile: var(--inputPaddingTopMobile);
4208        --inputPaddingBottomFocusMobile: var(--inputPaddingBottomMobile);
4209        --inputPaddingLeftFocusMobile: var(--inputPaddingLeftMobile);
4210        --inputPaddingRightFocusMobile: var(--inputPaddingRightMobile);
4211
4212        /* input, select and textarea radius focus */
4213        --inputBorderRadiusFocusMobile: var(--inputBorderRadiusMobile);
4214
4215        /* input, select and textarea focus */
4216        --inputFontFocusMobile: var(--inputFontMobile);
4217        --inputFontSizeFocusMobile: var(--inputFontSizeMobile);
4218        --inputFontWeightFocusMobile: var(--inputFontWeightMobile);
4219        --inputFontStyleFocusMobile: var(--inputFontStyleMobile);
4220        --inputFontColorFocusMobile: var(--inputFontColorDesktop);
4221        --inputTextDecorationFocusMobile: var(--inputTextDecorationMobile);
4222        --inputBorderTopFocusMobile: var(--inputBorderTopMobile);
4223        --inputBorderRightFocusMobile: var(--inputBorderRightMobile);
4224        --inputBorderBottomFocusMobile: var(--inputBorderBottomMobile);
4225        --inputBorderLeftFocusMobile: var(--inputBorderLeftMobile);
4226        --inputBackgroundColorFocusMobile: var(--inputBackgroundColorMobile);
4227
4228        /* time and date */
4229        --timeDateGridTemplateColumnsMobile: 1fr;
4230        --timeDateAlignItemsMobile: center;
4231
4232        /* radio and checkbox */
4233        --radioCheckboxGridColumnMobile: 1;
4234        --radioCheckboxGridTemplateColumnsMobile: repeat(var(--radioCheckboxGridColumnMobile), 1fr);
4235        --radioCheckboxGridColumnGapMobile: 20px;
4236        --labelRadioCheckboxDisplayMobile: grid;
4237        --labelRadioCheckboxMarginBottomMobile: 10px;
4238        --labelRadioCheckboxGridColumnMobile: 2;
4239        --labelRadioCheckboxGridTemplateColumnsMobile: repeat(var(--labelRadioCheckboxGridColumnMobile), auto);
4240        --labelRadioCheckboxAlignItemsMobile: center;
4241        --labelRadioCheckboxJustifyContentMobile: start;
4242        --radioCheckboxJustifySelfMobile: center;
4243        --radioCheckboxSizeMobile: 20px;
4244        --radioCheckboxCursorMobile: pointer;
4245        --labelRadioCheckboxGapMobile: 10px;
4246
4247        /* textarea height */
4248        --textareaHeightMobile: 120px;
4249
4250        /* radio and checkbox font */
4251        --labelRadioCheckboxFontSizeMobile: var(--labelRadioCheckboxFontSizeDesktop);
4252        --labelRadioCheckboxFontColorMobile: var(--labelRadioCheckboxFontColorDesktop);
4253        --labelRadioCheckboxFontWeightMobile: var(--labelRadioCheckboxFontWeightDesktop);
4254        --labelRadioCheckboxFontStyleMobile: var(--labelRadioCheckboxFontStyleDesktop);
4255        --labelRadioCheckboxTextDecorationMobile: var(--labelRadioCheckboxTextDecorationDesktop);
4256        --labelRadioCheckboxLetterSpacingMobile: var(--labelRadioCheckboxLetterSpacingDesktop);
4257        --labelRadioCheckboxLineHeightMobile: var(--labelRadioCheckboxLineHeightDesktop);
4258
4259        /* form actions */
4260        --formActionsMarginTopMobile: 10px;
4261        --formActionsTextAlignMobile: right;
4262
4263        /* submit padding */
4264        --submitPaddingTopMobile: 12px;
4265        --submitPaddingBottomMobile: 12px;
4266        --submitPaddingLeftMobile: 30px;
4267        --submitPaddingRightMobile: 30px;
4268
4269        /* submit border */
4270        --submitBorderTopMobile: 0px solid var(--inputPrimaryColor);
4271        --submitBorderRightMobile: 0px solid var(--inputPrimaryColor);
4272        --submitBorderBottomMobile: 0px solid var(--inputPrimaryColor);
4273        --submitBorderLeftMobile: 0px solid var(--inputPrimaryColor);
4274
4275        /* submit border radius */
4276        --submitBorderRadiusMobile: 0px 0px 0px 0px;
4277
4278        /* submit font */
4279        --submitFontMobile: var(--inputPrimaryFont);
4280        --submitFontColorMobile: rgba(var(--colorPrimaryJ),1);
4281        --submitFontSizeMobile: 16px;
4282        --submitFontWeightMobile: 400;
4283        --submitFontStyleMobile: normal;
4284        --submitTextDecorationMobile: none;
4285        --submitLetterSpacingMobile: 0px;
4286        --submitLineHeightMobile: normal;
4287        --submitBackgroundColorMobile: rgba(var(--colorCtaE),1);
4288        --submitCursorMobile: pointer;
4289        --submitWidthMobile: auto;
4290
4291        /* submit arrow */
4292        --submitArrowDisplayMobile: block;
4293        --submitArrowIconMobile: var(--submitArrowIcon01);
4294        --submitArrowSizeMobile: 16px;
4295        --submitArrowColorMobile: rgba(var(--colorPrimaryJ),1);
4296        --submitArrowRotateMobile: 0deg;
4297        --submitArrowGapMobile: 5px;
4298
4299        /* error */
4300        --errorFontColorMobile: rgba(var(--colorCtaE),1);
4301        --errorBorderColorMobile: rgba(var(--colorCtaE),1);
4302        --errorPlaceholderFontColorMobile: rgba(var(--colorCtaE),1);
4303
4304        /* required */
4305        --requiredColorMobile: rgba(var(--colorSecondaryE),1);
4306
4307        /* notification */
4308        --notificationFontColorMobile: var(--notificationFontColorDesktop);
4309        --notificationFontColorHoverMobile: var(--notificationFontColorMobile);
4310
4311        /*
4312         apply CSS properties
4313        */
4314
4315        /* apply field wrapper */
4316        --fieldWrapperDisplay: var(--fieldWrapperDisplayMobile);
4317        --fieldWrapperGridTemplateColumns: var(--fieldWrapperGridTemplateColumnsMobile);
4318        --fieldWrapperGap: var(--fieldWrapperGapMobile);
4319
4320        /* apply label */
4321        --labelDisplay: var(--labelDisplayMobile);
4322        --labelPaddingTop: var(--labelPaddingTopMobile);
4323        --labelPaddingBottom: var(--labelPaddingBottomMobile);
4324        --labelPaddingLeft: var(--labelPaddingLeftMobile);
4325        --labelPaddingRight: var(--labelPaddingRightMobile);
4326        --labelMarginBottom: var(--labelMarginBottomMobile);
4327        --labelFontSize: var(--labelFontSizeMobile);
4328        --labelFontColor: var(--labelFontColorMobile);
4329        --labelFontWeight: var(--labelFontWeightMobile);
4330        --labelFontStyle: var(--labelFontStyleMobile);
4331        --labelTextDecoration: var(--labelTextDecorationMobile);
4332        --labelLetterSpacing: var(--labelLetterSpacingMobile);
4333        --labelLineHeight: var(--labelLineHeightMobile);
4334
4335        /* apply input, select and textarea padding */
4336        --inputPaddingTop: var(--inputPaddingTopMobile);
4337        --inputPaddingBottom: var(--inputPaddingBottomMobile);
4338        --inputPaddingLeft: var(--inputPaddingLeftMobile);
4339        --inputPaddingRight: var(--inputPaddingRightMobile);
4340
4341        /* apply input, select and textarea border */
4342        --inputBorderTop: var(--inputBorderTopMobile);
4343        --inputBorderRight: var(--inputBorderRightMobile);
4344        --inputBorderBottom: var(--inputBorderBottomMobile);
4345        --inputBorderLeft: var(--inputBorderLeftMobile);
4346
4347        /* apply input, select and textarea radius */
4348        --inputBorderRadius: var(--inputBorderRadiusMobile);
4349
4350        /* apply input, select and textarea font */
4351        --inputFont: var(--inputFontMobile);
4352        --inputFontSize: var(--inputFontSizeMobile);
4353        --inputFontWeight: var(--inputFontWeightMobile);
4354        --inputFontStyle: var(--inputFontStyleMobile);
4355        --inputFontColor: var(--inputFontColorMobile);
4356        --inputTextDecoration: var(--inputTextDecorationMobile);
4357        --inputLetterSpacing: var(--inputLetterSpacingMobile);
4358        --inputLineHeight: var(--inputLineHeightMobile);
4359        --inputWidth: var(--inputWidthMobile);
4360        --inputHeight: var(--inputHeightMobile);
4361        --inputBackgroundColor: var(--inputBackgroundColorMobile);
4362        --inputTextAlign: var(--inputTextAlignMobile);
4363
4364        /* apply input, select and textarea placeholder */
4365        --inputPlaceholderPaddingLeft: var(--inputPlaceholderPaddingLeftMobile);
4366        --inputPlaceholderFont: var(--inputPlaceholderFontMobile);
4367        --inputPlaceholderFontSize: var(--inputPlaceholderFontSizeMobile);
4368        --inputPlaceholderFontColor: var(--inputPlaceholderFontColorMobile);
4369        --inputPlaceholderFontWeight: var(--inputPlaceholderFontWeightMobile);
4370        --inputPlaceholderFontStyle: var(--inputPlaceholderFontStyleMobile);
4371        --inputPlaceholderTextDecoration: var(--inputPlaceholderTextDecorationMobile);
4372        --inputPlaceholderLetterSpacing: var(--inputPlaceholderLetterSpacingMobile);
4373        --inputPlaceholderLineHeight: var(--inputPlaceholderLineHeightMobile);
4374
4375        /* apply disclaimer text */
4376        --disclaimerTextFont: var(--disclaimerTextFontMobile);
4377        --disclaimerTextFontSize: var(--disclaimerTextFontSizeMobile);
4378        --disclaimerTextFontColor: var(--disclaimerTextFontColorMobile);
4379        --disclaimerTextFontWeight: var(--disclaimerTextFontWeightMobile);
4380        --disclaimerTextFontStyle: var(--disclaimerTextFontStyleMobile);
4381        --disclaimerTextDecoration: var(--disclaimerTextDecorationMobile);
4382        --disclaimerTextLetterSpacing: var(--disclaimerTextLetterSpacingMobile);
4383        --disclaimerTextLineHeight: var(--disclaimerTextLineHeightMobile);
4384
4385        /* apply input, select and textarea hover */
4386        --inputFontHover: var(--inputFontHoverMobile);
4387        --inputFontSizeHover: var(--inputFontSizeHoverMobile);
4388        --inputFontWeightHover: var(--inputFontWeightHoverMobile);
4389        --inputFontStyleHover: var(--inputFontStyleHoverMobile);
4390        --inputFontColorHover: var(--inputFontColorHoverMobile);
4391        --inputTextDecorationHover: var(--inputTextDecorationHoverMobile);
4392        --inputBorderTopHover: var(--inputBorderTopHoverMobile);
4393        --inputBorderRightHover: var(--inputBorderRightHoverMobile);
4394        --inputBorderBottomHover: var(--inputBorderBottomHoverMobile);
4395        --inputBorderLeftHover: var(--inputBorderLeftHoverMobile);
4396        --inputBorderRadiusHover: var(--inputBorderRadiusHoverMobile);
4397        --inputBackgroundColorHover: var(--inputBackgroundColorHoverMobile);
4398
4399        --inputPaddingTopHover: var(--inputPaddingTopHoverMobile);
4400        --inputPaddingBottomHover: var(--inputPaddingBottomHoverMobile);
4401        --inputPaddingLeftHover: var(--inputPaddingLeftHoverMobile);
4402        --inputPaddingRightHover: var(--inputPaddingRightHoverMobile);
4403
4404        /* apply input, select and textarea focus */
4405        --inputFontFocus: var(--inputFontFocusMobile);
4406        --inputFontSizeFocus: var(--inputFontSizeFocusMobile);
4407        --inputFontWeightFocus: var(--inputFontWeightFocusMobile);
4408        --inputFontStyleFocus: var(--inputFontStyleFocusMobile);
4409        --inputFontColorFocus: var(--inputFontColorFocusMobile);
4410        --inputTextDecorationFocus: var(--inputTextDecorationFocusMobile);
4411        --inputBorderTopFocus: var(--inputBorderTopFocusMobile);
4412        --inputBorderRightFocus: var(--inputBorderRightFocusMobile);
4413        --inputBorderBottomFocus: var(--inputBorderBottomFocusMobile);
4414        --inputBorderLeftFocus: var(--inputBorderLeftFocusMobile);
4415        --inputBackgroundColorFocus: var(--inputBackgroundColorFocusMobile);
4416
4417        /* apply time and date */
4418        --timeDateGridTemplateColumns: var(--timeDateGridTemplateColumnsMobile);
4419        --timeDateAlignItems: var(--timeDateAlignItemsMobile);
4420
4421        /* apply radio and checkbox */
4422        --radioCheckboxGridColumn: var(--radioCheckboxGridColumnMobile);
4423        --radioCheckboxGridTemplateColumns: var(--radioCheckboxGridTemplateColumnsMobile);
4424        --radioCheckboxGridColumnGap: var(--radioCheckboxGridColumnGapMobile);
4425        --labelRadioCheckboxDisplay: var(--labelRadioCheckboxDisplayMobile);
4426        --labelRadioCheckboxMarginBottom: var(--labelRadioCheckboxMarginBottomMobile);
4427        --labelRadioCheckboxGridColumn: var(--labelRadioCheckboxGridColumnMobile);
4428        --labelRadioCheckboxGridTemplateColumns: var(--labelRadioCheckboxGridTemplateColumnsMobile);
4429        --labelRadioCheckboxAlignItems: var(--labelRadioCheckboxAlignItemsMobile);
4430        --labelRadioCheckboxJustifyContent: var(--labelRadioCheckboxJustifyContentMobile);
4431        --radioCheckboxJustifySelf: var(--radioCheckboxJustifySelfMobile);
4432        --radioCheckboxSize: var(--radioCheckboxSizeMobile);
4433        --radioCheckboxCursor: var(--radioCheckboxCursorMobile);
4434        --labelRadioCheckboxGap: var(--labelRadioCheckboxGapMobile);
4435
4436        /* apply textarea height */
4437        --textareaHeight: var(--textareaHeightMobile);
4438
4439        /* apply radio and checkbox font */
4440        --labelRadioCheckboxFontSize: var(--labelRadioCheckboxFontSizeMobile);
4441        --labelRadioCheckboxFontColor: var(--labelRadioCheckboxFontColorMobile);
4442        --labelRadioCheckboxFontWeight: var(--labelRadioCheckboxFontWeightMobile);
4443        --labelRadioCheckboxFontStyle: var(--labelRadioCheckboxFontStyleMobile);
4444        --labelRadioCheckboxTextDecoration: var(--labelRadioCheckboxTextDecorationMobile);
4445        --labelRadioCheckboxLetterSpacing: var(--labelRadioCheckboxLetterSpacingMobile);
4446        --labelRadioCheckboxLineHeight: var(--labelRadioCheckboxLineHeightMobile);
4447
4448        /* apply form actions */
4449        --formActionsMarginTop: var(--formActionsMarginTopMobile);
4450        --formActionsTextAlign: var(--formActionsTextAlignMobile);
4451
4452        /* apply submit padding */
4453        --submitPaddingTop: var(--submitPaddingTopMobile);
4454        --submitPaddingBottom: var(--submitPaddingBottomMobile);
4455        --submitPaddingLeft: var(--submitPaddingLeftMobile);
4456        --submitPaddingRight: var(--submitPaddingRightMobile);
4457
4458        /* apply submit border */
4459        --submitBorderTop: var(--submitBorderTopMobile);
4460        --submitBorderRight: var(--submitBorderRightMobile);
4461        --submitBorderBottom: var(--submitBorderBottomMobile);
4462        --submitBorderLeft: var(--submitBorderLeftMobile);
4463
4464        /* apply submit border radius */
4465        --submitBorderRadius: var(--submitBorderRadiusMobile);
4466
4467        /* apply submit font */
4468        --submitFont: var(--submitFontMobile);
4469        --submitFontColor: var(--submitFontColorMobile);
4470        --submitFontSize: var(--submitFontSizeMobile);
4471        --submitFontWeight: var(--submitFontWeightMobile);
4472        --submitFontStyle: var(--submitFontStyleMobile);
4473        --submitTextDecoration: var(--submitTextDecorationMobile);
4474        --submitLetterSpacing: var(--submitLetterSpacingMobile);
4475        --submitLineHeight: var(--submitLineHeightMobile);
4476        --submitBackgroundColor: var(--submitBackgroundColorMobile);
4477        --submitCursor: var(--submitCursorMobile);
4478        --submitWidth: var(--submitWidthMobile);
4479
4480        /* apply submit arrow */
4481        --submitArrowDisplay: var(--submitArrowDisplayMobile);
4482        --submitArrowIcon: var(--submitArrowIconMobile);
4483        --submitArrowSize: var(--submitArrowSizeMobile);
4484        --submitArrowColor: var(--submitArrowColorMobile);
4485        --submitArrowRotate: var(--submitArrowRotateMobile);
4486        --submitArrowGap: var(--submitArrowGapMobile);
4487
4488        /* apply error */
4489        --errorFontColor: var(--errorFontColorMobile);
4490        --errorBorderColor: var(--errorBorderColorMobile);
4491        --errorPlaceholderFontColor: var(--errorPlaceholderFontColorMobile);
4492
4493        /* apply required */
4494        --requiredColor: var(--requiredColorMobile);
4495
4496        /* apply notification */
4497        --notificationFontColor: var(--notificationFontColorMobile);
4498        --notificationFontColorHover: var(--notificationFontColorHoverMobile);
4499    }
4500
4501    .wmc_form >.wml{
4502        max-width: 100%;
4503    }
4504}
4505
4506.wmc_form form {
4507    display: grid;
4508    grid-template-columns: 1fr;
4509    gap: var(--fieldWrapperGap);
4510    align-items: start;
4511    justify-content: center;
4512    width: 100%;
4513    max-width: 100%;
4514    margin: 0 auto;
4515}
4516
4517.wmc_form .field-wrapper {
4518    display: var(--fieldWrapperDisplay);
4519    grid-template-columns: var(--fieldWrapperGridTemplateColumns);
4520    min-width: 0;
4521}
4522
4523.wmc_form .time-date-wrapper {
4524    grid-template-columns: var(--timeDateGridTemplateColumns);
4525    align-items: var(--timeDateAlignItems);
4526}
4527
4528.wmc_form .radio-checkbox-wrapper {
4529    grid-template-columns: var(--radioCheckboxGridTemplateColumns);
4530    column-gap: var(--radioCheckboxGridColumnGap);
4531}
4532
4533.wmc_form .field-wrapper {
4534    & > label {
4535        display: var(--labelDisplay);
4536        padding-block-start: var(--labelPaddingTop);
4537        padding-block-end: var(--labelPaddingBottom);
4538        padding-inline-start: var(--labelPaddingLeft);
4539        padding-inline-end: var(--labelPaddingRight);
4540        margin-bottom: var(--labelMarginBottom);
4541        font-family: var(--labelFont);
4542        font-size: var(--labelFontSize);
4543        color: var(--labelFontColor);
4544        line-height: var(--labelLineHeight);
4545        letter-spacing: var(--labelLetterSpacing);
4546        text-decoration: var(--labelTextDecoration);
4547        font-weight: var(--labelFontWeight);
4548        font-style: var(--labelFontStyle);
4549    }
4550
4551    &.radio-checkbox-wrapper {
4552        & > label:not(:has(input)) {
4553            grid-column: span var(--radioCheckboxGridColumn);
4554        }
4555
4556        & > label:has(> input) {
4557            display: var(--labelRadioCheckboxDisplay);
4558            margin-bottom: var(--labelRadioCheckboxMarginBottom);
4559            grid-template-columns: var(--labelRadioCheckboxGridTemplateColumns);
4560            align-items: var(--labelRadioCheckboxAlignItems);
4561            justify-content: var(--labelRadioCheckboxJustifyContent);
4562            gap: var(--labelRadioCheckboxGap);
4563            min-width: 0;
4564
4565            /* need to update those css properties */
4566            font-family: var(--inputFont);
4567            font-size: var(--labelRadioCheckboxFontSize);
4568            font-weight: var(--labelRadioCheckboxFontWeight);
4569            font-style: var(--labelRadioCheckboxFontStyle);
4570            color: var(--labelRadioCheckboxFontColor);
4571            line-height: var(--labelRadioCheckboxLineHeight);
4572            letter-spacing: var(--labelRadioCheckboxLetterSpacing);
4573            text-decoration: var(--labelRadioCheckboxTextDecoration);
4574
4575            & > input[type="radio"],
4576            & > input[type="checkbox"] {
4577                padding: 0;
4578                margin: 0;
4579                width: var(--radioCheckboxSize);
4580                height: var(--radioCheckboxSize);
4581                cursor: var(--radioCheckboxCursor);
4582                justify-self: var(--radioCheckboxJustifySelf);
4583            }
4584        }
4585    }
4586
4587    &.time-date-wrapper {
4588        & > label {
4589            margin-bottom: var(--labelMarginBottom);
4590        }
4591    }
4592}
4593
4594.wmc_form input:not(:placeholder-shown),
4595.wmc_form textarea:not(:placeholder-shown) {
4596    text-decoration: var(--inputTextDecoration);
4597}
4598
4599.wmc_form select {
4600    text-decoration: var(--inputTextDecoration);
4601}
4602
4603.wmc_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
4604.wmc_form textarea,
4605.wmc_form select {
4606    padding-block-start: var(--inputPaddingTop);
4607    padding-block-end: var(--inputPaddingBottom);
4608    padding-inline-start: var(--inputPaddingLeft);
4609    padding-inline-end: var(--inputPaddingRight);
4610
4611    border-top: var(--inputBorderTop);
4612    border-right: var(--inputBorderRight);
4613    border-bottom: var(--inputBorderBottom);
4614    border-left: var(--inputBorderLeft);
4615    border-radius: var(--inputBorderRadius);
4616
4617    font-family: var(--inputFont);
4618    font-size: var(--inputFontSize);
4619    font-weight: var(--inputFontWeight);
4620    font-style: var(--inputFontStyle);
4621    color: var(--inputFontColor);
4622    line-height: var(--inputLineHeight);
4623    letter-spacing: var(--inputLetterSpacing);
4624    width: var(--inputWidth);
4625    height: var(--inputHeight);
4626    background-color: var(--inputBackgroundColor);
4627    text-align: var(--inputTextAlign);
4628
4629    &::placeholder {
4630        padding-inline-start: var(--inputPlaceholderPaddingLeft);
4631        font-family: var(--inputPlaceholderFont);
4632        color: var(--inputPlaceholderFontColor);
4633        font-size: var(--inputPlaceholderFontSize);
4634        font-weight: var(--inputPlaceholderFontWeight);
4635        font-style: var(--inputPlaceholderFontStyle);
4636        line-height: var(--inputPlaceholderLineHeight);
4637        letter-spacing: var(--inputPlaceholderLetterSpacing);
4638        text-decoration: var(--inputPlaceholderTextDecoration);
4639    }
4640
4641    &:hover, .wmcA_hoverState & {
4642        font-family: var(--inputFontHover);
4643        font-size: var(--inputFontSizeHover);
4644        font-weight: var(--inputFontWeightHover);
4645        font-style: var(--inputFontStyleHover);
4646        color: var(--inputFontColorHover);
4647        text-decoration: var(--inputTextDecorationHover);
4648        padding-block-start: var(--inputPaddingTopHover);
4649        padding-block-end: var(--inputPaddingBottomHover);
4650        padding-inline-start: var(--inputPaddingLeftHover);
4651        padding-inline-end: var(--inputPaddingRightHover);
4652        border-top: var(--inputBorderTopHover);
4653        border-right: var(--inputBorderRightHover);
4654        border-bottom: var(--inputBorderBottomHover);
4655        border-left: var(--inputBorderLeftHover);
4656        border-radius: var(--inputBorderRadiusHover);
4657        background-color: var(--inputBackgroundColorHover);
4658    }
4659
4660    &:focus {
4661        font-family: var(--inputFontFocus);
4662        font-size: var(--inputFontSizeFocus);
4663        font-weight: var(--inputFontWeightFocus);
4664        font-style: var(--inputFontStyleFocus);
4665        color: var(--inputFontColorFocus);
4666        text-decoration: var(--inputTextDecorationFocus);
4667        border-top: var(--inputBorderTopFocus);
4668        border-right: var(--inputBorderRightFocus);
4669        border-bottom: var(--inputBorderBottomFocus);
4670        border-left: var(--inputBorderLeftFocus);
4671        background-color: var(--inputBackgroundColorFocus);
4672        outline: none;
4673    }
4674}
4675
4676/* Date and Time inputs: Apply placeholder styles only when empty */
4677.wmc_form input[type="date"]:not(.has-value),
4678.wmc_form input[type="time"]:not(.has-value) {
4679    font-family: var(--inputPlaceholderFont) !important;
4680    color: var(--inputPlaceholderFontColor) !important;
4681    font-size: var(--inputPlaceholderFontSize) !important;
4682    font-weight: var(--inputPlaceholderFontWeight) !important;
4683    font-style: var(--inputPlaceholderFontStyle) !important;
4684    line-height: var(--inputPlaceholderLineHeight) !important;
4685    letter-spacing: var(--inputPlaceholderLetterSpacing) !important;
4686    text-decoration: var(--inputPlaceholderTextDecoration) !important;
4687}
4688.wmc_form textarea {
4689    height: var(--textareaHeight);
4690}
4691
4692.wmc_form input[type="submit"],
4693.wmc_form button[type="submit"] {
4694    display: inline;
4695    font-family: var(--submitFont);
4696    color: var(--submitFontColor);
4697    font-size: var(--submitFontSize);
4698    font-weight: var(--submitFontWeight);
4699    font-style: var(--submitFontStyle);
4700    text-decoration: var(--submitTextDecoration);
4701    letter-spacing: var(--submitLetterSpacing);
4702    line-height: var(--submitLineHeight);
4703    border: none;
4704    background-color: transparent;
4705    cursor: var(--submitCursor);
4706}
4707
4708.wmc_form .form-actions {
4709    margin-block-start: var(--formActionsMarginTop);
4710    text-align: var(--formActionsTextAlign);
4711
4712    & .submit-wrapper {
4713        display: inline-flex;
4714        align-items: center;
4715        justify-content: center;
4716        pointer-events: auto;
4717        position: relative;
4718        z-index: 0;
4719        cursor: var(--submitCursor);
4720        background-color: var(--submitBackgroundColor);
4721        gap: var(--submitArrowGap);
4722        width: var(--submitWidth);
4723
4724        padding-block-start: var(--submitPaddingTop);
4725        padding-block-end: var(--submitPaddingBottom);
4726        padding-inline-start: var(--submitPaddingLeft);
4727        padding-inline-end: var(--submitPaddingRight);
4728
4729        border-top: var(--submitBorderTop);
4730        border-right: var(--submitBorderRight);
4731        border-bottom: var(--submitBorderBottom);
4732        border-left: var(--submitBorderLeft);
4733        border-radius: var(--submitBorderRadius);
4734
4735        &::after {
4736            display: var(--submitArrowDisplay);
4737            content: '';
4738            width: var(--submitArrowSize);
4739            height: var(--submitArrowSize);
4740            -webkit-mask-image: var(--submitArrowIcon);
4741            mask-image: var(--submitArrowIcon);
4742            -webkit-mask-size: contain;
4743            mask-size: contain;
4744            -webkit-mask-repeat: no-repeat;
4745            mask-repeat: no-repeat;
4746            -webkit-mask-position: center;
4747            mask-position: center;
4748            background-color: var(--submitArrowColor);
4749            transform: rotate(var(--submitArrowRotate));
4750        }
4751    }
4752}
4753
4754.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
4755.wmc_form .was-validated textarea:invalid,
4756.wmc_form .was-validated select:invalid {
4757    color: var(--errorFontColor);
4758    border-color: var(--errorBorderColor);
4759}
4760
4761.wmc_form .was-validated input:invalid:not([type="submit"]):not([type="radio"]):not([type="checkbox"])::placeholder,
4762.wmc_form .was-validated textarea:invalid::placeholder,
4763.wmc_form .was-validated select:invalid::placeholder {
4764    color: var(--errorPlaceholderFontColor);
4765}
4766
4767.wmc_form .field-wrapper:has(input:required:not([type="submit"])),
4768.wmc_form .field-wrapper:has(textarea:required),
4769.wmc_form .field-wrapper:has(select:required) {
4770    & > label:not(:has(input))::after {
4771        content: '*';
4772        color: var(--requiredColor);
4773    }
4774}
4775
4776.wmc_form .field-wrapper:has(input[type="radio"]:required),
4777.wmc_form .field-wrapper:has(input[type="checkbox"]:required) {
4778    & > label:has(input) {
4779        position: relative;
4780    }
4781    & > label:has(input)::after {
4782        content: '*';
4783        display: inline-block;
4784        color: var(--requiredColor);
4785        position: absolute;
4786        left: -6px;
4787        top: -11px;
4788        z-index: 1;
4789    }
4790}
4791
4792/* Notifications */
4793.form-notification {
4794    display: none;
4795    padding: 1rem;
4796    margin-bottom: 1rem;
4797    font-weight: 500;
4798    color: var(--notificationFontColor);
4799    &:hover {
4800        color: var(--notificationFontColorHover);
4801    }
4802}
4803
4804.form-disclaimer {
4805    font-family: var(--disclaimerTextFont);
4806    font-size: var(--disclaimerTextFontSize);
4807    color: var(--disclaimerTextFontColor);
4808    font-weight: var(--disclaimerTextFontWeight);
4809    font-style: var(--disclaimerTextFontStyle);
4810    text-decoration: var(--disclaimerTextDecoration);
4811    letter-spacing: var(--disclaimerTextLetterSpacing);
4812    line-height: var(--disclaimerTextLineHeight);
4813}
4814
4815.wmc_form .loading-spinner {
4816    display: none;
4817    align-items: center;
4818    justify-content: center;
4819    width: fit-content;
4820}
4821
4822.wmc_form .spinner {
4823    width: 30px;
4824    height: 30px;
4825    border: 2px solid rgba(var(--colorCtaC),1);
4826    border-top: 2px solid rgba(var(--colorPrimaryJ),1);
4827    border-radius: 50%;
4828    animation: spin 1s linear infinite;
4829}
4830
4831@keyframes spin {
4832    0% { transform: rotate(0deg); }
4833    100% { transform: rotate(360deg); }
4834}
4835
4836</style>
4837            <style>/* image.css */
4838wm-img {
4839    display: block;
4840}
4841
4842.wmc_image {
4843    --imageOpacity: 1;
4844    --colorOverlay: initial;
4845    --aspectRatioDesktop: 1;
4846    --aspectRatio: var(--aspectRatioDesktop);
4847    --pointOfInterest: var(--wmd_mediaPointOfInterest);
4848    --imageFit: cover;
4849
4850    /* Flip (mirror) — scaleX/Y(-1) when on, identity when off. State- and */
4851    /* viewport-aware, mirroring the rotation/padding cascades. */
4852    --imageFlipXDesktop: scaleX(1);
4853    --imageFlipYDesktop: scaleY(1);
4854    --imageFlipXDesktopHover: var(--imageFlipXDesktop);
4855    --imageFlipYDesktopHover: var(--imageFlipYDesktop);
4856    --imageFlipXDesktopActive: var(--imageFlipXDesktopHover);
4857    --imageFlipYDesktopActive: var(--imageFlipYDesktopHover);
4858    --imageFlipX: var(--imageFlipXDesktop);
4859    --imageFlipY: var(--imageFlipYDesktop);
4860    --imageFlipXHover: var(--imageFlipXDesktopHover);
4861    --imageFlipYHover: var(--imageFlipYDesktopHover);
4862    --imageFlipXActive: var(--imageFlipXDesktopActive);
4863    --imageFlipYActive: var(--imageFlipYDesktopActive);
4864
4865    --paddingTopDesktop: 0px;
4866    --paddingRightDesktop: 0px;
4867    --paddingBottomDesktop: 0px;
4868    --paddingLeftDesktop: 0px;
4869    --paddingTopDesktopHover: var(--paddingTopDesktop);
4870    --paddingRightDesktopHover: var(--paddingRightDesktop);
4871    --paddingBottomDesktopHover: var(--paddingBottomDesktop);
4872    --paddingLeftDesktopHover: var(--paddingLeftDesktop);
4873
4874    --paddingTopHover: var(--paddingTopDesktopHover);
4875    --paddingRightHover: var(--paddingRightDesktopHover);
4876    --paddingBottomHover: var(--paddingBottomDesktopHover);
4877    --paddingLeftHover: var(--paddingLeftDesktopHover);
4878
4879    --paddingTop: var(--paddingTopDesktop);
4880    --paddingRight: var(--paddingRightDesktop);
4881    --paddingBottom: var(--paddingBottomDesktop);
4882    --paddingLeft: var(--paddingLeftDesktop);
4883}
4884
4885.wmc_image .wms_overlay {
4886    width: 100%;
4887    height: 100%;
4888    position: absolute;
4889    pointer-events: none;
4890    z-index: 1;
4891    background-color: var(--colorOverlay);
4892}
4893
4894.wmc_image .wml {
4895    /* in Chromium, for a broken image the alt text is rendered instead of the image */
4896    /* if that text is too long, especially without spaces, the replaced element's size behaves... weird */
4897    /* with this setting we avoid layouting issues of alt text as the replaced element */
4898    /* also, this MUST be 'hidden'... 'clip' should behave the same, but doesn't do what one would expect */
4899    overflow: hidden;
4900}
4901.wmc_image picture {
4902    border-top: var(--borderTop);
4903    border-right: var(--borderRight);
4904    border-bottom: var(--borderBottom);
4905    border-left: var(--borderLeft);
4906    border-radius: var(--borderRadius);
4907    border-width: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);
4908    border-color: transparent;
4909    overflow: hidden;
4910    /* Mirror the image on either axis; rotation is applied to the parent .wml */
4911    /* via the shared --rotate transform, so the two compose. */
4912    transform: var(--imageFlipX) var(--imageFlipY);
4913    /* Optimize rendering for synchronized transitions */
4914    will-change: border-radius;
4915    /* All transitions with explicit duration to sync border-radius with ::before borders */
4916    transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
4917        border-width var(--transitionDurationHover) var(--transitionEasingHover),
4918        background-color var(--transitionDurationHover) var(--transitionEasingHover),
4919        box-shadow var(--transitionDurationHover) var(--transitionEasingHover),
4920        opacity var(--transitionDurationHover) var(--transitionEasingHover),
4921        filter var(--transitionDurationHover) var(--transitionEasingHover),
4922        color var(--transitionDurationHover) var(--transitionEasingHover),
4923        transform var(--transitionDurationHover) var(--transitionEasingKineticHover),
4924        margin var(--transitionDurationHover) var(--transitionEasingKineticHover),
4925        width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4926        min-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4927        max-width var(--transitionDurationHover) var(--transitionEasingKineticHover),
4928        height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4929        min-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4930        max-height var(--transitionDurationHover) var(--transitionEasingKineticHover),
4931        top var(--transitionDurationHover) var(--transitionEasingKineticHover),
4932        right var(--transitionDurationHover) var(--transitionEasingKineticHover),
4933        bottom var(--transitionDurationHover) var(--transitionEasingKineticHover),
4934        left var(--transitionDurationHover) var(--transitionEasingKineticHover),
4935        font-size var(--transitionDurationHover) var(--transitionEasingHover),
4936        font-weight var(--transitionDurationHover) var(--transitionEasingHover),
4937        font-style var(--transitionDurationHover) var(--transitionEasingHover),
4938        text-decoration var(--transitionDurationHover) var(--transitionEasingHover);
4939
4940    &:hover,
4941    .wmcA_hoverState & {
4942        --paddingTop: var(--paddingTopHover);
4943        --paddingRight: var(--paddingRightHover);
4944        --paddingBottom: var(--paddingBottomHover);
4945        --paddingLeft: var(--paddingLeftHover);
4946        --imageFlipX: var(--imageFlipXHover);
4947        --imageFlipY: var(--imageFlipYHover);
4948    }
4949
4950    .wmcA_activeState & {
4951        --imageFlipX: var(--imageFlipXActive);
4952        --imageFlipY: var(--imageFlipYActive);
4953    }
4954
4955    &::before {
4956        content: "";
4957        position: absolute;
4958        inset: 0;
4959        border-top: var(--borderTop);
4960        border-right: var(--borderRight);
4961        border-bottom: var(--borderBottom);
4962        border-left: var(--borderLeft);
4963        border-radius: var(--borderRadius);
4964        /* Optimize rendering for synchronized transitions */
4965        will-change: border-radius, border-top, border-right, border-bottom, border-left;
4966        /* Same transition timing and order as parent picture element - border-radius first to sync */
4967        transition: border-radius var(--transitionDurationHover) var(--transitionEasingHover),
4968            border-top var(--transitionDurationHover) var(--transitionEasingHover),
4969            border-right var(--transitionDurationHover) var(--transitionEasingHover),
4970            border-bottom var(--transitionDurationHover) var(--transitionEasingHover),
4971            border-left var(--transitionDurationHover) var(--transitionEasingHover);
4972    }
4973}
4974
4975.wmc_image picture {
4976    display: block;
4977    width: 100%;
4978    height: 100%;
4979}
4980
4981.wmc_image picture img {
4982    object-fit: var(--imageFit);
4983    width: 100%;
4984    height: 100%;
4985    opacity: var(--imageOpacity);
4986    aspect-ratio: var(--aspectRatio);
4987    object-position: var(--pointOfInterest);
4988    background-position: var(--pointOfInterest);
4989    /* we set display like this to ensure browsers correctly size the replaced element even when the image is broken */
4990    display: block;
4991}
4992
4993.wmc_image picture img::before {
4994    /* unlike Chromium, for broken images Firefox adds this additional pseudo-element into DOM to show the images' alt text */
4995    /* with these properties we control that pseudo-element's rendering and avoid layouting issues */
4996    position: absolute;
4997    display: block;
4998    top: 0;
4999    right: 0;
5000    bottom: 0;
5001    left: 0;
5002    overflow: clip;
5003}
5004
5005.wmc_image.wmcM_keepAspectRatio > .wml {
5006    height: min-content;
5007}
5008
5009.wmcM_imageContain.wmc_image picture img {
5010    object-fit: contain;
5011}
5012
5013.wmcM_imageScaleDown.wmc_image picture img {
5014    object-fit: scale-down;
5015}
5016
5017
5018@media all and (width < 1040px) {
5019    .wmc_image {
5020        --aspectRatioTablet: 1;
5021        --aspectRatio: var(--aspectRatioTablet);
5022
5023        --paddingTopTablet: var(--paddingTopDesktop);
5024        --paddingRightTablet: var(--paddingRightDesktop);
5025        --paddingBottomTablet: var(--paddingBottomDesktop);
5026        --paddingLeftTablet: var(--paddingLeftDesktop);
5027        --paddingTopTabletHover: var(--paddingTopDesktopHover);
5028        --paddingRightTabletHover: var(--paddingRightDesktopHover);
5029        --paddingBottomTabletHover: var(--paddingBottomDesktopHover);
5030        --paddingLeftTabletHover: var(--paddingLeftDesktopHover);
5031
5032        --imageFlipXTablet: var(--imageFlipXDesktop);
5033        --imageFlipYTablet: var(--imageFlipYDesktop);
5034        --imageFlipXTabletHover: var(--imageFlipXDesktopHover);
5035        --imageFlipYTabletHover: var(--imageFlipYDesktopHover);
5036        --imageFlipXTabletActive: var(--imageFlipXTabletHover);
5037        --imageFlipYTabletActive: var(--imageFlipYTabletHover);
5038        --imageFlipX: var(--imageFlipXTablet);
5039        --imageFlipY: var(--imageFlipYTablet);
5040        --imageFlipXHover: var(--imageFlipXTabletHover);
5041        --imageFlipYHover: var(--imageFlipYTabletHover);
5042        --imageFlipXActive: var(--imageFlipXTabletActive);
5043        --imageFlipYActive: var(--imageFlipYTabletActive);
5044
5045        --paddingTopHover: var(--paddingTopTabletHover);
5046        --paddingRightHover: var(--paddingRightTabletHover);
5047        --paddingBottomHover: var(--paddingBottomTabletHover);
5048        --paddingLeftHover: var(--paddingLeftTabletHover);
5049
5050        --paddingTop: var(--paddingTopTablet);
5051        --paddingRight: var(--paddingRightTablet);
5052        --paddingBottom: var(--paddingBottomTablet);
5053        --paddingLeft: var(--paddingLeftTablet);
5054    }
5055}
5056
5057
5058@media all and (width < 650px) {
5059    .wmc_image {
5060        --aspectRatioMobile: 1;
5061        --aspectRatio: var(--aspectRatioMobile);
5062
5063        --paddingTopMobile: var(--paddingTopDesktop);
5064        --paddingRightMobile: var(--paddingRightDesktop);
5065        --paddingBottomMobile: var(--paddingBottomDesktop);
5066        --paddingLeftMobile: var(--paddingLeftDesktop);
5067        --paddingTopMobileHover: var(--paddingTopDesktopHover);
5068        --paddingRightMobileHover: var(--paddingRightDesktopHover);
5069        --paddingBottomMobileHover: var(--paddingBottomDesktopHover);
5070        --paddingLeftMobileHover: var(--paddingLeftDesktopHover);
5071
5072        --imageFlipXMobile: var(--imageFlipXDesktop);
5073        --imageFlipYMobile: var(--imageFlipYDesktop);
5074        --imageFlipXMobileHover: var(--imageFlipXDesktopHover);
5075        --imageFlipYMobileHover: var(--imageFlipYDesktopHover);
5076        --imageFlipXMobileActive: var(--imageFlipXMobileHover);
5077        --imageFlipYMobileActive: var(--imageFlipYMobileHover);
5078        --imageFlipX: var(--imageFlipXMobile);
5079        --imageFlipY: var(--imageFlipYMobile);
5080        --imageFlipXHover: var(--imageFlipXMobileHover);
5081        --imageFlipYHover: var(--imageFlipYMobileHover);
5082        --imageFlipXActive: var(--imageFlipXMobileActive);
5083        --imageFlipYActive: var(--imageFlipYMobileActive);
5084
5085        --paddingTopHover: var(--paddingTopMobileHover);
5086        --paddingRightHover: var(--paddingRightMobileHover);
5087        --paddingBottomHover: var(--paddingBottomMobileHover);
5088        --paddingLeftHover: var(--paddingLeftMobileHover);
5089
5090        --paddingTop: var(--paddingTopMobile);
5091        --paddingRight: var(--paddingRightMobile);
5092        --paddingBottom: var(--paddingBottomMobile);
5093        --paddingLeft: var(--paddingLeftMobile);
5094    }
5095}
5096</style>
5097            <style>/* raw-html.css */
5098/* This whole file is suspect */
5099.wmc_rawHtml {
5100    --heightDesktop: min-content;
5101
5102    /* entire text, all devices */
5103    --textShadow: none;
5104    text-shadow: var(--textShadow);
5105
5106    /* entire text, per device */
5107    --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
5108    --paragraphSpacing: var(--paragraphSpacingDesktop);
5109
5110    /* pieces of text, all devices */
5111    --fontFamily: var(--paragraph1_fontFamily);
5112
5113    /* pieces of text, per device */
5114    --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
5115    --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
5116    --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
5117    --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
5118    --textColorDesktop: rgba(var(--colorBwGradientA), 1);
5119    --fontStyleDesktop: normal;
5120    --textAlignDesktop: left;
5121    --textIndentDesktop: 0px;
5122    --textDecorationDesktop: none;
5123    --textBackgroundColorDesktop: initial;
5124
5125    & > .wml {
5126        height: min-content;
5127    }
5128
5129    & > .wml > .wms_content > * {
5130        position: relative;
5131    }
5132
5133    &.wmcM_applyPersonalityStyles > .wml > .wms_content * {
5134        /* pieces of text, all devices */
5135        font-family: var(--fontFamily);
5136
5137        /* pieces of text, per device */
5138        --letterSpacing: var(--letterSpacingDesktop);
5139        --fontSize: var(--fontSizeDesktop);
5140        --fontWeight: var(--fontWeightDesktop);
5141        --fontStyle: var(--fontStyleDesktop);
5142        --textColor: var(--textColorDesktop);
5143        --lineHeight: var(--lineHeightDesktop);
5144        --textAlign: var(--textAlignDesktop);
5145        --textIndent: var(--textIndentDesktop);
5146        --textDecoration: var(--textDecorationDesktop);
5147        --textBackgroundColor: var(--textBackgroundColorDesktop);
5148
5149        letter-spacing: var(--letterSpacing);
5150        font-size: var(--fontSize);
5151        font-weight: var(--fontWeight);
5152        font-style: var(--fontStyle);
5153        color: var(--textColor);
5154        line-height: var(--lineHeight);
5155        text-align: var(--textAlign);
5156        text-indent: var(--textIndent);
5157        text-decoration: var(--textDecoration);
5158        background-color: var(--textBackgroundColor);
5159
5160        --fontSizeDesktopHover: var(--fontSizeDesktop);
5161        --fontWeightDesktopHover: var(--fontWeightDesktop);
5162        --textColorDesktopHover: var(--textColorDesktop);
5163        --fontStyleDesktopHover: var(--fontStyleDesktop);
5164        --textDecorationDesktopHover: var(--textDecorationDesktop);
5165
5166        --fontSizeHover: var(--fontSizeDesktopHover);
5167        --fontWeightHover: var(--fontWeightDesktopHover);
5168        --textColorHover: var(--textColorDesktopHover);
5169        --fontStyleHover: var(--fontStyleDesktopHover);
5170        --textDecorationHover: var(--textDecorationDesktopHover);
5171
5172        --fontSizeDesktopActive: var(--fontSizeDesktopHover);
5173        --fontWeightDesktopActive: var(--fontWeightDesktopHover);
5174        --textColorDesktopActive: var(--textColorDesktopHover);
5175        --fontStyleDesktopActive: var(--fontStyleDesktopHover);
5176        --textDecorationDesktopActive: var(--textDecorationDesktopHover);
5177
5178        --fontSizeActive: var(--fontSizeDesktopActive);
5179        --fontWeightActive: var(--fontWeightDesktopActive);
5180        --textColorActive: var(--textColorDesktopActive);
5181        --fontStyleActive: var(--fontStyleDesktopActive);
5182        --textDecorationActive: var(--textDecorationDesktopActive);
5183    }
5184
5185    & > .wml > .wms_content h1 {
5186        --fontFamily: var(--heading1_fontFamily);
5187        --fontSizeDesktop: var(--heading1_fontSizeDesktop);
5188        --fontWeightDesktop: var(--heading1_fontWeightDesktop);
5189        --lineHeightDesktop: var(--heading1_lineHeightDesktop);
5190        --letterSpacingDesktop: var(--heading1_letterSpacingDesktop);
5191        --paragraphSpacingDesktop: var(--heading1_paragraphSpacingDesktop);
5192    }
5193
5194    & > .wml > .wms_content h2 {
5195        --fontFamily: var(--heading2_fontFamily);
5196        --fontSizeDesktop: var(--heading2_fontSizeDesktop);
5197        --fontWeightDesktop: var(--heading2_fontWeightDesktop);
5198        --lineHeightDesktop: var(--heading2_lineHeightDesktop);
5199        --letterSpacingDesktop: var(--heading2_letterSpacingDesktop);
5200        --paragraphSpacingDesktop: var(--heading2_paragraphSpacingDesktop);
5201    }
5202
5203    & > .wml > .wms_content h3 {
5204        --fontFamily: var(--heading3_fontFamily);
5205        --fontSizeDesktop: var(--heading3_fontSizeDesktop);
5206        --fontWeightDesktop: var(--heading3_fontWeightDesktop);
5207        --lineHeightDesktop: var(--heading3_lineHeightDesktop);
5208        --letterSpacingDesktop: var(--heading3_letterSpacingDesktop);
5209        --paragraphSpacingDesktop: var(--heading3_paragraphSpacingDesktop);
5210    }
5211
5212    & > .wml > .wms_content h4 {
5213        --fontFamily: var(--heading4_fontFamily);
5214        --fontSizeDesktop: var(--heading4_fontSizeDesktop);
5215        --fontWeightDesktop: var(--heading4_fontWeightDesktop);
5216        --lineHeightDesktop: var(--heading4_lineHeightDesktop);
5217        --letterSpacingDesktop: var(--heading4_letterSpacingDesktop);
5218        --paragraphSpacingDesktop: var(--heading4_paragraphSpacingDesktop);
5219    }
5220
5221    & > .wml > .wms_content h5 {
5222        --fontFamily: var(--heading5_fontFamily);
5223        --fontSizeDesktop: var(--heading5_fontSizeDesktop);
5224        --fontWeightDesktop: var(--heading5_fontWeightDesktop);
5225        --lineHeightDesktop: var(--heading5_lineHeightDesktop);
5226        --letterSpacingDesktop: var(--heading5_letterSpacingDesktop);
5227        --paragraphSpacingDesktop: var(--heading5_paragraphSpacingDesktop);
5228    }
5229
5230    & > .wml > .wms_content h6 {
5231        --fontFamily: var(--heading6_fontFamily);
5232        --fontSizeDesktop: var(--heading6_fontSizeDesktop);
5233        --fontWeightDesktop: var(--heading6_fontWeightDesktop);
5234        --lineHeightDesktop: var(--heading6_lineHeightDesktop);
5235        --letterSpacingDesktop: var(--heading6_letterSpacingDesktop);
5236        --paragraphSpacingDesktop: var(--heading6_paragraphSpacingDesktop);
5237    }
5238
5239    & > .wml > .wms_content p {
5240        --fontFamily: var(--paragraph1_fontFamily);
5241        --fontSizeDesktop: var(--paragraph1_fontSizeDesktop);
5242        --fontWeightDesktop: var(--paragraph1_fontWeightDesktop);
5243        --lineHeightDesktop: var(--paragraph1_lineHeightDesktop);
5244        --letterSpacingDesktop: var(--paragraph1_letterSpacingDesktop);
5245        --paragraphSpacingDesktop: var(--paragraph1_paragraphSpacingDesktop);
5246    }
5247
5248    &.wmcM_applyPersonalityStyles > .wml > .wms_content a {
5249        --textDecoration: underline;
5250    }
5251
5252    & > .wml > .wms_content table {
5253        border-collapse: collapse;
5254        margin: 10px 0;
5255        table-layout: fixed;
5256        width: 100%;
5257
5258        th {
5259            border-bottom: 1px solid #404040;
5260            font-weight: 600 !important;
5261            padding: 10px 0;
5262            text-align: left;
5263        }
5264
5265        td {
5266            padding: 10px 0;
5267            border: 0;
5268        }
5269
5270        tr,
5271        td,
5272        th {
5273            vertical-align: middle;
5274        }
5275    }
5276}
5277
5278
5279@media all and (width < 1040px) {
5280    .wmc_rawHtml {
5281        --heightTablet: min-content;
5282
5283        /* entire text, per device */
5284        --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
5285        --paragraphSpacing: var(--paragraphSpacingTablet);
5286
5287        /* pieces of text, per device */
5288        --fontSizeTablet: var(--paragraph1_fontSizeTablet);
5289        --fontWeightTablet: var(--paragraph1_fontWeightTablet);
5290        --lineHeightTablet: var(--paragraph1_lineHeightTablet);
5291        --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
5292        --textColorTablet: rgba(var(--colorBwGradientA), 1);
5293        --fontStyleTablet: normal;
5294        --textAlignTablet: left;
5295        --textIndentTablet: 0px;
5296        --textDecorationTablet: none;
5297        --textBackgroundColorTablet: initial;
5298
5299        &.wmcM_applyPersonalityStyles > .wml > .wms_content * {
5300            /* inherit from desktop */
5301            --fontSizeTablet: var(--fontSizeDesktop);
5302            --textColorTablet: var(--textColorDesktop);
5303            --fontWeightTablet: var(--fontWeightDesktop);
5304            --fontStyleTablet: var(--fontStyleDesktop);
5305            --textDecorationTablet: var(--textDecorationDesktop);
5306            --textBackgroundColorTablet: var(--textBackgroundColorDesktop);
5307            --letterSpacingTablet: var(--letterSpacingDesktop);
5308
5309            /* pieces of text, per device */
5310            --letterSpacing: var(--letterSpacingTablet);
5311            --fontSize: var(--fontSizeTablet);
5312            --fontWeight: var(--fontWeightTablet);
5313            --fontStyle: var(--fontStyleTablet);
5314            --textColor: var(--textColorTablet);
5315            --lineHeight: var(--lineHeightTablet);
5316            --textAlign: var(--textAlignTablet);
5317            --textIndent: var(--textIndentTablet);
5318            --textDecoration: var(--textDecorationTablet);
5319            --textBackgroundColor: var(--textBackgroundColorTablet);
5320
5321            /* pieces of text , per device hover */
5322            --fontSizeTabletHover: var(--fontSizeTablet);
5323            --fontWeightTabletHover: var(--fontWeightTablet);
5324            --textColorTabletHover: var(--textColorTablet);
5325            --fontStyleTabletHover: var(--fontStyleTablet);
5326            --textDecorationTabletHover: var(--textDecorationTablet);
5327
5328            --fontSizeHover: var(--fontSizeTabletHover);
5329            --fontWeightHover: var(--fontWeightTabletHover);
5330            --textColorHover: var(--textColorTabletHover);
5331            --fontStyleHover: var(--fontStyleTabletHover);
5332            --textDecorationHover: var(--textDecorationTabletHover);
5333
5334            --fontSizeTabletActive: var(--fontSizeTabletHover);
5335            --fontWeightTabletActive: var(--fontWeightTabletHover);
5336            --textColorTabletActive: var(--textColorTabletHover);
5337            --fontStyleTabletActive: var(--fontStyleTabletHover);
5338            --textDecorationTabletActive: var(--textDecorationTabletHover);
5339
5340            --fontSizeActive: var(--fontSizeTabletActive);
5341            --fontWeightActive: var(--fontWeightTabletActive);
5342            --textColorActive: var(--textColorTabletActive);
5343            --fontStyleActive: var(--fontStyleTabletActive);
5344            --textDecorationActive: var(--textDecorationTabletActive);
5345        }
5346
5347        & > .wml > .wms_content h1 {
5348            --fontFamily: var(--heading1_fontFamily);
5349            --fontSizeTablet: var(--heading1_fontSizeTablet);
5350            --fontWeightTablet: var(--heading1_fontWeightTablet);
5351            --lineHeightTablet: var(--heading1_lineHeightTablet);
5352            --letterSpacingTablet: var(--heading1_letterSpacingTablet);
5353            --paragraphSpacingTablet: var(--heading1_paragraphSpacingTablet);
5354        }
5355
5356        & > .wml > .wms_content h2 {
5357            --fontFamily: var(--heading2_fontFamily);
5358            --fontSizeTablet: var(--heading2_fontSizeTablet);
5359            --fontWeightTablet: var(--heading2_fontWeightTablet);
5360            --lineHeightTablet: var(--heading2_lineHeightTablet);
5361            --letterSpacingTablet: var(--heading2_letterSpacingTablet);
5362            --paragraphSpacingTablet: var(--heading2_paragraphSpacingTablet);
5363        }
5364
5365        & > .wml > .wms_content h3 {
5366            --fontFamily: var(--heading3_fontFamily);
5367            --fontSizeTablet: var(--heading3_fontSizeTablet);
5368            --fontWeightTablet: var(--heading3_fontWeightTablet);
5369            --lineHeightTablet: var(--heading3_lineHeightTablet);
5370            --letterSpacingTablet: var(--heading3_letterSpacingTablet);
5371            --paragraphSpacingTablet: var(--heading3_paragraphSpacingTablet);
5372        }
5373
5374        & > .wml > .wms_content h4 {
5375            --fontFamily: var(--heading4_fontFamily);
5376            --fontSizeTablet: var(--heading4_fontSizeTablet);
5377            --fontWeightTablet: var(--heading4_fontWeightTablet);
5378            --lineHeightTablet: var(--heading4_lineHeightTablet);
5379            --letterSpacingTablet: var(--heading4_letterSpacingTablet);
5380            --paragraphSpacingTablet: var(--heading4_paragraphSpacingTablet);
5381        }
5382
5383        & > .wml > .wms_content h5 {
5384            --fontFamily: var(--heading5_fontFamily);
5385            --fontSizeTablet: var(--heading5_fontSizeTablet);
5386            --fontWeightTablet: var(--heading5_fontWeightTablet);
5387            --lineHeightTablet: var(--heading5_lineHeightTablet);
5388            --letterSpacingTablet: var(--heading5_letterSpacingTablet);
5389            --paragraphSpacingTablet: var(--heading5_paragraphSpacingTablet);
5390        }
5391
5392        & > .wml > .wms_content h6 {
5393            --fontFamily: var(--heading6_fontFamily);
5394            --fontSizeTablet: var(--heading6_fontSizeTablet);
5395            --fontWeightTablet: var(--heading6_fontWeightTablet);
5396            --lineHeightTablet: var(--heading6_lineHeightTablet);
5397            --letterSpacingTablet: var(--heading6_letterSpacingTablet);
5398            --paragraphSpacingTablet: var(--heading6_paragraphSpacingTablet);
5399        }
5400
5401        & > .wml > .wms_content p {
5402            --fontFamily: var(--paragraph1_fontFamily);
5403            --fontSizeTablet: var(--paragraph1_fontSizeTablet);
5404            --fontWeightTablet: var(--paragraph1_fontWeightTablet);
5405            --lineHeightTablet: var(--paragraph1_lineHeightTablet);
5406            --letterSpacingTablet: var(--paragraph1_letterSpacingTablet);
5407            --paragraphSpacingTablet: var(--paragraph1_paragraphSpacingTablet);
5408        }
5409
5410        & > .wml > .wms_content h1,
5411        & > .wml > .wms_content h2,
5412        & > .wml > .wms_content h3,
5413        & > .wml > .wms_content h4,
5414        & > .wml > .wms_content h5,
5415        & > .wml > .wms_content h6,
5416        & > .wml > .wms_content p {
5417            /* inherit from desktop */
5418            --textAlignTablet: var(--textAlignDesktop);
5419            --lineHeightTablet: var(--lineHeightDesktop);
5420            --paragraphSpacingTablet: var(--paragraphSpacingDesktop);
5421        }
5422    }
5423}
5424
5425
5426@media all and (width < 650px) {
5427    .wmc_rawHtml {
5428        --heightMobile: min-content;
5429
5430        /* entire text, per device */
5431        --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
5432        --paragraphSpacing: var(--paragraphSpacingMobile);
5433
5434        /* pieces of text, per device */
5435        --fontSizeMobile: var(--paragraph1_fontSizeMobile);
5436        --fontWeightMobile: var(--paragraph1_fontWeightMobile);
5437        --lineHeightMobile: var(--paragraph1_lineHeightMobile);
5438        --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
5439        --textColorMobile: rgba(var(--colorBwGradientA), 1);
5440        --fontStyleMobile: normal;
5441        --textAlignMobile: left;
5442        --textIndentMobile: 0px;
5443        --textDecorationMobile: none;
5444        --textBackgroundColorMobile: initial;
5445
5446        &.wmcM_applyPersonalityStyles > .wml > .wms_content * {
5447            /* inherit from desktop */
5448            --fontSizeMobile: var(--fontSizeDesktop);
5449            --textColorMobile: var(--textColorDesktop);
5450            --fontWeightMobile: var(--fontWeightDesktop);
5451            --fontStyleMobile: var(--fontStyleDesktop);
5452            --textDecorationMobile: var(--textDecorationDesktop);
5453            --textBackgroundColorMobile: var(--textBackgroundColorDesktop);
5454            --letterSpacingMobile: var(--letterSpacingDesktop);
5455
5456            /* pieces of text, per device */
5457            --letterSpacing: var(--letterSpacingMobile);
5458            --fontSize: var(--fontSizeMobile);
5459            --fontWeight: var(--fontWeightMobile);
5460            --fontStyle: var(--fontStyleMobile);
5461            --textColor: var(--textColorMobile);
5462            --lineHeight: var(--lineHeightMobile);
5463            --textAlign: var(--textAlignMobile);
5464            --textIndent: var(--textIndentMobile);
5465            --textDecoration: var(--textDecorationMobile);
5466            --textBackgroundColor: var(--textBackgroundColorMobile);
5467
5468            /* pieces of text , per device hover */
5469            --fontSizeMobileHover: var(--fontSizeMobile);
5470            --fontWeightMobileHover: var(--fontWeightMobile);
5471            --textColorMobileHover: var(--textColorMobile);
5472            --fontStyleMobileHover: var(--fontStyleMobile);
5473            --textDecorationMobileHover: var(--textDecorationMobile);
5474
5475            --fontSizeHover: var(--fontSizeMobileHover);
5476            --fontWeightHover: var(--fontWeightMobileHover);
5477            --textColorHover: var(--textColorMobileHover);
5478            --fontStyleHover: var(--fontStyleMobileHover);
5479            --textDecorationHover: var(--textDecorationMobileHover);
5480
5481            --fontSizeMobileActive: var(--fontSizeMobileHover);
5482            --fontWeightMobileActive: var(--fontWeightMobileHover);
5483            --textColorMobileActive: var(--textColorMobileHover);
5484            --fontStyleMobileActive: var(--fontStyleMobileHover);
5485            --textDecorationMobileActive: var(--textDecorationMobileHover);
5486
5487            --fontSizeActive: var(--fontSizeMobileActive);
5488            --fontWeightActive: var(--fontWeightMobileActive);
5489            --textColorActive: var(--textColorMobileActive);
5490            --fontStyleActive: var(--fontStyleMobileActive);
5491            --textDecorationActive: var(--textDecorationMobileActive);
5492        }
5493
5494        & > .wml > .wms_content h1 {
5495            --fontFamily: var(--heading1_fontFamily);
5496            --fontSizeMobile: var(--heading1_fontSizeMobile);
5497            --fontWeightMobile: var(--heading1_fontWeightMobile);
5498            --lineHeightMobile: var(--heading1_lineHeightMobile);
5499            --letterSpacingMobile: var(--heading1_letterSpacingMobile);
5500            --paragraphSpacingMobile: var(--heading1_paragraphSpacingMobile);
5501        }
5502
5503        & > .wml > .wms_content h2 {
5504            --fontFamily: var(--heading2_fontFamily);
5505            --fontSizeMobile: var(--heading2_fontSizeMobile);
5506            --fontWeightMobile: var(--heading2_fontWeightMobile);
5507            --lineHeightMobile: var(--heading2_lineHeightMobile);
5508            --letterSpacingMobile: var(--heading2_letterSpacingMobile);
5509            --paragraphSpacingMobile: var(--heading2_paragraphSpacingMobile);
5510        }
5511
5512        & > .wml > .wms_content h3 {
5513            --fontFamily: var(--heading3_fontFamily);
5514            --fontSizeMobile: var(--heading3_fontSizeMobile);
5515            --fontWeightMobile: var(--heading3_fontWeightMobile);
5516            --lineHeightMobile: var(--heading3_lineHeightMobile);
5517            --letterSpacingMobile: var(--heading3_letterSpacingMobile);
5518            --paragraphSpacingMobile: var(--heading3_paragraphSpacingMobile);
5519        }
5520
5521        & > .wml > .wms_content h4 {
5522            --fontFamily: var(--heading4_fontFamily);
5523            --fontSizeMobile: var(--heading4_fontSizeMobile);
5524            --fontWeightMobile: var(--heading4_fontWeightMobile);
5525            --lineHeightMobile: var(--heading4_lineHeightMobile);
5526            --letterSpacingMobile: var(--heading4_letterSpacingMobile);
5527            --paragraphSpacingMobile: var(--heading4_paragraphSpacingMobile);
5528        }
5529
5530        & > .wml > .wms_content h5 {
5531            --fontFamily: var(--heading5_fontFamily);
5532            --fontSizeMobile: var(--heading5_fontSizeMobile);
5533            --fontWeightMobile: var(--heading5_fontWeightMobile);
5534            --lineHeightMobile: var(--heading5_lineHeightMobile);
5535            --letterSpacingMobile: var(--heading5_letterSpacingMobile);
5536            --paragraphSpacingMobile: var(--heading5_paragraphSpacingMobile);
5537        }
5538
5539        & > .wml > .wms_content h6 {
5540            --fontFamily: var(--heading6_fontFamily);
5541            --fontSizeMobile: var(--heading6_fontSizeMobile);
5542            --fontWeightMobile: var(--heading6_fontWeightMobile);
5543            --lineHeightMobile: var(--heading6_lineHeightMobile);
5544            --letterSpacingMobile: var(--heading6_letterSpacingMobile);
5545            --paragraphSpacingMobile: var(--heading6_paragraphSpacingMobile);
5546        }
5547
5548        & > .wml > .wms_content p {
5549            --fontFamily: var(--paragraph1_fontFamily);
5550            --fontSizeMobile: var(--paragraph1_fontSizeMobile);
5551            --fontWeightMobile: var(--paragraph1_fontWeightMobile);
5552            --lineHeightMobile: var(--paragraph1_lineHeightMobile);
5553            --letterSpacingMobile: var(--paragraph1_letterSpacingMobile);
5554            --paragraphSpacingMobile: var(--paragraph1_paragraphSpacingMobile);
5555        }
5556
5557        & > .wml > .wms_content h1,
5558        & > .wml > .wms_content h2,
5559        & > .wml > .wms_content h3,
5560        & > .wml > .wms_content h4,
5561        & > .wml > .wms_content h5,
5562        & > .wml > .wms_content h6,
5563        & > .wml > .wms_content p {
5564            /* inherit from desktop */
5565            --textAlignMobile: var(--textAlignDesktop);
5566            --lineHeightMobile: var(--lineHeightDesktop);
5567            --paragraphSpacingMobile: var(--paragraphSpacingDesktop);
5568        }
5569    }
5570}
5571</style>
5572            <style>/* menu.css */
5573:is(main, body > .wmc_section):has(.wmc_menu .navigation-module-container.active) {
5574    & .wmc:not(:has(.wmc_menu .navigation-module-container.active)) {
5575        opacity: 0 !important;
5576        visibility: hidden !important;
5577        pointer-events: none !important;
5578        transition: none;
5579    }
5580
5581    & .wmc.wmc_menu:has(.navigation-module-container.active) {
5582        opacity: 1 !important;
5583        visibility: visible !important;
5584    }
5585
5586    & .wms_background {
5587        opacity: 0 !important;
5588        visibility: hidden !important;
5589    }
5590}
5591
5592main:has(.wmc_menu .navigation-module-container.active) {
5593    --wm_scrollTop: 0px;
5594    overflow: visible !important;
5595    position: fixed;
5596
5597    max-height: calc(100dvh / var(--wm_scale));
5598    min-height: calc(100dvh / var(--wm_scale));
5599    width: calc(100dvw / var(--wm_scale)) !important;
5600    top: calc(-1 * var(--wm_scrollTop));
5601    left: 0;
5602}
5603
5604:is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5605    --zIndex: 100;
5606
5607    & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5608        --zIndex: 99;
5609
5610        & + :is(.wmc_section, .wmc_placeholder, .wmc_globalContent, .wmc_globalPlaceholder):has(.navigation-module-container) {
5611            --zIndex: 98;
5612        }
5613    }
5614}
5615
5616/* `.arrow` may be a <span> or a <button popovertarget>; strip UA chrome. */
5617.wmc_menu button.arrow {
5618    background: transparent;
5619    border: 0;
5620    padding: 0;
5621    margin: 0;
5622    color: inherit;
5623    font: inherit;
5624}
5625
5626.wmc_menu > .wml {
5627    height: max-content;
5628}
5629
5630.wmc_menu {
5631    --heightDesktop: max-content;
5632    --navPrimaryFont: var(--fontFamilyPrimary);
5633    --wm_scrollTopNav: 0px;
5634
5635    /* icons */
5636    --wmd_hamburgerIconUrl: ;
5637    --wmd_backIconUrl: ;
5638    --wmd_closeIconUrl: ;
5639    --wmd_menuItemIconUrl: ;
5640    --wmd_submenuItemIconUrl: ;
5641    --wmd_submenuTitleIconUrl: ;
5642    --wmd_caretIconUrl: ;
5643    --wmd_submenuCaretIconUrl: ;
5644
5645    /**********************
5646		horizontal main nav
5647	***********************/
5648
5649    /* main nav padding */
5650    --horizontalNavPaddingTopDesktop: 0px;
5651    --horizontalNavPaddingBottomDesktop: 0px;
5652    --horizontalNavPaddingLeftDesktop: 0px;
5653    --horizontalNavPaddingRightDesktop: 0px;
5654
5655    /* main nav justify content */
5656    --horizontalNavJustifyContentDesktop: flex-start;
5657
5658    /* main nav item padding */
5659    --horizontalNavItemPaddingTopDesktop: 5px;
5660    --horizontalNavItemPaddingBottomDesktop: 5px;
5661    --horizontalNavItemPaddingLeftDesktop: 0px;
5662    --horizontalNavItemPaddingRightDesktop: 0px;
5663
5664    /* main nav item padding  hover*/
5665    --horizontalNavItemPaddingTopHoverDesktop: var(--horizontalNavItemPaddingTopDesktop);
5666    --horizontalNavItemPaddingBottomHoverDesktop: var(--horizontalNavItemPaddingBottomDesktop);
5667    --horizontalNavItemPaddingLeftHoverDesktop: var(--horizontalNavItemPaddingLeftDesktop);
5668    --horizontalNavItemPaddingRightHoverDesktop: var(--horizontalNavItemPaddingRightDesktop);
5669
5670    /* main nav item font */
5671    --horizontalNavItemFontDesktop: var(--navPrimaryFont);
5672    --horizontalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5673    --horizontalNavItemLineHeightDesktop: normal;
5674    --horizontalNavItemFontSizeDesktop: 16px;
5675    --horizontalNavItemFontWeightDesktop: 400;
5676    --horizontalNavBackgroundColorDesktop: transparent;
5677    --horizontalNavItemBackgroundColorDesktop: transparent;
5678    --horizontalNavItemLetterSpacingDesktop: 0px;
5679    --horizontalNavItemTextDecorationDesktop: none;
5680    --horizontalNavItemFontStyleDesktop: normal;
5681
5682    /* main nav item font hover */
5683    --horizontalNavItemHoverFontColorDesktop: var(--horizontalNavItemFontColorDesktop);
5684    --horizontalNavItemHoverBackgroundColorDesktop: var(--horizontalNavItemBackgroundColorDesktop);
5685    --horizontalNavItemFontSizeHoverDesktop: var(--horizontalNavItemFontSizeDesktop);
5686    --horizontalNavItemFontWeightHoverDesktop: var(--horizontalNavItemFontWeightDesktop);
5687    --horizontalNavItemTextDecorationHoverDesktop: var(--horizontalNavItemTextDecorationDesktop);
5688    --horizontalNavItemFontStyleHoverDesktop: var(--horizontalNavItemFontStyleDesktop);
5689
5690    /* main nav item font active */
5691    --horizontalNavItemActiveFontColorDesktop: var(--horizontalNavItemHoverFontColorDesktop);
5692    --horizontalNavItemActiveBackgroundColorDesktop: var(--horizontalNavItemHoverBackgroundColorDesktop);
5693
5694
5695    /* main nav border */
5696    --horizontalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5697    --horizontalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5698    --horizontalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5699    --horizontalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5700
5701    /* main nav border radius  hover*/
5702    --horizontalNavBorderRadiusDesktop: 0px 0px 0px 0px;
5703    --horizontalNavBorderRadiusHoverDesktop: var(--horizontalNavBorderRadiusDesktop);
5704
5705    /* main nav item border */
5706    --horizontalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5707    --horizontalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5708    --horizontalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5709    --horizontalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5710
5711    /* main nav item border hover */
5712    --horizontalNavItemBorderTopHoverDesktop: var(--horizontalNavItemBorderTopDesktop);
5713    --horizontalNavItemBorderRightHoverDesktop: var(--horizontalNavItemBorderRightDesktop);
5714    --horizontalNavItemBorderBottomHoverDesktop: var(--horizontalNavItemBorderBottomDesktop);
5715    --horizontalNavItemBorderLeftHoverDesktop: var(--horizontalNavItemBorderLeftDesktop);
5716
5717    /* main nav item border radius */
5718    --horizontalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
5719    --horizontalNavItemBorderRadiusHoverDesktop: var(--horizontalNavItemBorderRadiusDesktop);
5720
5721    /* separator */
5722    --horizontalNavSeparatorDisplayDesktop: block;
5723    --horizontalNavSeparatorWidthDesktop: 0px;
5724    --horizontalNavSeparatorHeightDesktop: 100%;
5725    --horizontalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5726    --horizontalNavSeparatorSpacingDesktop: 20px;
5727
5728    /* sub separator */
5729    --horizontalNavSubSeparatorDisplayDesktop: block;
5730    --horizontalNavSubSeparatorWidthDesktop: 100%;
5731    --horizontalNavSubSeparatorHeightDesktop: 0px;
5732    --horizontalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5733    --horizontalNavSubSeparatorSpacingDesktop: 0px;
5734
5735    /* arrow */
5736    --horizontalNavArrowSizeDesktop: 24px;
5737    --horizontalNavArrowSpacingDesktop: 5px;
5738    --horizontalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
5739    --horizontalNavArrowRotateDesktop: 0deg;
5740    --horizontalNavArrowSizeHoverDesktop: var(--horizontalNavArrowSizeDesktop);
5741    --horizontalNavArrowColorHoverDesktop: var(--horizontalNavArrowColorDesktop);
5742    --horizontalNavArrowRotateHoverDesktop: var(--horizontalNavArrowRotateDesktop);
5743    --horizontalNavArrowSizeActiveDesktop: var(--horizontalNavArrowSizeDesktop);
5744    --horizontalNavArrowColorActiveDesktop: var(--horizontalNavArrowColorHoverDesktop);
5745    --horizontalNavArrowRotateActiveDesktop: var(--horizontalNavArrowRotateHoverDesktop);
5746
5747    /* sub arrow */
5748    --horizontalNavSubArrowSizeDesktop: 24px;
5749    --horizontalNavSubArrowSpacingDesktop: 5px;
5750    --horizontalNavSubArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
5751    --horizontalNavSubArrowRotateDesktop: -90deg;
5752    --horizontalNavSubArrowSizeHoverDesktop: var(--horizontalNavSubArrowSizeDesktop);
5753    --horizontalNavSubArrowColorHoverDesktop: var(--horizontalNavSubArrowColorDesktop);
5754    --horizontalNavSubArrowRotateHoverDesktop: var(--horizontalNavSubArrowRotateDesktop);
5755    --horizontalNavSubArrowSizeActiveDesktop: var(--horizontalNavSubArrowSizeDesktop);
5756    --horizontalNavSubArrowColorActiveDesktop: var(--horizontalNavSubArrowColorHoverDesktop);
5757    --horizontalNavSubArrowRotateActiveDesktop: var(--horizontalNavSubArrowRotateHoverDesktop);
5758
5759    /* sub nav item padding */
5760    --horizontalNavSubItemPaddingTopDesktop: 7px;
5761    --horizontalNavSubItemPaddingBottomDesktop: 7px;
5762    --horizontalNavSubItemPaddingLeftDesktop: 10px;
5763    --horizontalNavSubItemPaddingRightDesktop: 10px;
5764
5765    /* sub nav item padding hover */
5766    --horizontalNavSubItemPaddingTopHoverDesktop:  var(--horizontalNavSubItemPaddingTopDesktop);
5767    --horizontalNavSubItemPaddingBottomHoverDesktop: var(--horizontalNavSubItemPaddingBottomDesktop);
5768    --horizontalNavSubItemPaddingLeftHoverDesktop: var(--horizontalNavSubItemPaddingLeftDesktop);
5769    --horizontalNavSubItemPaddingRightHoverDesktop: var(--horizontalNavSubItemPaddingRightDesktop);
5770
5771    /* sub nav item font */
5772    --horizontalNavSubItemFontDesktop: var(--navPrimaryFont);
5773    --horizontalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5774    --horizontalNavSubItemLineHeightDesktop: normal;
5775    --horizontalNavSubItemFontSizeDesktop: 16px;
5776    --horizontalNavSubItemFontWeightDesktop: 400;
5777    --horizontalNavSubItemHoverFontColorDesktop: var(--horizontalNavSubItemFontColorDesktop); /* fix */
5778    --horizontalNavSubItemBackgroundColorDesktop: transparent;
5779    --horizontalNavSubItemHoverBackgroundColorDesktop: var(--horizontalNavSubItemBackgroundColorDesktop); /* fix */
5780    --horizontalNavSubItemTextDecorationDesktop: none;
5781    --horizontalNavSubItemFontStyleDesktop: normal;
5782    --horizontalNavSubItemLetterSpacingDesktop: 0px;
5783
5784    /* sub nav item font hover */
5785    --horizontalNavSubItemFontSizeHoverDesktop: var(--horizontalNavSubItemFontSizeDesktop);
5786    --horizontalNavSubItemFontWeightHoverDesktop: var(--horizontalNavSubItemFontWeightDesktop);
5787    --horizontalNavSubItemTextDecorationHoverDesktop: var(--horizontalNavSubItemTextDecorationDesktop);
5788    --horizontalNavSubItemFontStyleHoverDesktop: var(--horizontalNavSubItemFontStyleDesktop);
5789
5790    /* sub nav item font active */
5791    --horizontalNavSubItemActiveFontColorDesktop: var(--horizontalNavSubItemHoverFontColorDesktop);
5792    --horizontalNavSubItemActiveBackgroundColorDesktop: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
5793
5794    /* sub nav item border */
5795    --horizontalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5796    --horizontalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5797    --horizontalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5798    --horizontalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5799
5800    /* sub nav item border hover */
5801    --horizontalNavSubItemBorderTopHoverDesktop: var(--horizontalNavSubItemBorderTopDesktop);
5802    --horizontalNavSubItemBorderRightHoverDesktop: var(--horizontalNavSubItemBorderRightDesktop);
5803    --horizontalNavSubItemBorderBottomHoverDesktop: var(--horizontalNavSubItemBorderBottomDesktop);
5804    --horizontalNavSubItemBorderLeftHoverDesktop: var(--horizontalNavSubItemBorderLeftDesktop);
5805
5806    /* sub nav item border radius */
5807    --horizontalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
5808    --horizontalNavSubItemBorderRadiusHoverDesktop: var(--horizontalNavSubItemBorderRadiusDesktop);
5809
5810    /* sub menu container */
5811    --horizontalNavSubPaddingTopDesktop: 0px;
5812    --horizontalNavSubPaddingBottomDesktop: 0px;
5813    --horizontalNavSubPaddingLeftDesktop: 0px;
5814    --horizontalNavSubPaddingRightDesktop: 0px;
5815    --horizontalNavSubContainerWidthDesktop: 200px;
5816    --horizontalNavSubContainerBackgroundColorDesktop: rgba(var(--colorPrimaryF), 1);
5817
5818    /* sub menu container shadow */
5819    --horizontalNavSubContainerShadowDesktop: none;
5820
5821    /* sub menu container border */
5822    --horizontalNavSubContainerBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5823    --horizontalNavSubContainerBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5824    --horizontalNavSubContainerBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5825    --horizontalNavSubContainerBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5826
5827    /* sub menu container border radius */
5828    --horizontalNavSubContainerBorderRadiusDesktop: 0px 0px 0px 0px;
5829
5830    /**********************
5831		mega panel layout
5832	***********************/
5833
5834    /* `--megaNavPanelWidth` doubles as the "full width vs grid-contained"
5835       toggle: 100vw = full-width, max-content (or a fixed width) = contained. */
5836    --megaNavPanelNumberOfCellsDesktop: 4;
5837    --megaNavPanelCellSpacingDesktop: 64px;
5838    --megaNavPanelPaddingTopDesktop: 40px;
5839    --megaNavPanelPaddingRightDesktop: 40px;
5840    --megaNavPanelPaddingBottomDesktop: 40px;
5841    --megaNavPanelPaddingLeftDesktop: 40px;
5842    --megaNavPanelWidthDesktop: 100vw;
5843
5844    /* mega main-menu separator */
5845    --megaNavSeparatorDisplayDesktop: block;
5846    --megaNavSeparatorWidthDesktop: 0px;
5847    --megaNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
5848    --megaNavSeparatorSpacingDesktop: 20px;
5849    /* mega main-menu item — independent defaults (mirror horizontal defaults) */
5850    --megaNavItemPaddingTopDesktop: 5px;
5851    --megaNavItemPaddingBottomDesktop: 5px;
5852    --megaNavItemPaddingLeftDesktop: 0px;
5853    --megaNavItemPaddingRightDesktop: 0px;
5854    --megaNavItemPaddingTopHoverDesktop: var(--megaNavItemPaddingTopDesktop);
5855    --megaNavItemPaddingBottomHoverDesktop: var(--megaNavItemPaddingBottomDesktop);
5856    --megaNavItemPaddingLeftHoverDesktop: var(--megaNavItemPaddingLeftDesktop);
5857    --megaNavItemPaddingRightHoverDesktop: var(--megaNavItemPaddingRightDesktop);
5858    --megaNavItemFontDesktop: var(--navPrimaryFont);
5859    --megaNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
5860    --megaNavItemLineHeightDesktop: normal;
5861    --megaNavItemFontSizeDesktop: 16px;
5862    --megaNavItemFontWeightDesktop: 400;
5863    --megaNavItemBackgroundColorDesktop: transparent;
5864    --megaNavItemLetterSpacingDesktop: 0px;
5865    --megaNavItemTextDecorationDesktop: none;
5866    --megaNavItemFontStyleDesktop: normal;
5867    --megaNavItemHoverFontColorDesktop: var(--megaNavItemFontColorDesktop);
5868    --megaNavItemHoverBackgroundColorDesktop: var(--megaNavItemBackgroundColorDesktop);
5869    --megaNavItemFontSizeHoverDesktop: var(--megaNavItemFontSizeDesktop);
5870    --megaNavItemFontWeightHoverDesktop: var(--megaNavItemFontWeightDesktop);
5871    --megaNavItemTextDecorationHoverDesktop: var(--megaNavItemTextDecorationDesktop);
5872    --megaNavItemFontStyleHoverDesktop: var(--megaNavItemFontStyleDesktop);
5873    --megaNavItemActiveFontColorDesktop: var(--megaNavItemHoverFontColorDesktop);
5874    --megaNavItemActiveBackgroundColorDesktop: var(--megaNavItemHoverBackgroundColorDesktop);
5875    --megaNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5876    --megaNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5877    --megaNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5878    --megaNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
5879    --megaNavItemBorderTopHoverDesktop: var(--megaNavItemBorderTopDesktop);
5880    --megaNavItemBorderRightHoverDesktop: var(--megaNavItemBorderRightDesktop);
5881    --megaNavItemBorderBottomHoverDesktop: var(--megaNavItemBorderBottomDesktop);
5882    --megaNavItemBorderLeftHoverDesktop: var(--megaNavItemBorderLeftDesktop);
5883    --megaNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
5884    --megaNavItemBorderRadiusHoverDesktop: var(--megaNavItemBorderRadiusDesktop);
5885
5886    /*****
5887		apply css properties
5888	*****/
5889
5890    /* apply main nav padding */
5891    --horizontalNavPaddingTop: var(--horizontalNavPaddingTopDesktop);
5892    --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomDesktop);
5893    --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftDesktop);
5894    --horizontalNavPaddingRight: var(--horizontalNavPaddingRightDesktop);
5895
5896    /* apply main nav justify content */
5897    --horizontalNavJustifyContent: var(--horizontalNavJustifyContentDesktop);
5898
5899    /* apply main nav item padding */
5900    --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopDesktop);
5901    --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomDesktop);
5902    --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftDesktop);
5903    --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightDesktop);
5904
5905    /* apply main nav item padding hover */
5906    --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverDesktop);
5907    --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverDesktop);
5908    --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverDesktop);
5909    --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverDesktop);
5910
5911    /* apply main nav item font */
5912    --horizontalNavItemFont: var(--horizontalNavItemFontDesktop);
5913    --horizontalNavItemFontColor: var(--horizontalNavItemFontColorDesktop);
5914    --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightDesktop);
5915    --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeDesktop);
5916    --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightDesktop);
5917    --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorDesktop);
5918    --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorDesktop);
5919    --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorDesktop);
5920    --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorDesktop);
5921    --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingDesktop);
5922    --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationDesktop);
5923    --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleDesktop);
5924
5925    /* apply main nav item font hover */
5926    --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverDesktop);
5927    --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverDesktop);
5928    --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverDesktop);
5929    --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverDesktop);
5930
5931    /* apply main nav item font active */
5932    --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorDesktop);
5933    --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorDesktop);
5934
5935
5936    /* apply main nav border */
5937    --horizontalNavBorderTop: var(--horizontalNavBorderTopDesktop);
5938    --horizontalNavBorderRight: var(--horizontalNavBorderRightDesktop);
5939    --horizontalNavBorderBottom: var(--horizontalNavBorderBottomDesktop);
5940    --horizontalNavBorderLeft: var(--horizontalNavBorderLeftDesktop);
5941    /*apply main nav border radius hover*/
5942    --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusDesktop);
5943    --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverDesktop);
5944
5945    /* apply main nav item border */
5946    --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopDesktop);
5947    --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightDesktop);
5948    --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomDesktop);
5949    --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftDesktop);
5950    /* apply main nav item border hover */
5951    --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverDesktop);
5952    --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverDesktop);
5953    --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverDesktop);
5954    --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverDesktop);
5955
5956
5957    /* apply main nav item border radius */
5958    --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusDesktop);
5959    --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverDesktop);
5960
5961    /* apply separator */
5962    --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayDesktop);
5963    --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthDesktop);
5964    --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightDesktop);
5965    --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorDesktop);
5966    --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingDesktop);
5967
5968    /* apply mega separator */
5969    --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayDesktop);
5970    --megaNavSeparatorWidth: var(--megaNavSeparatorWidthDesktop);
5971    --megaNavSeparatorColor: var(--megaNavSeparatorColorDesktop);
5972    --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingDesktop);
5973
5974    /* apply sub separator */
5975    --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayDesktop);
5976    --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthDesktop);
5977    --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightDesktop);
5978    --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorDesktop);
5979    --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingDesktop);
5980
5981    /* apply arrow */
5982    --horizontalNavArrowSize: var(--horizontalNavArrowSizeDesktop);
5983    --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayDesktop);
5984    --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayDesktop);
5985    --horizontalNavItemIconColor: var(--horizontalNavItemIconColorDesktop);
5986    --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverDesktop);
5987    --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveDesktop);
5988    --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeDesktop);
5989    --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverDesktop);
5990    --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveDesktop);
5991    --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateDesktop);
5992    --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverDesktop);
5993    --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveDesktop);
5994    --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingDesktop);
5995    --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayDesktop);
5996    --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorDesktop);
5997    --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverDesktop);
5998    --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveDesktop);
5999    --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeDesktop);
6000    --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverDesktop);
6001    --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveDesktop);
6002    --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateDesktop);
6003    --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverDesktop);
6004    --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveDesktop);
6005    --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingDesktop);
6006    --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingDesktop);
6007    --horizontalNavArrowColor: var(--horizontalNavArrowColorDesktop);
6008    --horizontalNavArrowRotate: var(--horizontalNavArrowRotateDesktop);
6009    --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverDesktop);
6010    --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverDesktop);
6011    --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverDesktop);
6012    --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveDesktop);
6013    --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveDesktop);
6014    --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveDesktop);
6015
6016    /* apply sub arrow */
6017    --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeDesktop);
6018    --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayDesktop);
6019    --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingDesktop);
6020    --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorDesktop);
6021    --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateDesktop);
6022    --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverDesktop);
6023    --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverDesktop);
6024    --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverDesktop);
6025    --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveDesktop);
6026    --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveDesktop);
6027    --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveDesktop);
6028
6029    /* apply sub */
6030    --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopDesktop);
6031    --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomDesktop);
6032    --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftDesktop);
6033    --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightDesktop);
6034
6035    /* apply sub nav item padding hover */
6036    --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverDesktop);
6037    --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
6038    --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
6039    --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverDesktop);
6040
6041
6042    /* apply sub nav item font */
6043    --horizontalNavSubItemFont: var(--horizontalNavSubItemFontDesktop);
6044    --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorDesktop);
6045    --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightDesktop);
6046    --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeDesktop);
6047    --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightDesktop);
6048    --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorDesktop);
6049    --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorDesktop);
6050    --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
6051    --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationDesktop);
6052    --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleDesktop);
6053    --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingDesktop);
6054
6055    /* apply sub nav item font hover */
6056    --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverDesktop);
6057    --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverDesktop);
6058    --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverDesktop);
6059    --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverDesktop);
6060
6061    /* apply sub nav item font active */
6062    --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorDesktop);
6063    --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
6064
6065    /* apply sub nav item border */
6066    --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopDesktop);
6067    --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightDesktop);
6068    --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomDesktop);
6069    --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftDesktop);
6070
6071    /* apply sub nav item border hover */
6072    --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverDesktop);
6073    --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverDesktop);
6074    --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverDesktop);
6075    --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverDesktop);
6076
6077    /* apply sub nav item border radius */
6078    --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusDesktop);
6079    --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
6080
6081    /* apply sub menu container */
6082    --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopDesktop);
6083    --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomDesktop);
6084    --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftDesktop);
6085    --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightDesktop);
6086    --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthDesktop);
6087    --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorDesktop);
6088
6089    /* apply sub menu container shadow */
6090    --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowDesktop);
6091
6092    /* apply sub menu container border */
6093    --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopDesktop);
6094    --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightDesktop);
6095    --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomDesktop);
6096    --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftDesktop);
6097
6098    /* apply sub menu container border radius */
6099    --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusDesktop);
6100
6101    /**********************
6102		hamburger main nav
6103	***********************/
6104
6105    /* main background color */
6106    --hamburgerNavBackgroundColorDesktop: rgba(var(--colorPrimaryC), 1);
6107
6108    /* main nav padding */
6109    --hamburgerNavPaddingTopDesktop: 50px;
6110    --hamburgerNavPaddingBottomDesktop: 50px;
6111    --hamburgerNavPaddingLeftDesktop: 100px;
6112    --hamburgerNavPaddingRightDesktop: 100px;
6113
6114    /* hamburger menu icon */
6115    --hamburgerMenuIconSizeDesktop: 50px;
6116    --hamburgerMenuIconSizeHoverDesktop: var(--hamburgerMenuIconSizeDesktop);
6117    --hamburgerMenuIconColorDesktop: rgba(var(--colorPrimaryA), 1);
6118    --hamburgerMenuIconHoverColorDesktop: var(--hamburgerMenuIconColorDesktop);
6119    --hamburgerMenuIconActiveSizeDesktop: 50px;
6120    --hamburgerMenuIconActiveColorDesktop: rgba(var(--colorPrimaryJ), 1);
6121    --hamburgerMenuIconActiveHoverColorDesktop: var(--hamburgerMenuIconActiveColorDesktop);
6122    --hamburgerMenuIconActiveSizeHoverDesktop: var(--hamburgerMenuIconActiveSizeDesktop);
6123    --hamburgerMenuDisplayDesktop: block;
6124    --hamburgerMenuJustifySelfDesktop: end;
6125
6126    /* main nav justify self */
6127    --hamburgerNavJustifySelfDesktop: center;
6128
6129    /* main nav items alignment */
6130    --hamburgerNavItemsAlignmentDesktop: left;
6131
6132    /* main nav item padding */
6133    --hamburgerNavItemPaddingTopDesktop: 10px;
6134    --hamburgerNavItemPaddingBottomDesktop: 10px;
6135    --hamburgerNavItemPaddingLeftDesktop: 0px;
6136    --hamburgerNavItemPaddingRightDesktop: 0px;
6137
6138    /* main nav item padding hover */
6139    --hamburgerNavItemPaddingTopHoverDesktop: var(--hamburgerNavItemPaddingTopDesktop);
6140    --hamburgerNavItemPaddingBottomHoverDesktop: var(--hamburgerNavItemPaddingBottomDesktop);
6141    --hamburgerNavItemPaddingLeftHoverDesktop: var(--hamburgerNavItemPaddingLeftDesktop);
6142    --hamburgerNavItemPaddingRightHoverDesktop: var(--hamburgerNavItemPaddingRightDesktop);
6143
6144    /* main nav item border */
6145    --hamburgerNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6146    --hamburgerNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6147    --hamburgerNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6148    --hamburgerNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6149
6150    /* main nav item border hover */
6151    --hamburgerNavItemBorderTopHoverDesktop: var(--hamburgerNavItemBorderTopDesktop);
6152    --hamburgerNavItemBorderRightHoverDesktop: var(--hamburgerNavItemBorderRightDesktop);
6153    --hamburgerNavItemBorderBottomHoverDesktop: var(--hamburgerNavItemBorderBottomDesktop);
6154    --hamburgerNavItemBorderLeftHoverDesktop: var(--hamburgerNavItemBorderLeftDesktop);
6155
6156    /* main nav item border radius */
6157    --hamburgerNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
6158    --hamburgerNavItemBorderRadiusHoverDesktop: var(--hamburgerNavItemBorderRadiusDesktop);
6159
6160    /* main nav item font */
6161    --hamburgerNavItemFontDesktop: var(--navPrimaryFont);
6162    --hamburgerNavItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
6163    --hamburgerNavItemLineHeightDesktop: normal;
6164    --hamburgerNavItemFontSizeDesktop: 48px;
6165    --hamburgerNavItemFontWeightDesktop: 400;
6166    --hamburgerNavItemBackgroundColorDesktop: transparent;
6167    --hamburgerNavItemLetterSpacingDesktop: 0px;
6168    --hamburgerNavItemTextDecorationDesktop: none;
6169    --hamburgerNavItemFontStyleDesktop: normal;
6170
6171    /* main nav item font hover */
6172    --hamburgerNavItemHoverFontColorDesktop: var(--hamburgerNavItemFontColorDesktop);
6173    --hamburgerNavItemHoverBackgroundColorDesktop: var(--hamburgerNavItemBackgroundColorDesktop);
6174    --hamburgerNavItemFontHoverDesktop: var(--hamburgerNavItemFontDesktop);
6175    --hamburgerNavItemLineHeightHoverDesktop: var(--hamburgerNavItemLineHeightDesktop);
6176    --hamburgerNavItemFontSizeHoverDesktop: var(--hamburgerNavItemFontSizeDesktop);
6177    --hamburgerNavItemFontWeightHoverDesktop: var(--hamburgerNavItemFontWeightDesktop);
6178    --hamburgerNavItemLetterSpacingHoverDesktop: var(--hamburgerNavItemLetterSpacingDesktop);
6179    --hamburgerNavItemTextDecorationHoverDesktop: var(--hamburgerNavItemTextDecorationDesktop);
6180    --hamburgerNavItemFontStyleHoverDesktop: var(--hamburgerNavItemFontStyleDesktop);
6181
6182    /* separator */
6183    --hamburgerNavSeparatorDisplayDesktop: block;
6184    --hamburgerNavSeparatorWidthDesktop: 100%;
6185    --hamburgerNavSeparatorHeightDesktop: 1px;
6186    --hamburgerNavSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
6187    --hamburgerNavSeparatorSpacingDesktop: 20px;
6188
6189    /* sub separator */
6190    --hamburgerNavSubSeparatorDisplayDesktop: block;
6191    --hamburgerNavSubSeparatorWidthDesktop: 100%;
6192    --hamburgerNavSubSeparatorHeightDesktop: 1px;
6193    --hamburgerNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryJ), 1);
6194    --hamburgerNavSubSeparatorSpacingDesktop: 20px;
6195
6196    /* arrow */
6197    --hamburgerNavArrowSizeDesktop: 64px;
6198    --hamburgerNavArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
6199    --hamburgerNavArrowSpacingDesktop: 25px;
6200    --hamburgerNavArrowRotateDesktop: 0deg;
6201    --hamburgerNavArrowAutoSpacingDesktop: 100%; /* off: auto */
6202    --hamburgerNavArrowSizeHoverDesktop: var(--hamburgerNavArrowSizeDesktop);
6203    --hamburgerNavArrowColorHoverDesktop: var(--hamburgerNavArrowColorDesktop);
6204    --hamburgerNavArrowRotateHoverDesktop: var(--hamburgerNavArrowRotateDesktop);
6205
6206    /* sub arrow */
6207    --hamburgerNavSubArrowSizeDesktop: 32px;
6208    --hamburgerNavSubArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
6209    --hamburgerNavSubArrowSpacingDesktop: 25px;
6210    --hamburgerNavSubArrowRotateDesktop: 0deg;
6211    --hamburgerNavSubArrowAutoSpacingDesktop: 100%; /* off: auto */
6212    --hamburgerNavSubArrowSizeHoverDesktop: var(--hamburgerNavSubArrowSizeDesktop);
6213    --hamburgerNavSubArrowColorHoverDesktop: var(--hamburgerNavSubArrowColorDesktop);
6214    --hamburgerNavSubArrowRotateHoverDesktop: var(--hamburgerNavSubArrowRotateDesktop);
6215
6216    /* sub menu background color */
6217    --hamburgerNavSubBackgroundColorDesktop: transparent;
6218
6219    /* sub nav item padding */
6220    --hamburgerNavSubItemPaddingTopDesktop: 10px;
6221    --hamburgerNavSubItemPaddingRightDesktop: 0px;
6222    --hamburgerNavSubItemPaddingBottomDesktop: 10px;
6223    --hamburgerNavSubItemPaddingLeftDesktop: 0px;
6224
6225    /* sub nav item padding hover */
6226    --hamburgerNavSubItemPaddingTopHoverDesktop: var(--hamburgerNavSubItemPaddingTopDesktop);
6227    --hamburgerNavSubItemPaddingRightHoverDesktop: var(--hamburgerNavSubItemPaddingRightDesktop);
6228    --hamburgerNavSubItemPaddingBottomHoverDesktop: var(--hamburgerNavSubItemPaddingBottomDesktop);
6229    --hamburgerNavSubItemPaddingLeftHoverDesktop: var(--hamburgerNavSubItemPaddingLeftDesktop);
6230
6231    /* sub nav item border */
6232    --hamburgerNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6233    --hamburgerNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6234    --hamburgerNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6235    --hamburgerNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6236
6237    /* sub nav item border */
6238    --hamburgerNavSubItemBorderTopHoverDesktop: var(--hamburgerNavSubItemBorderTopDesktop);
6239    --hamburgerNavSubItemBorderRightHoverDesktop: var(--hamburgerNavSubItemBorderRightDesktop);
6240    --hamburgerNavSubItemBorderBottomHoverDesktop: var(--hamburgerNavSubItemBorderBottomDesktop);
6241    --hamburgerNavSubItemBorderLeftHoverDesktop: var(--hamburgerNavSubItemBorderLeftDesktop);
6242
6243    /* sub nav item border radius */
6244    --hamburgerNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
6245    --hamburgerNavSubItemBorderRadiusHoverDesktop: var(--hamburgerNavSubItemBorderRadiusDesktop);
6246
6247    /* sub nav item background color */
6248    --hamburgerNavSubItemBackgroundColorDesktop: transparent;
6249
6250    /* sub nav item hover background color */
6251    --hamburgerNavSubItemHoverBackgroundColorDesktop: var(--hamburgerNavSubItemBackgroundColorDesktop);
6252
6253    /* sub nav item font */
6254    --hamburgerNavSubItemFontDesktop: var(--navPrimaryFont);
6255    --hamburgerNavSubItemFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
6256    --hamburgerNavSubItemLineHeightDesktop: normal;
6257    --hamburgerNavSubItemFontSizeDesktop: 28px;
6258    --hamburgerNavSubItemFontWeightDesktop: 400;
6259    --hamburgerNavSubItemTextDecorationDesktop: none;
6260    --hamburgerNavSubItemFontStyleDesktop: normal;
6261    --hamburgerNavSubItemLetterSpacingDesktop: 0px;
6262
6263    /* sub nav item font hover */
6264    --hamburgerNavSubItemHoverFontColorDesktop: var(--hamburgerNavSubItemFontColorDesktop);
6265    --hamburgerNavSubItemFontHoverDesktop: var(--hamburgerNavSubItemFontDesktop);
6266    --hamburgerNavSubItemLineHeightHoverDesktop: var(--hamburgerNavSubItemLineHeightDesktop);
6267    --hamburgerNavSubItemFontSizeHoverDesktop: var(--hamburgerNavSubItemFontSizeDesktop);
6268    --hamburgerNavSubItemFontWeightHoverDesktop: var(--hamburgerNavSubItemFontWeightDesktop);
6269    --hamburgerNavSubItemLetterSpacingHoverDesktop: var(--hamburgerNavSubItemLetterSpacingDesktop);
6270    --hamburgerNavSubItemTextDecorationHoverDesktop: var(--hamburgerNavSubItemTextDecorationDesktop);
6271    --hamburgerNavSubItemFontStyleHoverDesktop: var(--hamburgerNavSubItemFontStyleDesktop);
6272
6273    /* nav back button border */
6274    --hamburgerNavBackButtonBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6275    --hamburgerNavBackButtonBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6276    --hamburgerNavBackButtonBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6277    --hamburgerNavBackButtonBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6278
6279    /* nav back button border hover */
6280    --hamburgerNavBackButtonBorderTopHoverDesktop: var(--hamburgerNavBackButtonBorderTopDesktop);
6281    --hamburgerNavBackButtonBorderRightHoverDesktop: var(--hamburgerNavBackButtonBorderRightDesktop);
6282    --hamburgerNavBackButtonBorderBottomHoverDesktop: var(--hamburgerNavBackButtonBorderBottomDesktop);
6283    --hamburgerNavBackButtonBorderLeftHoverDesktop: var(--hamburgerNavBackButtonBorderLeftDesktop);
6284
6285    /* nav back button border radius */
6286    --hamburgerNavBackButtonBorderRadiusDesktop: 0px 0px 0px 0px;
6287    --hamburgerNavBackButtonBorderRadiusHoverDesktop: var(--hamburgerNavBackButtonBorderRadiusDesktop);
6288
6289    /* nav back button background color */
6290    --hamburgerNavBackButtonBackgroundColorDesktop: transparent;
6291
6292    /* nav back button hover background color */
6293    --hamburgerNavBackButtonHoverBackgroundColorDesktop: var(--hamburgerNavBackButtonBackgroundColorDesktop);
6294
6295    /* nav back button */
6296    --hamburgerNavBackButtonPaddingTopDesktop: 10px;
6297    --hamburgerNavBackButtonPaddingBottomDesktop: 10px;
6298    --hamburgerNavBackButtonPaddingLeftDesktop: 0px;
6299    --hamburgerNavBackButtonPaddingRightDesktop: 0px;
6300    --hamburgerNavBackButtonFontDesktop: var(--navPrimaryFont);
6301    --hamburgerNavBackButtonColorDesktop: rgba(var(--colorPrimaryJ), 1);
6302    --hamburgerNavBackButtonFontSizeDesktop: 28px;
6303    --hamburgerNavBackButtonFontWeightDesktop: 400;
6304    --hamburgerNavBackButtonFontStyleDesktop: normal;
6305    --hamburgerNavBackButtonLetterSpacingDesktop: 0px;
6306    --hamburgerNavBackButtonTextDecorationDesktop: none;
6307    --hamburgerNavBackButtonLineHeightDesktop: normal;
6308    --hamburgerNavBackButtonHoverFontColorDesktop: var(--hamburgerNavBackButtonColorDesktop);
6309
6310    /* nav back button hover  */
6311    --hamburgerNavBackButtonPaddingTopHoverDesktop: var(--hamburgerNavBackButtonPaddingTopDesktop);
6312    --hamburgerNavBackButtonPaddingBottomHoverDesktop: var(--hamburgerNavBackButtonPaddingBottomDesktop);
6313    --hamburgerNavBackButtonPaddingLeftHoverDesktop: var(--hamburgerNavBackButtonPaddingLeftDesktop);
6314    --hamburgerNavBackButtonPaddingRightHoverDesktop: var(--hamburgerNavBackButtonPaddingRightDesktop);
6315
6316    /* nav back button arrow */
6317    --hamburgerNavBackButtonArrowSizeDesktop: 24px;
6318    --hamburgerNavBackButtonArrowSizeHoverDesktop: var(--hamburgerNavBackButtonArrowSizeDesktop);
6319    --hamburgerNavBackButtonArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
6320    --hamburgerNavBackButtonArrowSpacingDesktop: 10px;
6321    --hamburgerNavBackButtonArrowRotateDesktop: 0deg;
6322
6323    /* parent title border */
6324    --hamburgerTitleBorderTopDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6325    --hamburgerTitleBorderRightDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6326    --hamburgerTitleBorderBottomDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6327    --hamburgerTitleBorderLeftDesktop: 0px none rgba(var(--colorPrimaryJ), 1);
6328
6329    /* parent title border */
6330    --hamburgerTitleBorderTopHoverDesktop: var(--hamburgerTitleBorderTopDesktop);
6331    --hamburgerTitleBorderRightHoverDesktop: var(--hamburgerTitleBorderRightDesktop);
6332    --hamburgerTitleBorderBottomHoverDesktop: var(--hamburgerTitleBorderBottomDesktop);
6333    --hamburgerTitleBorderLeftHoverDesktop: var(--hamburgerTitleBorderLeftDesktop);
6334
6335    /* parent title border radius */
6336    --hamburgerTitleBorderRadiusDesktop: 0px 0px 0px 0px;
6337    --hamburgerTitleBorderRadiusHoverDesktop: var(--hamburgerTitleBorderRadiusDesktop);
6338
6339    /* parent title background color */
6340    --hamburgerTitleBackgroundColorDesktop: transparent;
6341    --hamburgerTitleBackgroundColorHoverDesktop: var(--hamburgerTitleBackgroundColorDesktop);
6342
6343    /* parent title padding */
6344    --hamburgerTitlePaddingTopDesktop: 10px;
6345    --hamburgerTitlePaddingBottomDesktop: 10px;
6346    --hamburgerTitlePaddingLeftDesktop: 0px;
6347    --hamburgerTitlePaddingRightDesktop: 0px;
6348
6349    /* parent title padding hover*/
6350    --hamburgerTitlePaddingTopHoverDesktop: var(--hamburgerTitlePaddingTopDesktop);
6351    --hamburgerTitlePaddingBottomHoverDesktop: var(--hamburgerTitlePaddingBottomDesktop);
6352    --hamburgerTitlePaddingLeftHoverDesktop: var(--hamburgerTitlePaddingLeftDesktop);
6353    --hamburgerTitlePaddingRightHoverDesktop: var(--hamburgerTitlePaddingRightDesktop);
6354
6355    /* parent title font */
6356    --hamburgerTitleFontDesktop: var(--navPrimaryFont);
6357    --hamburgerTitleFontColorDesktop: rgba(var(--colorPrimaryJ), 1);
6358    --hamburgerTitleFontSizeDesktop: 48px;
6359    --hamburgerTitleLineHeightDesktop: normal;
6360    --hamburgerTitleFontWeightDesktop: 400;
6361    --hamburgerTitleFontStyleDesktop: normal;
6362    --hamburgerTitleLetterSpacingDesktop: 0px;
6363    --hamburgerTitleTextDecorationDesktop: none;
6364
6365    /* parent title arrow */
6366    --hamburgerTitleArrowSizeDesktop: 64px;
6367    --hamburgerTitleArrowColorDesktop: rgba(var(--colorPrimaryJ), 1);
6368    --hamburgerTitleArrowSpacingDesktop: 15px;
6369    --hamburgerTitleArrowRotateDesktop: 0deg;
6370
6371    /* slide container */
6372    --hamburgerSlideContainerWidthDesktop: 800px;
6373
6374    /*****
6375		apply css properties
6376	*****/
6377
6378    /* apply main background color */
6379    --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorDesktop);
6380
6381    /* apply main nav padding */
6382    --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopDesktop);
6383    --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomDesktop);
6384    --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftDesktop);
6385    --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightDesktop);
6386
6387    /* apply hamburger menu icon */
6388    --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeDesktop);
6389    --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverDesktop);
6390    --hamburgerMenuIconColor: var(--hamburgerMenuIconColorDesktop);
6391    --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorDesktop);
6392    --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeDesktop);
6393    --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorDesktop);
6394    --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorDesktop);
6395    --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverDesktop);
6396    --hamburgerMenuDisplay: var(--hamburgerMenuDisplayDesktop);
6397    --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfDesktop);
6398
6399    /* apply main nav justify self */
6400    --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfDesktop);
6401
6402    /* apply main nav items alignment */
6403    --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentDesktop);
6404
6405    /* apply main nav item padding */
6406    --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopDesktop);
6407    --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomDesktop);
6408    --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftDesktop);
6409    --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightDesktop);
6410
6411    /* apply main nav item padding hover */
6412    --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
6413    --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
6414    --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
6415    --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
6416
6417    /* apply main nav item border */
6418    --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopDesktop);
6419    --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightDesktop);
6420    --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomDesktop);
6421    --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftDesktop);
6422
6423    /* apply main nav item border hover */
6424    --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverDesktop);
6425    --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverDesktop);
6426    --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverDesktop);
6427    --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverDesktop);
6428
6429    /* apply main nav item border radius */
6430    --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusDesktop);
6431    --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
6432
6433    /* apply main nav item font */
6434    --hamburgerNavItemFont: var(--hamburgerNavItemFontDesktop);
6435    --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorDesktop);
6436    --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightDesktop);
6437    --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeDesktop);
6438    --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightDesktop);
6439    --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorDesktop);
6440    --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingDesktop);
6441    --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationDesktop);
6442    --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleDesktop);
6443
6444    /* apply main van item font hover */
6445    --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorDesktop);
6446    --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorDesktop);
6447    --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverDesktop);
6448    --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverDesktop);
6449    --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverDesktop);
6450    --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverDesktop);
6451    --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverDesktop);
6452    --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverDesktop);
6453    --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverDesktop);
6454
6455    /* apply separator */
6456    --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayDesktop);
6457    --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthDesktop);
6458    --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightDesktop);
6459    --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorDesktop);
6460    --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingDesktop);
6461
6462    /* apply sub separator */
6463    --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayDesktop);
6464    --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthDesktop);
6465    --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightDesktop);
6466    --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorDesktop);
6467    --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingDesktop);
6468
6469    /* apply arrow */
6470    --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeDesktop);
6471    --hamburgerNavArrowColor: var(--hamburgerNavArrowColorDesktop);
6472    --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingDesktop);
6473    --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateDesktop);
6474    --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingDesktop);
6475    --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverDesktop);
6476    --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverDesktop);
6477    --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverDesktop);
6478
6479    /* apply main item icon */
6480    --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayDesktop);
6481    --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorDesktop);
6482    --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverDesktop);
6483    --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeDesktop);
6484    --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverDesktop);
6485    --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateDesktop);
6486    --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverDesktop);
6487    --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingDesktop);
6488    --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayDesktop);
6489    --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorDesktop);
6490    --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverDesktop);
6491    --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeDesktop);
6492    --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverDesktop);
6493    --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateDesktop);
6494    --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverDesktop);
6495    --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingDesktop);
6496
6497    /* apply sub arrow */
6498    --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeDesktop);
6499    --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorDesktop);
6500    --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingDesktop);
6501    --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateDesktop);
6502    --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingDesktop);
6503    --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverDesktop);
6504    --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverDesktop);
6505    --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverDesktop);
6506
6507    /* apply sub menu background color */
6508    --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorDesktop);
6509
6510    /* apply sub nav item padding */
6511    --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopDesktop);
6512    --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightDesktop);
6513    --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomDesktop);
6514    --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftDesktop);
6515
6516    /* apply sub nav item padding hover*/
6517    --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
6518    --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
6519    --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
6520    --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
6521
6522    /* apply sub nav item border */
6523    --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopDesktop);
6524    --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightDesktop);
6525    --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomDesktop);
6526    --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftDesktop);
6527
6528    /* apply sub nav item border hover */
6529    --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverDesktop);
6530    --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverDesktop);
6531    --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
6532    --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
6533
6534    /* apply sub nav item border radius */
6535    --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusDesktop);
6536    --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
6537
6538    /* apply sub nav item background color */
6539    --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorDesktop);
6540
6541    /* apply sub nav item hover background color */
6542    --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
6543
6544    /* apply sub nav item font */
6545    --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontDesktop);
6546    --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorDesktop);
6547    --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightDesktop);
6548    --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeDesktop);
6549    --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightDesktop);
6550    --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorDesktop);
6551    --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationDesktop);
6552    --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleDesktop);
6553    --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingDesktop);
6554
6555    /* apply sub van item font hover */
6556    --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverDesktop);
6557    --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverDesktop);
6558    --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverDesktop);
6559    --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverDesktop);
6560    --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverDesktop);
6561    --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
6562    --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverDesktop);
6563
6564    /* apply nav back button border */
6565    --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopDesktop);
6566    --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightDesktop);
6567    --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomDesktop);
6568    --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftDesktop);
6569
6570    /* apply nav back button border hover */
6571    --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
6572    --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
6573    --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
6574    --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
6575
6576    /* apply nav back button border radius */
6577    --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusDesktop);
6578    --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
6579
6580    /* apply nav back button background color */
6581    --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorDesktop);
6582
6583    /* apply nav back button hover background color */
6584    --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
6585
6586    /* apply nav back button */
6587    --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopDesktop);
6588    --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomDesktop);
6589    --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftDesktop);
6590    --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightDesktop);
6591    --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontDesktop);
6592    --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorDesktop);
6593    --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeDesktop);
6594    --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightDesktop);
6595    --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleDesktop);
6596    --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingDesktop);
6597    --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationDesktop);
6598    --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightDesktop);
6599    --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorDesktop);
6600
6601
6602    /* apply nav back button hover*/
6603    --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
6604    --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
6605    --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
6606    --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
6607
6608    /* apply nav back button arrow */
6609    --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeDesktop);
6610    --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
6611    --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorDesktop);
6612    --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingDesktop);
6613    --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateDesktop);
6614
6615    /* apply parent title border */
6616    --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopDesktop);
6617    --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightDesktop);
6618    --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomDesktop);
6619    --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftDesktop);
6620    /* apply parent title border hover */
6621    --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverDesktop);
6622    --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverDesktop);
6623    --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverDesktop);
6624    --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverDesktop);
6625
6626    /* apply parent title border radius */
6627    --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusDesktop);
6628    --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverDesktop);
6629
6630    /* apply parent title background color */
6631    --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorDesktop);
6632    --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverDesktop);
6633
6634    /* apply parent title padding */
6635    --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopDesktop);
6636    --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomDesktop);
6637    --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftDesktop);
6638    --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightDesktop);
6639    /* apply parent title padding hover */
6640    --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverDesktop);
6641    --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverDesktop);
6642    --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverDesktop);
6643    --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverDesktop);
6644
6645    /* apply parent title font */
6646    --hamburgerTitleFont: var(--hamburgerTitleFontDesktop);
6647    --hamburgerTitleFontColor: var(--hamburgerTitleFontColorDesktop);
6648    --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeDesktop);
6649    --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightDesktop);
6650    --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleDesktop);
6651    --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingDesktop);
6652    --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationDesktop);
6653    --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightDesktop);
6654
6655    /* apply parent title arrow */
6656    --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeDesktop);
6657    --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorDesktop);
6658    --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingDesktop);
6659    --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateDesktop);
6660
6661    /* apply slide container */
6662    --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthDesktop);
6663
6664    /**********************
6665		vertical main nav
6666	***********************/
6667    /* main nav justify content */
6668    --verticalNavJustifySelfDesktop: center;
6669
6670    /* main nav items alignment */
6671    --verticalNavItemsAlignmentDesktop: left;
6672
6673    /* main nav width */
6674    --verticalNavWidthDesktop: 100%;
6675
6676    /* main nav padding */
6677    --verticalNavPaddingTopDesktop: 0px;
6678    --verticalNavPaddingBottomDesktop: 0px;
6679    --verticalNavPaddingLeftDesktop: 0px;
6680    --verticalNavPaddingRightDesktop: 0px;
6681
6682    /* main nav border */
6683    --verticalNavBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6684    --verticalNavBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6685    --verticalNavBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6686    --verticalNavBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6687
6688    /* main nav border radius */
6689    --verticalNavBorderRadiusDesktop: 0px 0px 0px 0px;
6690
6691    /* main nav item font */
6692    --verticalNavItemFontDesktop: var(--navPrimaryFont);
6693    --verticalNavItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6694    --verticalNavItemFontSizeDesktop: 16px;
6695    --verticalNavItemFontWeightDesktop: 400;
6696    --verticalNavItemLineHeightDesktop: normal;
6697    --verticalNavItemTextDecorationDesktop: none;
6698    --verticalNavItemFontStyleDesktop: normal;
6699    --verticalNavItemLetterSpacingDesktop: 0px;
6700    --verticalNavItemBackgroundColorDesktop: transparent;
6701
6702    /* main nav item font hover*/
6703    --verticalNavItemFontSizeHoverDesktop: var(--verticalNavItemFontSizeDesktop);
6704    --verticalNavItemFontWeightHoverDesktop: var(--verticalNavItemFontWeightDesktop);
6705    --verticalNavItemTextDecorationHoverDesktop: var(--verticalNavItemTextDecorationDesktop);
6706    --verticalNavItemFontStyleHoverDesktop: var(--verticalNavItemFontStyleDesktop);
6707    --verticalNavItemHoverFontColorDesktop: var(--verticalNavItemFontColorDesktop);
6708    --verticalNavItemHoverBackgroundColorDesktop: var(--verticalNavItemBackgroundColorDesktop);
6709
6710    /* main nav item padding */
6711    --verticalNavItemPaddingTopDesktop: 0px;
6712    --verticalNavItemPaddingRightDesktop: 0px;
6713    --verticalNavItemPaddingBottomDesktop: 0px;
6714    --verticalNavItemPaddingLeftDesktop: 0px;
6715
6716    /* main nav item padding  hover*/
6717    --verticalNavItemPaddingTopHoverDesktop: var(--verticalNavItemPaddingTopDesktop);
6718    --verticalNavItemPaddingRightHoverDesktop: var(--verticalNavItemPaddingRightDesktop);
6719    --verticalNavItemPaddingBottomHoverDesktop: var(--verticalNavItemPaddingBottomDesktop);
6720    --verticalNavItemPaddingLeftHoverDesktop: var(--verticalNavItemPaddingLeftDesktop);
6721
6722    /* main nav item border */
6723    --verticalNavItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6724    --verticalNavItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6725    --verticalNavItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6726    --verticalNavItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6727    /* main nav item border hover*/
6728    --verticalNavItemBorderTopHoverDesktop: var(--verticalNavItemBorderTopDesktop);
6729    --verticalNavItemBorderRightHoverDesktop: var(--verticalNavItemBorderRightDesktop);
6730    --verticalNavItemBorderBottomHoverDesktop: var(--verticalNavItemBorderBottomDesktop);
6731    --verticalNavItemBorderLeftHoverDesktop: var(--verticalNavItemBorderLeftDesktop);
6732
6733    /* main nav item border radius */
6734    --verticalNavItemBorderRadiusDesktop: 0px 0px 0px 0px;
6735    --verticalNavItemBorderRadiusHoverDesktop: var(--verticalNavItemBorderRadiusDesktop);
6736
6737    /* arrow */
6738    --verticalNavArrowSizeDesktop: 24px;
6739    --verticalNavArrowWidthDesktop: 24px;
6740    --verticalNavArrowSpacingDesktop: 10px;
6741    --verticalNavArrowColorDesktop: rgba(var(--colorPrimaryA), 1);
6742    --verticalNavArrowRotateDesktop: -90deg;
6743
6744    /* title */
6745    --verticalNavTitleFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6746    --verticalNavTitleLineHeightDesktop: normal;
6747    --verticalNavTitleFontSizeDesktop: 21px;
6748    --verticalNavTitleFontWeightDesktop: 700;
6749    --verticalNavTitleContainerBackgroundColorDesktop: transparent;
6750
6751    /* sub nav item font */
6752    --verticalNavSubItemFontDesktop: var(--navPrimaryFont);
6753    --verticalNavSubItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
6754    --verticalNavSubItemFontSizeDesktop: 16px;
6755    --verticalNavSubItemFontWeightDesktop: 400;
6756    --verticalNavSubItemLineHeightDesktop: normal;
6757    --verticalNavSubItemTextDecorationDesktop: none;
6758    --verticalNavSubItemFontStyleDesktop: normal;
6759    --verticalNavSubItemLetterSpacingDesktop: 0px;
6760    --verticalNavSubItemBackgroundColorDesktop: transparent;
6761    --verticalNavSubItemHoverFontColorDesktop: var(--verticalNavSubItemFontColorDesktop);
6762    --verticalNavSubItemHoverBackgroundColorDesktop: var(--verticalNavSubItemBackgroundColorDesktop);
6763
6764    /* sub nav item padding */
6765    --verticalNavSubItemPaddingTopDesktop: 0px;
6766    --verticalNavSubItemPaddingRightDesktop: 0px;
6767    --verticalNavSubItemPaddingBottomDesktop: 0px;
6768    --verticalNavSubItemPaddingLeftDesktop: 0px;
6769
6770    /* sub nav item border */
6771    --verticalNavSubItemBorderTopDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6772    --verticalNavSubItemBorderRightDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6773    --verticalNavSubItemBorderBottomDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6774    --verticalNavSubItemBorderLeftDesktop: 0px none rgba(var(--colorPrimaryA), 1);
6775
6776    /* sub nav item border radius */
6777    --verticalNavSubItemBorderRadiusDesktop: 0px 0px 0px 0px;
6778
6779    /* sub nav arrow */
6780    --verticalNavSubArrowSizeDesktop: 24px;
6781    --verticalNavSubArrowWidthDesktop: 24px;
6782    --verticalNavSubArrowSpacingDesktop: 10px;
6783    --verticalNavSubArrowColorDesktop: rgba(var(--colorPrimaryH), 1);
6784    --verticalNavSubArrowRotateDesktop: -90deg;
6785
6786    /* slide container */
6787    --verticalSlideContainerWidthDesktop: 400px;
6788
6789    /* separator */
6790    --verticalNavSeparatorDisplayDesktop: block;
6791    --verticalNavSeparatorWidthDesktop: 100%;
6792    --verticalNavSeparatorHeightDesktop: 1px;
6793    --verticalNavSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
6794    --verticalNavSeparatorSpacingDesktop: 10px;
6795
6796    /* sub separator */
6797    --verticalNavSubSeparatorDisplayDesktop: block;
6798    --verticalNavSubSeparatorWidthDesktop: 100%;
6799    --verticalNavSubSeparatorHeightDesktop: 1px;
6800    --verticalNavSubSeparatorColorDesktop: rgba(var(--colorPrimaryA), 1);
6801    --verticalNavSubSeparatorSpacingDesktop: 10px;
6802
6803    /*****
6804		apply css properties
6805	*****/
6806
6807    /* apply main nav justify content */
6808    --verticalNavJustifySelf: var(--verticalNavJustifySelfDesktop);
6809
6810    /* apply main nav items alignment */
6811    --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentDesktop);
6812
6813    /* apply main nav width */
6814    --verticalNavWidth: var(--verticalNavWidthDesktop);
6815
6816    /* apply main nav padding */
6817    --verticalNavPaddingTop: var(--verticalNavPaddingTopDesktop);
6818    --verticalNavPaddingBottom: var(--verticalNavPaddingBottomDesktop);
6819    --verticalNavPaddingLeft: var(--verticalNavPaddingLeftDesktop);
6820    --verticalNavPaddingRight: var(--verticalNavPaddingRightDesktop);
6821
6822    /* apply main nav border */
6823    --verticalNavBorderTop: var(--verticalNavBorderTopDesktop);
6824    --verticalNavBorderRight: var(--verticalNavBorderRightDesktop);
6825    --verticalNavBorderBottom: var(--verticalNavBorderBottomDesktop);
6826    --verticalNavBorderLeft: var(--verticalNavBorderLeftDesktop);
6827
6828    /* apply main nav border radius */
6829    --verticalNavBorderRadius: var(--verticalNavBorderRadiusDesktop);
6830
6831    /* apply main nav item font */
6832    --verticalNavItemFont: var(--verticalNavItemFontDesktop);
6833    --verticalNavItemFontColor: var(--verticalNavItemFontColorDesktop);
6834    --verticalNavItemFontSize: var(--verticalNavItemFontSizeDesktop);
6835    --verticalNavItemFontWeight: var(--verticalNavItemFontWeightDesktop);
6836    --verticalNavItemLineHeight: var(--verticalNavItemLineHeightDesktop);
6837    --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationDesktop);
6838    --verticalNavItemFontStyle: var(--verticalNavItemFontStyleDesktop);
6839    --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingDesktop);
6840    --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorDesktop);
6841    --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorDesktop);
6842    --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorDesktop);
6843
6844
6845    /* main nav item font hover*/
6846    --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverDesktop);
6847    --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverDesktop);
6848    --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverDesktop);
6849    --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverDesktop);
6850
6851
6852    /* apply main nav item padding */
6853    --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopDesktop);
6854    --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightDesktop);
6855    --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomDesktop);
6856    --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftDesktop);
6857    /* apply main nav item padding hover */
6858    --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverDesktop);
6859    --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverDesktop);
6860    --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverDesktop);
6861    --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverDesktop);
6862
6863    /* apply main nav item border */
6864    --verticalNavItemBorderTop: var(--verticalNavItemBorderTopDesktop);
6865    --verticalNavItemBorderRight: var(--verticalNavItemBorderRightDesktop);
6866    --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomDesktop);
6867    --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftDesktop);
6868    /* apply main nav item border hover */
6869    --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverDesktop);
6870    --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverDesktop);
6871    --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverDesktop);
6872    --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverDesktop);
6873
6874    /* apply main nav item border radius */
6875    --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusDesktop);
6876    --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverDesktop);
6877
6878    /* apply arrow */
6879    --verticalNavArrowSize: var(--verticalNavArrowSizeDesktop);
6880    --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayDesktop);
6881    --verticalNavItemIconColor: var(--verticalNavItemIconColorDesktop);
6882    --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverDesktop);
6883    --verticalNavItemIconSize: var(--verticalNavItemIconSizeDesktop);
6884    --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverDesktop);
6885    --verticalNavItemIconRotate: var(--verticalNavItemIconRotateDesktop);
6886    --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverDesktop);
6887    --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingDesktop);
6888    --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayDesktop);
6889    --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorDesktop);
6890    --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverDesktop);
6891    --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeDesktop);
6892    --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverDesktop);
6893    --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateDesktop);
6894    --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverDesktop);
6895    --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingDesktop);
6896    --verticalNavArrowWidth: var(--verticalNavArrowWidthDesktop);
6897    --verticalNavArrowSpacing: var(--verticalNavArrowSpacingDesktop);
6898    --verticalNavArrowColor: var(--verticalNavArrowColorDesktop);
6899    --verticalNavArrowRotate: var(--verticalNavArrowRotateDesktop);
6900
6901    /* apply title */
6902    --verticalNavTitleFontColor: var(--verticalNavTitleFontColorDesktop);
6903    --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightDesktop);
6904    --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeDesktop);
6905    --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightDesktop);
6906    --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorDesktop);
6907
6908    /* apply sub nav item font */
6909    --verticalNavSubItemFont: var(--verticalNavSubItemFontDesktop);
6910    --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorDesktop);
6911    --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeDesktop);
6912    --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightDesktop);
6913    --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightDesktop);
6914    --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationDesktop);
6915    --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleDesktop);
6916    --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingDesktop);
6917    --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorDesktop);
6918    --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorDesktop);
6919    --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorDesktop);
6920
6921    /* apply sub nav item padding */
6922    --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopDesktop);
6923    --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightDesktop);
6924    --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomDesktop);
6925    --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftDesktop);
6926
6927    /* apply sub nav item border */
6928    --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopDesktop);
6929    --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightDesktop);
6930    --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomDesktop);
6931    --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftDesktop);
6932
6933    /* apply sub nav item border radius */
6934    --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusDesktop);
6935
6936    /* apply sub nav arrow */
6937    --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeDesktop);
6938    --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthDesktop);
6939    --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingDesktop);
6940    --verticalNavSubArrowColor: var(--verticalNavSubArrowColorDesktop);
6941    --verticalNavSubArrowRotate: var(--verticalNavSubArrowRotateDesktop);
6942
6943    /* apply slide container */
6944    --verticalSlideContainerWidth: var(--verticalSlideContainerWidthDesktop);
6945
6946    /* apply separator */
6947    --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayDesktop);
6948    --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthDesktop);
6949    --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightDesktop);
6950    --verticalNavSeparatorColor: var(--verticalNavSeparatorColorDesktop);
6951    --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingDesktop);
6952
6953    /* apply sub separator */
6954    --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayDesktop);
6955    --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthDesktop);
6956    --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightDesktop);
6957    --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorDesktop);
6958    --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingDesktop);
6959
6960}
6961
6962@media all and (min-width: 650px) and (width < 1040px) {
6963    .wmc_menu {
6964        --heightTablet: max-content;
6965
6966        /**********************
6967			horizontal main nav
6968		***********************/
6969
6970        /* main nav padding */
6971        --horizontalNavPaddingTopTablet: var(--horizontalNavPaddingTopDesktop);
6972        --horizontalNavPaddingBottomTablet: var(--horizontalNavPaddingBottomDesktop);
6973        --horizontalNavPaddingLeftTablet: var(--horizontalNavPaddingLeftDesktop);
6974        --horizontalNavPaddingRightTablet: var(--horizontalNavPaddingRightDesktop);
6975
6976        /* main nav justify content */
6977        --horizontalNavJustifyContentTablet: flex-start;
6978
6979        /* main nav item padding */
6980        --horizontalNavItemPaddingTopTablet: var(--horizontalNavItemPaddingTopDesktop);
6981        --horizontalNavItemPaddingBottomTablet: var(--horizontalNavItemPaddingBottomDesktop);
6982        --horizontalNavItemPaddingLeftTablet: var(--horizontalNavItemPaddingLeftDesktop);
6983        --horizontalNavItemPaddingRightTablet: var(--horizontalNavItemPaddingRightDesktop);
6984
6985        /* main nav item padding  hover*/
6986        --horizontalNavItemPaddingTopHoverTablet: var(--horizontalNavItemPaddingTopHoverDesktop);
6987        --horizontalNavItemPaddingBottomHoverTablet: var(--horizontalNavItemPaddingBottomHoverDesktop);
6988        --horizontalNavItemPaddingLeftHoverTablet: var(--horizontalNavItemPaddingLeftHoverDesktop);
6989        --horizontalNavItemPaddingRightHoverTablet: var(--horizontalNavItemPaddingRightHoverDesktop);
6990
6991
6992        /* main nav item font */
6993        --horizontalNavItemFontTablet: var(--horizontalNavItemFontDesktop);
6994        --horizontalNavItemFontColorTablet: var(--horizontalNavItemFontColorDesktop);
6995        --horizontalNavItemLineHeightTablet: var(--horizontalNavItemLineHeightDesktop);
6996        --horizontalNavItemFontSizeTablet: var(--horizontalNavItemFontSizeDesktop);
6997        --horizontalNavItemFontWeightTablet: var(--horizontalNavItemFontWeightDesktop);
6998        --horizontalNavBackgroundColorTablet: var(--horizontalNavBackgroundColorDesktop);
6999        --horizontalNavItemBackgroundColorTablet: var(--horizontalNavItemBackgroundColorDesktop);
7000        --horizontalNavItemLetterSpacingTablet: var(--horizontalNavItemLetterSpacingDesktop);
7001        --horizontalNavItemTextDecorationTablet: var(--horizontalNavItemTextDecorationDesktop);
7002        --horizontalNavItemFontStyleTablet: var(--horizontalNavItemFontStyleDesktop);
7003
7004        /* main nav item font hover */
7005        --horizontalNavItemHoverFontColorTablet: var(--horizontalNavItemHoverFontColorDesktop);
7006        --horizontalNavItemHoverBackgroundColorTablet: var(--horizontalNavItemHoverBackgroundColorDesktop);
7007        --horizontalNavItemFontSizeHoverTablet: var(--horizontalNavItemFontSizeHoverDesktop);
7008        --horizontalNavItemFontWeightHoverTablet: var(--horizontalNavItemFontWeightHoverDesktop);
7009        --horizontalNavItemTextDecorationHoverTablet: var(--horizontalNavItemTextDecorationHoverDesktop);
7010        --horizontalNavItemFontStyleHoverTablet: var(--horizontalNavItemFontStyleHoverDesktop);
7011
7012        /* main nav item font active */
7013        --horizontalNavItemActiveFontColorTablet: var(--horizontalNavItemActiveFontColorDesktop);
7014        --horizontalNavItemActiveBackgroundColorTablet: var(--horizontalNavItemActiveBackgroundColorDesktop);
7015
7016        /* main nav border */
7017        --horizontalNavBorderTopTablet: var(--horizontalNavBorderTopDesktop);
7018        --horizontalNavBorderRightTablet: var(--horizontalNavBorderRightDesktop);
7019        --horizontalNavBorderBottomTablet: var(--horizontalNavBorderBottomDesktop);
7020        --horizontalNavBorderLeftTablet: var(--horizontalNavBorderLeftDesktop);
7021
7022        /* main nav border radius hover*/
7023        --horizontalNavBorderRadiusTablet: var(--horizontalNavBorderRadiusDesktop);
7024        --horizontalNavBorderRadiusHoverTablet: var(--horizontalNavBorderRadiusHoverDesktop);
7025
7026        /* main nav item border */
7027        --horizontalNavItemBorderTopTablet: var(--horizontalNavItemBorderTopDesktop);
7028        --horizontalNavItemBorderRightTablet: var(--horizontalNavItemBorderRightDesktop);
7029        --horizontalNavItemBorderBottomTablet: var(--horizontalNavItemBorderBottomDesktop);
7030        --horizontalNavItemBorderLeftTablet: var(--horizontalNavItemBorderLeftDesktop);
7031
7032        /* main nav item border hover */
7033        --horizontalNavItemBorderTopHoverTablet: var(--horizontalNavItemBorderTopHoverDesktop);
7034        --horizontalNavItemBorderRightHoverTablet: var(--horizontalNavItemBorderRightHoverDesktop);
7035        --horizontalNavItemBorderBottomHoverTablet: var(--horizontalNavItemBorderBottomHoverDesktop);
7036        --horizontalNavItemBorderLeftHoverTablet: var(--horizontalNavItemBorderLeftHoverDesktop);
7037
7038        /* main nav item border radius */
7039        --horizontalNavItemBorderRadiusTablet: var(--horizontalNavItemBorderRadiusDesktop);
7040        --horizontalNavItemBorderRadiusHoverTablet: var(--horizontalNavItemBorderRadiusHoverDesktop);
7041
7042        /* separator */
7043        --horizontalNavSeparatorDisplayTablet: var(--horizontalNavSeparatorDisplayDesktop);
7044        --horizontalNavSeparatorWidthTablet: var(--horizontalNavSeparatorWidthDesktop);
7045        --horizontalNavSeparatorHeightTablet: var(--horizontalNavSeparatorHeightDesktop);
7046        --horizontalNavSeparatorColorTablet: var(--horizontalNavSeparatorColorDesktop);
7047        --horizontalNavSeparatorSpacingTablet: var(--horizontalNavSeparatorSpacingDesktop);
7048
7049        /* sub separator */
7050        --horizontalNavSubSeparatorDisplayTablet: var(--horizontalNavSubSeparatorDisplayDesktop);
7051        --horizontalNavSubSeparatorWidthTablet: var(--horizontalNavSubSeparatorWidthDesktop);
7052        --horizontalNavSubSeparatorHeightTablet: var(--horizontalNavSubSeparatorHeightDesktop);
7053        --horizontalNavSubSeparatorColorTablet: var(--horizontalNavSubSeparatorColorDesktop);
7054        --horizontalNavSubSeparatorSpacingTablet: var(--horizontalNavSubSeparatorSpacingDesktop);
7055
7056        /* arrow */
7057        --horizontalNavArrowSizeTablet: var(--horizontalNavArrowSizeDesktop);
7058        --horizontalNavArrowSpacingTablet: var(--horizontalNavArrowSpacingDesktop);
7059        --horizontalNavArrowColorTablet: var(--horizontalNavArrowColorDesktop);
7060        --horizontalNavArrowRotateTablet: var(--horizontalNavArrowRotateDesktop);
7061        --horizontalNavArrowSizeHoverTablet: var(--horizontalNavArrowSizeHoverDesktop);
7062        --horizontalNavArrowColorHoverTablet: var(--horizontalNavArrowColorHoverDesktop);
7063        --horizontalNavArrowRotateHoverTablet: var(--horizontalNavArrowRotateHoverDesktop);
7064        --horizontalNavArrowSizeActiveTablet: var(--horizontalNavArrowSizeActiveDesktop);
7065        --horizontalNavArrowColorActiveTablet: var(--horizontalNavArrowColorActiveDesktop);
7066        --horizontalNavArrowRotateActiveTablet: var(--horizontalNavArrowRotateActiveDesktop);
7067
7068        /* sub arrow */
7069        --horizontalNavSubArrowSizeTablet: var(--horizontalNavSubArrowSizeDesktop);
7070        --horizontalNavSubArrowSpacingTablet: var(--horizontalNavSubArrowSpacingDesktop);
7071        --horizontalNavSubArrowColorTablet: var(--horizontalNavSubArrowColorDesktop);
7072        --horizontalNavSubArrowRotateTablet: var(--horizontalNavSubArrowRotateDesktop);
7073        --horizontalNavSubArrowSizeHoverTablet: var(--horizontalNavSubArrowSizeHoverDesktop);
7074        --horizontalNavSubArrowColorHoverTablet: var(--horizontalNavSubArrowColorHoverDesktop);
7075        --horizontalNavSubArrowRotateHoverTablet: var(--horizontalNavSubArrowRotateHoverDesktop);
7076        --horizontalNavSubArrowSizeActiveTablet: var(--horizontalNavSubArrowSizeActiveDesktop);
7077        --horizontalNavSubArrowColorActiveTablet: var(--horizontalNavSubArrowColorActiveDesktop);
7078        --horizontalNavSubArrowRotateActiveTablet: var(--horizontalNavSubArrowRotateActiveDesktop);
7079
7080        /* sub nav */
7081        --horizontalNavSubItemPaddingTopTablet: var(--horizontalNavSubItemPaddingTopDesktop);
7082        --horizontalNavSubItemPaddingBottomTablet: var(--horizontalNavSubItemPaddingBottomDesktop);
7083        --horizontalNavSubItemPaddingLeftTablet: var(--horizontalNavSubItemPaddingLeftDesktop);
7084        --horizontalNavSubItemPaddingRightTablet: var(--horizontalNavSubItemPaddingRightDesktop);
7085
7086        /* sub nav item padding hover */
7087        --horizontalNavSubItemPaddingTopHoverTablet: var(--horizontalNavSubItemPaddingTopHoverDesktop);
7088        --horizontalNavSubItemPaddingBottomHoverTablet: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
7089        --horizontalNavSubItemPaddingLeftHoverTablet: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
7090        --horizontalNavSubItemPaddingRightHoverTablet: var(--horizontalNavSubItemPaddingRightHoverDesktop);
7091
7092        /* sub nav item font */
7093        --horizontalNavSubItemFontTablet: var(--horizontalNavSubItemFontDesktop);
7094        --horizontalNavSubItemFontColorTablet: var(--horizontalNavSubItemFontColorDesktop);
7095        --horizontalNavSubItemLineHeightTablet: var(--horizontalNavSubItemLineHeightDesktop);
7096        --horizontalNavSubItemFontSizeTablet: var(--horizontalNavSubItemFontSizeDesktop);
7097        --horizontalNavSubItemFontWeightTablet: var(--horizontalNavSubItemFontWeightDesktop);
7098        --horizontalNavSubItemHoverFontColorTablet: var(--horizontalNavSubItemHoverFontColorDesktop);
7099        --horizontalNavSubItemBackgroundColorTablet: var(--horizontalNavSubItemBackgroundColorDesktop);
7100        --horizontalNavSubItemHoverBackgroundColorTablet: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
7101        --horizontalNavSubItemTextDecorationTablet: var(--horizontalNavSubItemTextDecorationDesktop);
7102        --horizontalNavSubItemFontStyleTablet: var(--horizontalNavSubItemFontStyleDesktop);
7103        --horizontalNavSubItemLetterSpacingTablet: var(--horizontalNavSubItemLetterSpacingDesktop);
7104
7105        /* sub nav item font hover */
7106        --horizontalNavSubItemFontSizeHoverTablet: var(--horizontalNavSubItemFontSizeHoverDesktop);
7107        --horizontalNavSubItemFontWeightHoverTablet: var(--horizontalNavSubItemFontWeightHoverDesktop);
7108        --horizontalNavSubItemTextDecorationHoverTablet: var(--horizontalNavSubItemTextDecorationHoverDesktop);
7109        --horizontalNavSubItemFontStyleHoverTablet: var(--horizontalNavSubItemFontStyleHoverDesktop);
7110
7111        /* sub nav item font active */
7112        --horizontalNavSubItemActiveFontColorTablet: var(--horizontalNavSubItemActiveFontColorDesktop);
7113        --horizontalNavSubItemActiveBackgroundColorTablet: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
7114
7115        /* sub nav item border */
7116        --horizontalNavSubItemBorderTopTablet: var(--horizontalNavSubItemBorderTopDesktop);
7117        --horizontalNavSubItemBorderRightTablet: var(--horizontalNavSubItemBorderRightDesktop);
7118        --horizontalNavSubItemBorderBottomTablet: var(--horizontalNavSubItemBorderBottomDesktop);
7119        --horizontalNavSubItemBorderLeftTablet: var(--horizontalNavSubItemBorderLeftDesktop);
7120
7121        /* sub nav item border hover */
7122        --horizontalNavSubItemBorderTopHoverTablet: var(--horizontalNavSubItemBorderTopHoverDesktop);
7123        --horizontalNavSubItemBorderRightHoverTablet: var(--horizontalNavSubItemBorderRightHoverDesktop);
7124        --horizontalNavSubItemBorderBottomHoverTablet: var(--horizontalNavSubItemBorderBottomHoverDesktop);
7125        --horizontalNavSubItemBorderLeftHoverTablet: var(--horizontalNavSubItemBorderLeftHoverDesktop);
7126
7127        /* sub nav item border radius */
7128        --horizontalNavSubItemBorderRadiusTablet: var(--horizontalNavSubItemBorderRadiusDesktop);
7129        --horizontalNavSubItemBorderRadiusHoverTablet: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
7130
7131        /* sub menu container */
7132        --horizontalNavSubPaddingTopTablet: var(--horizontalNavSubPaddingTopDesktop);
7133        --horizontalNavSubPaddingBottomTablet: var(--horizontalNavSubPaddingBottomDesktop);
7134        --horizontalNavSubPaddingLeftTablet: var(--horizontalNavSubPaddingLeftDesktop);
7135        --horizontalNavSubPaddingRightTablet: var(--horizontalNavSubPaddingRightDesktop);
7136        --horizontalNavSubContainerWidthTablet: var(--horizontalNavSubContainerWidthDesktop);
7137        --horizontalNavSubContainerBackgroundColorTablet: var(--horizontalNavSubContainerBackgroundColorDesktop);
7138
7139        /* sub menu container shadow */
7140        --horizontalNavSubContainerShadowTablet: none;
7141
7142        /* sub menu container border */
7143        --horizontalNavSubContainerBorderTopTablet: var(--horizontalNavSubContainerBorderTopDesktop);
7144        --horizontalNavSubContainerBorderRightTablet: var(--horizontalNavSubContainerBorderRightDesktop);
7145        --horizontalNavSubContainerBorderBottomTablet: var(--horizontalNavSubContainerBorderBottomDesktop);
7146        --horizontalNavSubContainerBorderLeftTablet: var(--horizontalNavSubContainerBorderLeftDesktop);
7147
7148        /* sub menu container border radius */
7149        --horizontalNavSubContainerBorderRadiusTablet: var(--horizontalNavSubContainerBorderRadiusDesktop);
7150
7151        /* mega panel layout */
7152        --megaNavPanelNumberOfCellsTablet: var(--megaNavPanelNumberOfCellsDesktop);
7153        --megaNavPanelCellSpacingTablet: var(--megaNavPanelCellSpacingDesktop);
7154        --megaNavPanelPaddingTopTablet: var(--megaNavPanelPaddingTopDesktop);
7155        --megaNavPanelPaddingRightTablet: var(--megaNavPanelPaddingRightDesktop);
7156        --megaNavPanelPaddingBottomTablet: var(--megaNavPanelPaddingBottomDesktop);
7157        --megaNavPanelPaddingLeftTablet: var(--megaNavPanelPaddingLeftDesktop);
7158        --megaNavPanelWidthTablet: var(--megaNavPanelWidthDesktop);
7159
7160        --megaNavSeparatorDisplayTablet: var(--megaNavSeparatorDisplayDesktop);
7161        --megaNavSeparatorWidthTablet: var(--megaNavSeparatorWidthDesktop);
7162        --megaNavSeparatorColorTablet: var(--megaNavSeparatorColorDesktop);
7163        --megaNavSeparatorSpacingTablet: var(--megaNavSeparatorSpacingDesktop);
7164
7165        /*****
7166			apply css properties
7167		*****/
7168
7169        /* apply main nav padding */
7170        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopTablet);
7171        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomTablet);
7172        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftTablet);
7173        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightTablet);
7174
7175        /* apply main nav justify content */
7176        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentTablet);
7177
7178        /* apply main nav item padding */
7179        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopTablet);
7180        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomTablet);
7181        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftTablet);
7182        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightTablet);
7183
7184        /* apply main nav item padding hover */
7185        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverTablet);
7186        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverTablet);
7187        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverTablet);
7188        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverTablet);
7189
7190
7191        /* apply main nav item font */
7192        --horizontalNavItemFont: var(--horizontalNavItemFontTablet);
7193        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorTablet);
7194        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightTablet);
7195        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeTablet);
7196        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightTablet);
7197        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorTablet);
7198        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorTablet);
7199        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorTablet);
7200        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorTablet);
7201        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingTablet);
7202        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationTablet);
7203        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleTablet);
7204        /* main nav item font hover */
7205        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverTablet);
7206        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverTablet);
7207        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverTablet);
7208        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverTablet);
7209
7210        /* apply main nav item font active */
7211        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorTablet);
7212        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorTablet);
7213
7214
7215        /* apply main nav border */
7216        --horizontalNavBorderTop: var(--horizontalNavBorderTopTablet);
7217        --horizontalNavBorderRight: var(--horizontalNavBorderRightTablet);
7218        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomTablet);
7219        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftTablet);
7220
7221        /*apply main nav border radius hover*/
7222        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusTablet);
7223        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverTablet);
7224
7225        /* apply main nav item border */
7226        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopTablet);
7227        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightTablet);
7228        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomTablet);
7229        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftTablet);
7230
7231        /* apply main nav item border hover */
7232        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverTablet);
7233        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverTablet);
7234        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverTablet);
7235        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverTablet);
7236
7237
7238        /* apply main nav item border radius */
7239        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusTablet);
7240        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverTablet);
7241
7242        /* apply separator */
7243        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayTablet);
7244        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthTablet);
7245        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightTablet);
7246        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorTablet);
7247        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingTablet);
7248
7249        /* apply mega separator */
7250        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayTablet);
7251        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthTablet);
7252        --megaNavSeparatorColor: var(--megaNavSeparatorColorTablet);
7253        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingTablet);
7254
7255        /* apply sub separator */
7256        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayTablet);
7257        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthTablet);
7258        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightTablet);
7259        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorTablet);
7260        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingTablet);
7261
7262        /* apply arrow */
7263        --horizontalNavArrowSize: var(--horizontalNavArrowSizeTablet);
7264        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayTablet);
7265        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayTablet);
7266        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorTablet);
7267        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverTablet);
7268        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveTablet);
7269        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeTablet);
7270        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverTablet);
7271        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveTablet);
7272        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateTablet);
7273        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverTablet);
7274        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveTablet);
7275        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingTablet);
7276        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayTablet);
7277        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorTablet);
7278        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverTablet);
7279        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveTablet);
7280        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeTablet);
7281        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverTablet);
7282        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveTablet);
7283        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateTablet);
7284        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverTablet);
7285        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveTablet);
7286        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingTablet);
7287        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingTablet);
7288        --horizontalNavArrowColor: var(--horizontalNavArrowColorTablet);
7289        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateTablet);
7290        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverTablet);
7291        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverTablet);
7292        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverTablet);
7293        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveTablet);
7294        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveTablet);
7295        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveTablet);
7296
7297        /* apply sub arrow */
7298        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeTablet);
7299        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayTablet);
7300        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingTablet);
7301        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorTablet);
7302        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateTablet);
7303        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverTablet);
7304        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverTablet);
7305        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverTablet);
7306        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveTablet);
7307        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveTablet);
7308        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveTablet);
7309
7310        /* apply sub */
7311        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopTablet);
7312        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomTablet);
7313        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftTablet);
7314        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightTablet);
7315
7316        /* apply sub nav item padding hover */
7317        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverTablet);
7318        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverTablet);
7319        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverTablet);
7320        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverTablet);
7321
7322
7323        /* apply sub nav item font */
7324        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontTablet);
7325        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorTablet);
7326        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightTablet);
7327        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeTablet);
7328        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightTablet);
7329        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorTablet);
7330        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorTablet);
7331        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorTablet);
7332        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationTablet);
7333        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleTablet);
7334        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingTablet);
7335
7336        /* apply sub nav item font hover */
7337        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverTablet);
7338        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverTablet);
7339        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverTablet);
7340        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverTablet);
7341
7342        /* apply sub nav item font active */
7343        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorTablet);
7344        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorTablet);
7345
7346
7347        /* apply sub nav item border */
7348        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopTablet);
7349        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightTablet);
7350        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomTablet);
7351        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftTablet);
7352
7353        /* apply sub nav item border hover */
7354        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverTablet);
7355        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverTablet);
7356        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverTablet);
7357        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverTablet);
7358
7359        /* apply sub nav item border radius */
7360        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusTablet);
7361        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverTablet);
7362
7363        /* apply sub menu container */
7364        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopTablet);
7365        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomTablet);
7366        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftTablet);
7367        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightTablet);
7368        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthTablet);
7369        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorTablet);
7370
7371        /* apply sub menu container shadow */
7372        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowTablet);
7373
7374        /* apply sub menu container border */
7375        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopTablet);
7376        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightTablet);
7377        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomTablet);
7378        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftTablet);
7379
7380        /* apply sub menu container border radius */
7381        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusTablet);
7382
7383        /**********************
7384			hamburger main nav
7385		***********************/
7386        /* main background color */
7387        --hamburgerNavBackgroundColorTablet: var(--hamburgerNavBackgroundColorDesktop);
7388
7389        /* main padding */
7390        --hamburgerNavPaddingTopTablet: 25px;
7391        --hamburgerNavPaddingBottomTablet: 25px;
7392        --hamburgerNavPaddingLeftTablet: 50px;
7393        --hamburgerNavPaddingRightTablet: 50px;
7394
7395        /* hamburger menu icon */
7396        --hamburgerMenuIconSizeTablet: var(--hamburgerMenuIconSizeDesktop);
7397        --hamburgerMenuIconSizeHoverTablet: var(--hamburgerMenuIconSizeHoverDesktop);
7398        --hamburgerMenuIconColorTablet: var(--hamburgerMenuIconColorDesktop);
7399        --hamburgerMenuIconHoverColorTablet: var(--hamburgerMenuIconHoverColorDesktop);
7400        --hamburgerMenuIconActiveSizeTablet: var(--hamburgerMenuIconActiveSizeDesktop);
7401        --hamburgerMenuIconActiveColorTablet: var(--hamburgerMenuIconActiveColorDesktop);
7402        --hamburgerMenuIconActiveHoverColorTablet: var(--hamburgerMenuIconActiveHoverColorDesktop);
7403        --hamburgerMenuIconActiveSizeHoverTablet: var(--hamburgerMenuIconActiveSizeHoverDesktop);
7404        --hamburgerMenuDisplayTablet: var(--hamburgerMenuDisplayDesktop);
7405        --hamburgerMenuJustifySelfTablet: var(--hamburgerMenuJustifySelfDesktop);
7406
7407        /* main nav justify self */
7408        --hamburgerNavJustifySelfTablet: var(--hamburgerNavJustifySelfDesktop);
7409
7410        /* main nav items alignment */
7411        --hamburgerNavItemsAlignmentTablet: var(--hamburgerNavItemsAlignmentDesktop);
7412
7413        /* main nav item padding */
7414        --hamburgerNavItemPaddingTopTablet: var(--hamburgerNavItemPaddingTopDesktop);
7415        --hamburgerNavItemPaddingBottomTablet: var(--hamburgerNavItemPaddingBottomDesktop);
7416        --hamburgerNavItemPaddingLeftTablet: var(--hamburgerNavItemPaddingLeftDesktop);
7417        --hamburgerNavItemPaddingRightTablet: var(--hamburgerNavItemPaddingRightDesktop);
7418
7419        /* main nav item padding hover*/
7420        --hamburgerNavItemPaddingTopHoverTablet: var(--hamburgerNavItemPaddingTopHoverDesktop);
7421        --hamburgerNavItemPaddingBottomHoverTablet: var(--hamburgerNavItemPaddingBottomHoverDesktop);
7422        --hamburgerNavItemPaddingLeftHoverTablet: var(--hamburgerNavItemPaddingLeftHoverDesktop);
7423        --hamburgerNavItemPaddingRightHoverTablet: var(--hamburgerNavItemPaddingRightHoverDesktop);
7424
7425        /* main nav item border */
7426        --hamburgerNavItemBorderTopTablet: var(--hamburgerNavItemBorderTopDesktop);
7427        --hamburgerNavItemBorderRightTablet: var(--hamburgerNavItemBorderRightDesktop);
7428        --hamburgerNavItemBorderBottomTablet: var(--hamburgerNavItemBorderBottomDesktop);
7429        --hamburgerNavItemBorderLeftTablet: var(--hamburgerNavItemBorderLeftDesktop);
7430
7431        /* main nav item border hover*/
7432        --hamburgerNavItemBorderTopHoverTablet: var(--hamburgerNavItemBorderTopHoverDesktop);
7433        --hamburgerNavItemBorderRightHoverTablet: var(--hamburgerNavItemBorderRightHoverDesktop);
7434        --hamburgerNavItemBorderBottomHoverTablet: var(--hamburgerNavItemBorderBottomHoverDesktop);
7435        --hamburgerNavItemBorderLeftHoverTablet: var(--hamburgerNavItemBorderLeftHoverDesktop);
7436
7437        /* main nav item border radius */
7438        --hamburgerNavItemBorderRadiusTablet: var(--hamburgerNavItemBorderRadiusDesktop);
7439        --hamburgerNavItemBorderRadiusTabletHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
7440
7441        /* main nav item font */
7442        --hamburgerNavItemFontTablet: var(--hamburgerNavItemFontDesktop);
7443        --hamburgerNavItemFontColorTablet: var(--hamburgerNavItemFontColorDesktop);
7444        --hamburgerNavItemLineHeightTablet: var(--hamburgerNavItemLineHeightDesktop);
7445        --hamburgerNavItemFontSizeTablet: var(--hamburgerNavItemFontSizeDesktop);
7446        --hamburgerNavItemFontWeightTablet: var(--hamburgerNavItemFontWeightDesktop);
7447        --hamburgerNavItemBackgroundColorTablet: var(--hamburgerNavItemBackgroundColorDesktop);
7448        --hamburgerNavItemLetterSpacingTablet: var(--hamburgerNavItemLetterSpacingDesktop);
7449        --hamburgerNavItemTextDecorationTablet: var(--hamburgerNavItemTextDecorationDesktop);
7450        --hamburgerNavItemFontStyleTablet: var(--hamburgerNavItemFontStyleDesktop);
7451
7452        /* main nav item hover font */
7453        --hamburgerNavItemHoverFontColorTablet: var(--hamburgerNavItemHoverFontColorDesktop);
7454        --hamburgerNavItemHoverBackgroundColorTablet: var(--hamburgerNavItemHoverBackgroundColorDesktop);
7455        --hamburgerNavItemFontHoverTablet: var(--hamburgerNavItemFontHoverDesktop);
7456        --hamburgerNavItemLineHeightHoverTablet: var(--hamburgerNavItemLineHeightHoverDesktop);
7457        --hamburgerNavItemFontSizeHoverTablet: var(--hamburgerNavItemFontSizeHoverDesktop);
7458        --hamburgerNavItemFontWeightHoverTablet: var(--hamburgerNavItemFontWeightHoverDesktop);
7459        --hamburgerNavItemLetterSpacingHoverTablet: var(--hamburgerNavItemLetterSpacingTablet);
7460        --hamburgerNavItemTextDecorationHoverTablet: var(--hamburgerNavItemTextDecorationHoverDesktop);
7461        --hamburgerNavItemFontStyleHoverTablet: var(--hamburgerNavItemFontStyleHoverDesktop);
7462
7463        /* separator */
7464        --hamburgerNavSeparatorDisplayTablet: var(--hamburgerNavSeparatorDisplayDesktop);
7465        --hamburgerNavSeparatorWidthTablet: var(--hamburgerNavSeparatorWidthDesktop);
7466        --hamburgerNavSeparatorHeightTablet: var(--hamburgerNavSeparatorHeightDesktop);
7467        --hamburgerNavSeparatorColorTablet: var(--hamburgerNavSeparatorColorDesktop);
7468        --hamburgerNavSeparatorSpacingTablet: var(--hamburgerNavSeparatorSpacingDesktop);
7469
7470        /* sub separator */
7471        --hamburgerNavSubSeparatorDisplayTablet: var(--hamburgerNavSubSeparatorDisplayDesktop);
7472        --hamburgerNavSubSeparatorWidthTablet: var(--hamburgerNavSubSeparatorWidthDesktop);
7473        --hamburgerNavSubSeparatorHeightTablet: var(--hamburgerNavSubSeparatorHeightDesktop);
7474        --hamburgerNavSubSeparatorColorTablet: var(--hamburgerNavSubSeparatorColorDesktop);
7475        --hamburgerNavSubSeparatorSpacingTablet: var(--hamburgerNavSubSeparatorSpacingDesktop);
7476
7477        /* arrow */
7478        --hamburgerNavArrowSizeTablet: var(--hamburgerNavArrowSizeDesktop);
7479        --hamburgerNavArrowColorTablet: var(--hamburgerNavArrowColorDesktop);
7480        --hamburgerNavArrowSpacingTablet: var(--hamburgerNavArrowSpacingDesktop);
7481        --hamburgerNavArrowRotateTablet: var(--hamburgerNavArrowRotateDesktop);
7482        --hamburgerNavArrowAutoSpacingTablet: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
7483        --hamburgerNavArrowSizeHoverTablet: var(--hamburgerNavArrowSizeHoverDesktop);
7484        --hamburgerNavArrowColorHoverTablet: var(--hamburgerNavArrowColorHoverDesktop);
7485        --hamburgerNavArrowRotateHoverTablet: var(--hamburgerNavArrowRotateHoverDesktop);
7486
7487        /* sub arrow */
7488        --hamburgerNavSubArrowSizeTablet: var(--hamburgerNavSubArrowSizeDesktop);
7489        --hamburgerNavSubArrowColorTablet: var(--hamburgerNavSubArrowColorDesktop);
7490        --hamburgerNavSubArrowSpacingTablet: var(--hamburgerNavSubArrowSpacingDesktop);
7491        --hamburgerNavSubArrowRotateTablet: var(--hamburgerNavSubArrowRotateDesktop);
7492        --hamburgerNavSubArrowAutoSpacingTablet: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
7493        --hamburgerNavSubArrowSizeHoverTablet: var(--hamburgerNavSubArrowSizeHoverDesktop);
7494        --hamburgerNavSubArrowColorHoverTablet: var(--hamburgerNavSubArrowColorHoverDesktop);
7495        --hamburgerNavSubArrowRotateHoverTablet: var(--hamburgerNavSubArrowRotateHoverDesktop);
7496
7497        /* sub menu background color */
7498        --hamburgerNavSubBackgroundColorTablet: transparent;
7499
7500        /* sub nav item padding */
7501        --hamburgerNavSubItemPaddingTopTablet: var(--hamburgerNavSubItemPaddingTopDesktop);
7502        --hamburgerNavSubItemPaddingBottomTablet: var(--hamburgerNavSubItemPaddingBottomDesktop);
7503        --hamburgerNavSubItemPaddingLeftTablet: var(--hamburgerNavSubItemPaddingLeftDesktop);
7504        --hamburgerNavSubItemPaddingRightTablet: var(--hamburgerNavSubItemPaddingRightDesktop);
7505
7506        /* sub nav item padding hover*/
7507        --hamburgerNavSubItemPaddingTopHoverTablet: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
7508        --hamburgerNavSubItemPaddingBottomHoverTablet: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
7509        --hamburgerNavSubItemPaddingLeftHoverTablet: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
7510        --hamburgerNavSubItemPaddingRightHoverTablet: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
7511
7512        /* sub nav item border */
7513        --hamburgerNavSubItemBorderTopTablet: var(--hamburgerNavSubItemBorderTopDesktop);
7514        --hamburgerNavSubItemBorderRightTablet: var(--hamburgerNavSubItemBorderRightDesktop);
7515        --hamburgerNavSubItemBorderBottomTablet: var(--hamburgerNavSubItemBorderBottomDesktop);
7516        --hamburgerNavSubItemBorderLeftTablet: var(--hamburgerNavSubItemBorderLeftDesktop);
7517
7518        /* sub nav item border Hover*/
7519        --hamburgerNavSubItemBorderTopHoverTablet: var(--hamburgerNavSubItemBorderTopHoverDesktop);
7520        --hamburgerNavSubItemBorderRightHoverTablet: var(--hamburgerNavSubItemBorderRightHoverDesktop);
7521        --hamburgerNavSubItemBorderBottomHoverTablet: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
7522        --hamburgerNavSubItemBorderLeftHoverTablet: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
7523
7524        /* sub nav item border radius */
7525        --hamburgerNavSubItemBorderRadiusTablet: var(--hamburgerNavSubItemBorderRadiusDesktop);
7526        --hamburgerNavSubItemBorderRadiusHoverTablet: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
7527
7528        /* sub nav item background color */
7529        --hamburgerNavSubItemBackgroundColorTablet: var(--hamburgerNavSubItemBackgroundColorDesktop);
7530
7531        /* sub nav item hover background color */
7532        --hamburgerNavSubItemHoverBackgroundColorTablet: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
7533
7534        /* sub nav item font */
7535        --hamburgerNavSubItemFontTablet: var(--hamburgerNavSubItemFontDesktop);
7536        --hamburgerNavSubItemFontColorTablet: var(--hamburgerNavSubItemFontColorDesktop);
7537        --hamburgerNavSubItemLineHeightTablet: var(--hamburgerNavSubItemLineHeightDesktop);
7538        --hamburgerNavSubItemFontSizeTablet: var(--hamburgerNavSubItemFontSizeDesktop);
7539        --hamburgerNavSubItemFontWeightTablet: var(--hamburgerNavSubItemFontWeightDesktop);
7540        --hamburgerNavSubItemTextDecorationTablet: var(--hamburgerNavSubItemTextDecorationDesktop);
7541        --hamburgerNavSubItemFontStyleTablet: var(--hamburgerNavSubItemFontStyleDesktop);
7542        --hamburgerNavSubItemLetterSpacingTablet: var(--hamburgerNavSubItemLetterSpacingDesktop);
7543
7544        /* sub nav item hover font */
7545        --hamburgerNavSubItemHoverFontColorTablet: var(--hamburgerNavSubItemHoverFontColorDesktop);
7546        --hamburgerNavSubItemFontHoverTablet: var(--hamburgerNavSubItemFontHoverDesktop);
7547        --hamburgerNavSubItemLineHeightHoverTablet: var(--hamburgerNavSubItemLineHeightHoverDesktop);
7548        --hamburgerNavSubItemFontSizeHoverTablet: var(--hamburgerNavSubItemFontSizeHoverDesktop);
7549        --hamburgerNavSubItemFontWeightHoverTablet: var(--hamburgerNavSubItemFontWeightHoverDesktop);
7550        --hamburgerNavSubItemLetterSpacingHoverTablet: var(--hamburgerNavSubItemLetterSpacingTablet);
7551        --hamburgerNavSubItemTextDecorationHoverTablet: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
7552        --hamburgerNavSubItemFontStyleHoverTablet: var(--hamburgerNavSubItemFontStyleHoverDesktop);
7553
7554        /* nav back button border */
7555        --hamburgerNavBackButtonBorderTopTablet: var(--hamburgerNavBackButtonBorderTopDesktop);
7556        --hamburgerNavBackButtonBorderRightTablet: var(--hamburgerNavBackButtonBorderRightDesktop);
7557        --hamburgerNavBackButtonBorderBottomTablet: var(--hamburgerNavBackButtonBorderBottomDesktop);
7558        --hamburgerNavBackButtonBorderLeftTablet: var(--hamburgerNavBackButtonBorderLeftDesktop);
7559
7560        /* nav back button border  hover*/
7561        --hamburgerNavBackButtonBorderTopHoverTablet: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
7562        --hamburgerNavBackButtonBorderRightHoverTablet: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
7563        --hamburgerNavBackButtonBorderBottomHoverTablet: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
7564        --hamburgerNavBackButtonBorderLeftHoverTablet: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
7565
7566        /* nav back button border radius */
7567        --hamburgerNavBackButtonBorderRadiusTablet: var(--hamburgerNavBackButtonBorderRadiusDesktop);
7568        --hamburgerNavBackButtonBorderRadiusHoverTablet: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
7569
7570        /* nav back button background color */
7571        --hamburgerNavBackButtonBackgroundColorTablet: var(--hamburgerNavBackButtonBackgroundColorDesktop);
7572
7573        /* nav back button hover background color */
7574        --hamburgerNavBackButtonHoverBackgroundColorTablet: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
7575
7576        /* nav back button */
7577        --hamburgerNavBackButtonPaddingTopTablet: var(--hamburgerNavBackButtonPaddingTopDesktop);
7578        --hamburgerNavBackButtonPaddingBottomTablet: var(--hamburgerNavBackButtonPaddingBottomDesktop);
7579        --hamburgerNavBackButtonPaddingLeftTablet: var(--hamburgerNavBackButtonPaddingLeftDesktop);
7580        --hamburgerNavBackButtonPaddingRightTablet: var(--hamburgerNavBackButtonPaddingRightDesktop);
7581        --hamburgerNavBackButtonFontTablet: var(--hamburgerNavBackButtonFontDesktop);
7582        --hamburgerNavBackButtonColorTablet: var(--hamburgerNavBackButtonColorDesktop);
7583        --hamburgerNavBackButtonFontSizeTablet: var(--hamburgerNavBackButtonFontSizeDesktop);
7584        --hamburgerNavBackButtonFontWeightTablet: var(--hamburgerNavBackButtonFontWeightDesktop);
7585        --hamburgerNavBackButtonFontStyleTablet: var(--hamburgerNavBackButtonFontStyleDesktop);
7586        --hamburgerNavBackButtonLetterSpacingTablet: var(--hamburgerNavBackButtonLetterSpacingDesktop);
7587        --hamburgerNavBackButtonTextDecorationTablet: var(--hamburgerNavBackButtonTextDecorationDesktop);
7588        --hamburgerNavBackButtonLineHeightTablet: var(--hamburgerNavBackButtonLineHeightDesktop);
7589        --hamburgerNavBackButtonHoverFontColorTablet: var(--hamburgerNavBackButtonHoverFontColorDesktop);
7590
7591        /* nav back button hover*/
7592        --hamburgerNavBackButtonPaddingTopHoverTablet: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
7593        --hamburgerNavBackButtonPaddingBottomHoverTablet: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
7594        --hamburgerNavBackButtonPaddingLeftHoverTablet: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
7595        --hamburgerNavBackButtonPaddingRightHoverTablet: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
7596
7597        /* nav back button arrow */
7598        --hamburgerNavBackButtonArrowSizeTablet: var(--hamburgerNavBackButtonArrowSizeDesktop);
7599        --hamburgerNavBackButtonArrowSizeHoverTablet: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
7600        --hamburgerNavBackButtonArrowColorTablet: var(--hamburgerNavBackButtonArrowColorDesktop);
7601        --hamburgerNavBackButtonArrowSpacingTablet: var(--hamburgerNavBackButtonArrowSpacingDesktop);
7602        --hamburgerNavBackButtonArrowRotateTablet: var(--hamburgerNavBackButtonArrowRotateDesktop);
7603
7604        /* parent title border */
7605        --hamburgerTitleBorderTopTablet: var(--hamburgerTitleBorderTopDesktop);
7606        --hamburgerTitleBorderRightTablet: var(--hamburgerTitleBorderRightDesktop);
7607        --hamburgerTitleBorderBottomTablet: var(--hamburgerTitleBorderBottomDesktop);
7608        --hamburgerTitleBorderLeftTablet: var(--hamburgerTitleBorderLeftDesktop);
7609        /* parent title border */
7610        --hamburgerTitleBorderTopHoverTablet: var(--hamburgerTitleBorderTopHoverDesktop);
7611        --hamburgerTitleBorderRightHoverTablet: var(--hamburgerTitleBorderRightHoverDesktop);
7612        --hamburgerTitleBorderBottomHoverTablet: var(--hamburgerTitleBorderBottomHoverDesktop);
7613        --hamburgerTitleBorderLeftHoverTablet: var(--hamburgerTitleBorderLeftHoverDesktop);
7614
7615        /* parent title border radius */
7616        --hamburgerTitleBorderRadiusTablet: var(--hamburgerTitleBorderRadiusDesktop);
7617        --hamburgerTitleBorderRadiusHoverTablet: var(--hamburgerTitleBorderRadiusHoverDesktop);
7618
7619        /* parent title background color */
7620        --hamburgerTitleBackgroundColorTablet: var(--hamburgerTitleBackgroundColorDesktop);
7621        --hamburgerTitleBackgroundColorHoverTablet: var(--hamburgerTitleBackgroundColorHoverDesktop);
7622
7623        /* parent title padding */
7624        --hamburgerTitlePaddingTopTablet: var(--hamburgerTitlePaddingTopDesktop);
7625        --hamburgerTitlePaddingBottomTablet: var(--hamburgerTitlePaddingBottomDesktop);
7626        --hamburgerTitlePaddingLeftTablet: var(--hamburgerTitlePaddingLeftDesktop);
7627        --hamburgerTitlePaddingRightTablet: var(--hamburgerTitlePaddingRightDesktop);
7628
7629        /* parent title padding hover*/
7630        --hamburgerTitlePaddingTopHoverTablet: var(--hamburgerTitlePaddingTopHoverDesktop);
7631        --hamburgerTitlePaddingBottomHoverTablet: var(--hamburgerTitlePaddingBottomHoverDesktop);
7632        --hamburgerTitlePaddingLeftHoverTablet: var(--hamburgerTitlePaddingLeftHoverDesktop);
7633        --hamburgerTitlePaddingRightHoverTablet: var(--hamburgerTitlePaddingRightHoverDesktop);
7634
7635        /* parent title font */
7636        --hamburgerTitleFontTablet: var(--hamburgerTitleFontDesktop);
7637        --hamburgerTitleFontColorTablet: var(--hamburgerTitleFontColorDesktop);
7638        --hamburgerTitleFontSizeTablet: var(--hamburgerTitleFontSizeDesktop);
7639        --hamburgerTitleFontWeightTablet: var(--hamburgerTitleFontWeightDesktop);
7640        --hamburgerTitleFontStyleTablet: var(--hamburgerTitleFontStyleDesktop);
7641        --hamburgerTitleLetterSpacingTablet: var(--hamburgerTitleLetterSpacingDesktop);
7642        --hamburgerTitleTextDecorationTablet: var(--hamburgerTitleTextDecorationDesktop);
7643        --hamburgerTitleLineHeightTablet: var(--hamburgerTitleLineHeightDesktop);
7644
7645        /* parent title arrow */
7646        --hamburgerTitleArrowSizeTablet: var(--hamburgerTitleArrowSizeDesktop);
7647        --hamburgerTitleArrowColorTablet: var(--hamburgerTitleArrowColorDesktop);
7648        --hamburgerTitleArrowSpacingTablet: var(--hamburgerTitleArrowSpacingDesktop);
7649        --hamburgerTitleArrowRotateTablet: var(--hamburgerTitleArrowRotateDesktop);
7650
7651        /* slide container */
7652        --hamburgerSlideContainerWidthTablet: var(--hamburgerSlideContainerWidthDesktop);
7653
7654        /*****
7655			apply css properties
7656		*****/
7657
7658        /* apply main background color */
7659        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorTablet);
7660
7661        /* apply main padding */
7662        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopTablet);
7663        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomTablet);
7664        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftTablet);
7665        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightTablet);
7666
7667        /* apply hamburger menu icon */
7668        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeTablet);
7669        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverTablet);
7670        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorTablet);
7671        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorTablet);
7672        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeTablet);
7673        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorTablet);
7674        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorTablet);
7675        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverTablet);
7676        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayTablet);
7677        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfTablet);
7678
7679        /* apply main nav justify self */
7680        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfTablet);
7681
7682        /* apply main nav items alignment */
7683        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentTablet);
7684
7685        /* apply main nav item padding */
7686        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopTablet);
7687        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomTablet);
7688        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftTablet);
7689        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightTablet);
7690
7691        /* apply main nav item padding hover*/
7692        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopHoverTablet);
7693        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomHoverTablet);
7694        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftHoverTablet);
7695        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightHoverTablet);
7696
7697        /* apply main nav item border */
7698        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopTablet);
7699        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightTablet);
7700        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomTablet);
7701        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftTablet);
7702        /* apply main nav item border hover */
7703        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverTablet);
7704        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverTablet);
7705        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverTablet);
7706        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverTablet);
7707
7708        /* apply main nav item border radius */
7709        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusTablet);
7710        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusTabletHover);
7711
7712        /* apply main nav item font */
7713        --hamburgerNavItemFont: var(--hamburgerNavItemFontTablet);
7714        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorTablet);
7715        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightTablet);
7716        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeTablet);
7717        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightTablet);
7718        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorTablet);
7719        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingTablet);
7720        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationTablet);
7721        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleTablet);
7722
7723        /* apply main nav item hover font */
7724        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorTablet);
7725        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorTablet);
7726        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverTablet);
7727        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverTablet);
7728        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverTablet);
7729        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverTablet);
7730        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverTablet);
7731        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverTablet);
7732        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverTablet);
7733
7734        /* apply separator */
7735        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayTablet);
7736        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthTablet);
7737        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightTablet);
7738        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorTablet);
7739        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingTablet);
7740
7741        /* apply sub separator */
7742        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayTablet);
7743        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthTablet);
7744        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightTablet);
7745        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorTablet);
7746        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingTablet);
7747
7748        /* apply arrow */
7749        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeTablet);
7750        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorTablet);
7751        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingTablet);
7752        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateTablet);
7753        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingTablet);
7754        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverTablet);
7755        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverTablet);
7756        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverTablet);
7757
7758        /* apply main item icon */
7759        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayTablet);
7760        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorTablet);
7761        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverTablet);
7762        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeTablet);
7763        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverTablet);
7764        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateTablet);
7765        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverTablet);
7766        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingTablet);
7767        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayTablet);
7768        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorTablet);
7769        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverTablet);
7770        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeTablet);
7771        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverTablet);
7772        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateTablet);
7773        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverTablet);
7774        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingTablet);
7775
7776        /* apply sub arrow */
7777        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeTablet);
7778        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorTablet);
7779        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingTablet);
7780        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateTablet);
7781        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingTablet);
7782        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverTablet);
7783        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverTablet);
7784        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverTablet);
7785
7786        /* apply sub menu background color */
7787        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorTablet);
7788
7789        /* apply sub nav item padding */
7790        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopTablet);
7791        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomTablet);
7792        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftTablet);
7793        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightTablet);
7794        /* apply sub nav item padding hover*/
7795        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverTablet);
7796        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverTablet);
7797        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverTablet);
7798        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverTablet);
7799
7800        /* apply sub nav item border */
7801        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopTablet);
7802        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightTablet);
7803        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomTablet);
7804        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftTablet);
7805        /* apply sub nav item border hover*/
7806        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverTablet);
7807        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverTablet);
7808        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverTablet);
7809        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverTablet);
7810
7811        /* apply sub nav item border radius */
7812        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusTablet);
7813        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverTablet);
7814
7815        /* apply sub nav item background color */
7816        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorTablet);
7817
7818        /* apply sub nav item hover background color */
7819        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorTablet);
7820
7821        /* apply sub nav item font */
7822        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontTablet);
7823        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorTablet);
7824        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightTablet);
7825        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeTablet);
7826        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightTablet);
7827        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationTablet);
7828        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleTablet);
7829        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingTablet);
7830
7831        /* apply sub nav item hover font */
7832        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorTablet);
7833        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverTablet);
7834        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverTablet);
7835        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverTablet);
7836        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverTablet);
7837        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverTablet);
7838        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverTablet);
7839        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverTablet);
7840
7841        /* apply nav back button border */
7842        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopTablet);
7843        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightTablet);
7844        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomTablet);
7845        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftTablet);
7846        /* apply nav back button border hover*/
7847        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverTablet);
7848        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverTablet);
7849        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverTablet);
7850        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverTablet);
7851
7852        /* apply nav back button border radius */
7853        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusTablet);
7854        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverTablet);
7855
7856        /* apply nav back button background color */
7857        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorTablet);
7858
7859        /* apply nav back button hover background color */
7860        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorTablet);
7861
7862        /* apply nav back button */
7863        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopTablet);
7864        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomTablet);
7865        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftTablet);
7866        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightTablet);
7867        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontTablet);
7868        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorTablet);
7869        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeTablet);
7870        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightTablet);
7871        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleTablet);
7872        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingTablet);
7873        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationTablet);
7874        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightTablet);
7875        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorTablet);
7876
7877        /* apply nav back button hover */
7878        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverTablet);
7879        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverTablet);
7880        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverTablet);
7881        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverTablet);
7882
7883        /* apply nav back button arrow */
7884        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeTablet);
7885        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverTablet);
7886        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorTablet);
7887        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingTablet);
7888        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateTablet);
7889
7890        /* apply parent title border */
7891        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopTablet);
7892        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightTablet);
7893        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomTablet);
7894        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftTablet);
7895        /* apply parent title border hover */
7896        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverTablet);
7897        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverTablet);
7898        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverTablet);
7899        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverTablet);
7900
7901        /* apply parent title border radius */
7902        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusTablet);
7903        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverTablet);
7904
7905        /* apply parent title background color */
7906        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorTablet);
7907        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverTablet);
7908
7909        /* apply parent title padding */
7910        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopTablet);
7911        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomTablet);
7912        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftTablet);
7913        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightTablet);
7914        /* apply parent title padding hover*/
7915        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverTablet);
7916        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverTablet);
7917        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverTablet);
7918        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverTablet);
7919
7920        /* apply parent title font */
7921        --hamburgerTitleFont: var(--hamburgerTitleFontTablet);
7922        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorTablet);
7923        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeTablet);
7924        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightTablet);
7925        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleTablet);
7926        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingTablet);
7927        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationTablet);
7928        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightTablet);
7929
7930        /* apply parent title arrow */
7931        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeTablet);
7932        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorTablet);
7933        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingTablet);
7934        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateTablet);
7935
7936        /* apply slide container */
7937        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthTablet);
7938
7939        /**********************
7940			vertical main nav
7941		***********************/
7942
7943        /* main nav justify content */
7944        --verticalNavJustifySelfTablet: center;
7945
7946        /* main nav items alignment */
7947        --verticalNavItemsAlignmentTablet: var(--verticalNavItemsAlignmentDesktop);
7948
7949        /* main nav width */
7950        --verticalNavWidthTablet: 100%;
7951
7952        /* main nav padding */
7953        --verticalNavPaddingTopTablet: var(--verticalNavPaddingTopDesktop);
7954        --verticalNavPaddingBottomTablet: var(--verticalNavPaddingBottomDesktop);
7955        --verticalNavPaddingLeftTablet: var(--verticalNavPaddingLeftDesktop);
7956        --verticalNavPaddingRightTablet: var(--verticalNavPaddingRightDesktop);
7957
7958        /* main nav border */
7959        --verticalNavBorderTopTablet: var(--verticalNavBorderTopDesktop);
7960        --verticalNavBorderRightTablet: var(--verticalNavBorderRightDesktop);
7961        --verticalNavBorderBottomTablet: var(--verticalNavBorderBottomDesktop);
7962        --verticalNavBorderLeftTablet: var(--verticalNavBorderLeftDesktop);
7963
7964        /* main nav border radius */
7965        --verticalNavBorderRadiusTablet: var(--verticalNavBorderRadiusDesktop);
7966
7967        /* main nav item font */
7968        --verticalNavItemFontTablet: var(--verticalNavItemFontDesktop);
7969        --verticalNavItemFontColorTablet: var(--verticalNavItemFontColorDesktop);
7970        --verticalNavItemFontSizeTablet: var(--verticalNavItemFontSizeDesktop);
7971        --verticalNavItemFontWeightTablet: var(--verticalNavItemFontWeightDesktop);
7972        --verticalNavItemLineHeightTablet: var(--verticalNavItemLineHeightDesktop);
7973        --verticalNavItemTextDecorationTablet: var(--verticalNavItemTextDecorationDesktop);
7974        --verticalNavItemFontStyleTablet: var(--verticalNavItemFontStyleDesktop);
7975        --verticalNavItemLetterSpacingTablet: var(--verticalNavItemLetterSpacingDesktop);
7976        --verticalNavItemBackgroundColorTablet: var(--verticalNavItemBackgroundColorDesktop);
7977
7978
7979        /* main nav item font hover*/
7980        --verticalNavItemFontSizeHoverTablet: var(--verticalNavItemFontSizeHoverDesktop);
7981        --verticalNavItemFontWeightHoverTablet: var(--verticalNavItemFontWeightHoverDesktop);
7982        --verticalNavItemTextDecorationHoverTablet: var(--verticalNavItemTextDecorationHoverDesktop);
7983        --verticalNavItemFontStyleHoverTablet: var(--verticalNavItemFontStyleHoverDesktop);
7984        --verticalNavItemHoverFontColorTablet: var(--verticalNavItemHoverFontColorDesktop);
7985        --verticalNavItemHoverBackgroundColorTablet: var(--verticalNavItemHoverBackgroundColorDesktop);
7986
7987
7988        /* main nav item padding */
7989        --verticalNavItemPaddingTopTablet: var(--verticalNavItemPaddingTopDesktop);
7990        --verticalNavItemPaddingRightTablet: var(--verticalNavItemPaddingRightDesktop);
7991        --verticalNavItemPaddingBottomTablet: var(--verticalNavItemPaddingBottomDesktop);
7992        --verticalNavItemPaddingLeftTablet: var(--verticalNavItemPaddingLeftDesktop);
7993
7994        /* main nav item padding hover */
7995        --verticalNavItemPaddingTopHoverTablet: var(--verticalNavItemPaddingTopHoverDesktop);
7996        --verticalNavItemPaddingRightHoverTablet: var(--verticalNavItemPaddingRightHoverDesktop);
7997        --verticalNavItemPaddingBottomHoverTablet: var(--verticalNavItemPaddingBottomHoverDesktop);
7998        --verticalNavItemPaddingLeftHoverTablet: var(--verticalNavItemPaddingLeftHoverDesktop);
7999
8000        /* main nav item border */
8001        --verticalNavItemBorderTopTablet: var(--verticalNavItemBorderTopDesktop);
8002        --verticalNavItemBorderRightTablet: var(--verticalNavItemBorderRightDesktop);
8003        --verticalNavItemBorderBottomTablet: var(--verticalNavItemBorderBottomDesktop);
8004        --verticalNavItemBorderLeftTablet: var(--verticalNavItemBorderLeftDesktop);
8005
8006        /* main nav item border hover */
8007        --verticalNavItemBorderTopHoverTablet: var(--verticalNavItemBorderTopHoverDesktop);
8008        --verticalNavItemBorderRightHoverTablet: var(--verticalNavItemBorderRightHoverDesktop);
8009        --verticalNavItemBorderBottomHoverTablet: var(--verticalNavItemBorderBottomHoverDesktop);
8010        --verticalNavItemBorderLeftHoverTablet: var(--verticalNavItemBorderLeftHoverDesktop);
8011
8012        /* main nav item border radius */
8013        --verticalNavItemBorderRadiusTablet: var(--verticalNavItemBorderRadiusDesktop);
8014        --verticalNavItemBorderRadiusHoverTablet: var(--verticalNavItemBorderRadiusHoverDesktop);
8015
8016        /* arrow */
8017        --verticalNavArrowSizeTablet: 24px;
8018        --verticalNavArrowWidthTablet: 24px;
8019        --verticalNavArrowSpacingTablet: 10px;
8020        --verticalNavArrowColorTablet: rgba(var(--colorPrimaryA), 1);
8021        --verticalNavArrowRotateTablet: -90deg;
8022
8023        /* title */
8024        --verticalNavTitleFontColorTablet: rgba(var(--colorPrimaryH), 1);
8025        --verticalNavTitleLineHeightTablet: 1.4;
8026        --verticalNavTitleFontSizeTablet: 21px;
8027        --verticalNavTitleFontWeightTablet: 700;
8028        --verticalNavTitleContainerBackgroundColorTablet: transparent;
8029
8030        /* sub nav item font */
8031        --verticalNavSubItemFontTablet: var(--navPrimaryFont);
8032        --verticalNavSubItemFontColorTablet: rgba(var(--colorPrimaryA), 1);
8033        --verticalNavSubItemFontSizeTablet: 16px;
8034        --verticalNavSubItemFontWeightTablet: 400;
8035        --verticalNavSubItemLineHeightTablet: normal;
8036        --verticalNavSubItemTextDecorationTablet: none;
8037        --verticalNavSubItemFontStyleTablet: normal;
8038        --verticalNavSubItemLetterSpacingTablet: 0px;
8039        --verticalNavSubItemBackgroundColorTablet: transparent;
8040        --verticalNavSubItemHoverFontColorTablet: var(--verticalNavSubItemFontColorTablet);
8041        --verticalNavSubItemHoverBackgroundColorTablet: var(--verticalNavSubItemBackgroundColorTablet);
8042
8043        /* sub nav item padding */
8044        --verticalNavSubItemPaddingTopTablet: 0px;
8045        --verticalNavSubItemPaddingRightTablet: 0px;
8046        --verticalNavSubItemPaddingBottomTablet: 0px;
8047        --verticalNavSubItemPaddingLeftTablet: 0px;
8048
8049        /* sub nav item border */
8050        --verticalNavSubItemBorderTopTablet: 0px none rgba(var(--colorPrimaryA), 1);
8051        --verticalNavSubItemBorderRightTablet: 0px none rgba(var(--colorPrimaryA), 1);
8052        --verticalNavSubItemBorderBottomTablet: 0px none rgba(var(--colorPrimaryA), 1);
8053        --verticalNavSubItemBorderLeftTablet: 0px none rgba(var(--colorPrimaryA), 1);
8054
8055        /* sub nav item border radius */
8056        --verticalNavSubItemBorderRadiusTablet: 0px 0px 0px 0px;
8057
8058        /* sub nav arrow */
8059        --verticalNavSubArrowSizeTablet: 24px;
8060        --verticalNavSubArrowWidthTablet: 24px;
8061        --verticalNavSubArrowSpacingTablet: 10px;
8062
8063        /* slide container */
8064        --verticalSlideContainerWidthTablet: 400px;
8065
8066        /* separator */
8067        --verticalNavSeparatorDisplayTablet: var(--verticalNavSeparatorDisplayDesktop);
8068        --verticalNavSeparatorWidthTablet: var(--verticalNavSeparatorWidthDesktop);
8069        --verticalNavSeparatorHeightTablet: var(--verticalNavSeparatorHeightDesktop);
8070        --verticalNavSeparatorColorTablet: var(--verticalNavSeparatorColorDesktop);
8071        --verticalNavSeparatorSpacingTablet: var(--verticalNavSeparatorSpacingDesktop);
8072
8073        /* sub separator */
8074        --verticalNavSubSeparatorDisplayTablet: var(--verticalNavSubSeparatorDisplayDesktop);
8075        --verticalNavSubSeparatorWidthTablet: var(--verticalNavSubSeparatorWidthDesktop);
8076        --verticalNavSubSeparatorHeightTablet: var(--verticalNavSubSeparatorHeightDesktop);
8077        --verticalNavSubSeparatorColorTablet: var(--verticalNavSubSeparatorColorDesktop);
8078        --verticalNavSubSeparatorSpacingTablet: var(--verticalNavSubSeparatorSpacingDesktop);
8079
8080        /*****
8081			apply css properties
8082		*****/
8083
8084        /* apply main nav justify content */
8085        --verticalNavJustifySelf: var(--verticalNavJustifySelfTablet);
8086
8087        /* apply main nav items alignment */
8088        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentTablet);
8089
8090        /* apply main nav width */
8091        --verticalNavWidth: var(--verticalNavWidthTablet);
8092
8093        /* apply main nav padding */
8094        --verticalNavPaddingTop: var(--verticalNavPaddingTopTablet);
8095        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomTablet);
8096        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftTablet);
8097        --verticalNavPaddingRight: var(--verticalNavPaddingRightTablet);
8098
8099        /* apply main nav border */
8100        --verticalNavBorderTop: var(--verticalNavBorderTopTablet);
8101        --verticalNavBorderRight: var(--verticalNavBorderRightTablet);
8102        --verticalNavBorderBottom: var(--verticalNavBorderBottomTablet);
8103        --verticalNavBorderLeft: var(--verticalNavBorderLeftTablet);
8104
8105        /* apply main nav border radius */
8106        --verticalNavBorderRadius: var(--verticalNavBorderRadiusTablet);
8107
8108        /* apply main nav item font */
8109        --verticalNavItemFont: var(--verticalNavItemFontTablet);
8110        --verticalNavItemFontColor: var(--verticalNavItemFontColorTablet);
8111        --verticalNavItemFontSize: var(--verticalNavItemFontSizeTablet);
8112        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightTablet);
8113        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightTablet);
8114        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationTablet);
8115        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleTablet);
8116        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingTablet);
8117        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorTablet);
8118        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorTablet);
8119        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorTablet);
8120
8121        /* main nav item font hover*/
8122        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverTablet);
8123        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverTablet);
8124        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverTablet);
8125        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverTablet);
8126
8127
8128        /* apply main nav item padding */
8129        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopTablet);
8130        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightTablet);
8131        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomTablet);
8132        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftTablet);
8133        /* apply main nav item padding Hover*/
8134        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverTablet);
8135        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverTablet);
8136        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverTablet);
8137        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverTablet);
8138
8139        /* apply main nav item border */
8140        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopTablet);
8141        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightTablet);
8142        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomTablet);
8143        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftTablet);
8144        /* apply main nav item border hover*/
8145        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverTablet);
8146        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverTablet);
8147        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverTablet);
8148        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverTablet);
8149
8150        /* apply main nav item border radius */
8151        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusTablet);
8152        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverTablet);
8153
8154        /* apply arrow */
8155        --verticalNavArrowSize: var(--verticalNavArrowSizeTablet);
8156        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayTablet);
8157        --verticalNavItemIconColor: var(--verticalNavItemIconColorTablet);
8158        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverTablet);
8159        --verticalNavItemIconSize: var(--verticalNavItemIconSizeTablet);
8160        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverTablet);
8161        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateTablet);
8162        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverTablet);
8163        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingTablet);
8164        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayTablet);
8165        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorTablet);
8166        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverTablet);
8167        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeTablet);
8168        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverTablet);
8169        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateTablet);
8170        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverTablet);
8171        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingTablet);
8172        --verticalNavArrowWidth: var(--verticalNavArrowWidthTablet);
8173        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingTablet);
8174        --verticalNavArrowColor: var(--verticalNavArrowColorTablet);
8175        --verticalNavArrowRotate: var(--verticalNavArrowRotateTablet);
8176
8177        /* apply title */
8178        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorTablet);
8179        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightTablet);
8180        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeTablet);
8181        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightTablet);
8182        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorTablet);
8183
8184        /* apply sub nav item font */
8185        --verticalNavSubItemFont: var(--verticalNavSubItemFontTablet);
8186        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorTablet);
8187        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeTablet);
8188        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightTablet);
8189        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightTablet);
8190        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationTablet);
8191        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleTablet);
8192        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingTablet);
8193        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorTablet);
8194        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorTablet);
8195        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorTablet);
8196
8197        /* apply sub nav item padding */
8198        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopTablet);
8199        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightTablet);
8200        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomTablet);
8201        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftTablet);
8202
8203        /* apply sub nav item border */
8204        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopTablet);
8205        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightTablet);
8206        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomTablet);
8207        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftTablet);
8208
8209        /* apply sub nav item border radius */
8210        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusTablet);
8211
8212        /* apply sub nav arrow */
8213        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeTablet);
8214        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthTablet);
8215        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingTablet);
8216
8217        /* apply slide container */
8218        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthTablet);
8219
8220        /* apply separator */
8221        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayTablet);
8222        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthTablet);
8223        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightTablet);
8224        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorTablet);
8225        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingTablet);
8226
8227        /* apply sub separator */
8228        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayTablet);
8229        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthTablet);
8230        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightTablet);
8231        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorTablet);
8232        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingTablet);
8233    }
8234
8235    /* Horizontal Navigation Styles */
8236    .wmc_menu.wmcM_menuHorizontalTablet.wmd_showMoreMenu {
8237        & .navigation-module-container {
8238            overflow: hidden;
8239        }
8240
8241        & .navigation-module-container ul.navigation-nav--main-menu {
8242            flex-wrap: nowrap !important;
8243            overflow: hidden;
8244
8245            & > .navigation-nav--item {
8246                flex-shrink: 0;
8247            }
8248        }
8249    }
8250
8251    .wmc_menu.wmcM_menuHorizontalTablet .navigation-module-container,
8252    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container {
8253        & .navigation-nav {
8254            display: flex;
8255            justify-content: var(--horizontalNavJustifyContent);
8256        }
8257
8258        /* level 1: main menu */
8259
8260        & ul.navigation-nav--main-menu {
8261            display: inline-flex;
8262            padding-left: var(--horizontalNavPaddingLeft);
8263            padding-right: var(--horizontalNavPaddingRight);
8264            padding-top: var(--horizontalNavPaddingTop);
8265            padding-bottom: var(--horizontalNavPaddingBottom);
8266            margin-left: 0;
8267            margin-right: 0;
8268            flex-direction: row;
8269            flex-wrap: wrap;
8270            align-self: center;
8271            list-style: none;
8272            background-color: var(--horizontalNavBackgroundColor);
8273            border-top: var(--horizontalNavBorderTop);
8274            border-right: var(--horizontalNavBorderRight);
8275            border-bottom: var(--horizontalNavBorderBottom);
8276            border-radius: var(--horizontalNavBorderRadius);
8277            border-left: var(--horizontalNavBorderLeft);
8278            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
8279
8280            & > .navigation-nav--separator {
8281                display: var(--horizontalNavSeparatorDisplay);
8282                width: var(--horizontalNavSeparatorWidth);
8283                height: var(--horizontalNavSeparatorHeight);
8284                background-color: var(--horizontalNavSeparatorColor);
8285                align-self: center;
8286                font-size: var(--horizontalNavItemFontSize);
8287                line-height: 1.4;
8288            }
8289        }
8290
8291        /* level 1: li item */
8292
8293        & .navigation-nav--item {
8294            display: grid;
8295            grid-template-columns: 1fr;
8296            align-items: center;
8297            background-color: var(--navItemBackgroundColor);
8298            border-top: var(--navItemBorderTop);
8299            border-right: var(--navItemBorderRight);
8300            border-bottom: var(--navItemBorderBottom);
8301            border-left: var(--navItemBorderLeft);
8302            border-radius: var(--navItemBorderRadius);
8303
8304            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
8305                background-color: var(--navItemHoverBackgroundColor);
8306                border-top: var(--navItemBorderTopHover);
8307                border-right: var(--navItemBorderRightHover);
8308                border-bottom: var(--navItemBorderBottomHover);
8309                border-left: var(--navItemBorderLeftHover);
8310                border-radius: var(--navItemBorderRadiusHover);
8311
8312            }
8313
8314            &.open, &.wmcA_activeState, .wmcA_activeState & {
8315                background-color: var(--navItemActiveBackgroundColor);
8316            }
8317
8318            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
8319                background-color: var(--navItemActiveBackgroundColor);
8320            }
8321
8322            & > a {
8323                display: flex;
8324                align-items: center;
8325                padding-top: var(--navItemPaddingTop);
8326                padding-bottom: var(--navItemPaddingBottom);
8327                padding-left: var(--navItemPaddingLeft);
8328                padding-right: var(--navItemPaddingRight);
8329                font-family: var(--navItemFont);
8330                color: var(--navItemFontColor);
8331                line-height: var(--navItemLineHeight);
8332                background-color: transparent;
8333                letter-spacing: var(--navItemLetterSpacing);
8334                font-size: var(--navItemFontSize);
8335                text-decoration: var(--navItemTextDecoration);
8336                font-weight: var(--navItemFontWeight);
8337                font-style: var(--navItemFontStyle);
8338
8339                &:hover, .wmcA_hoverState & {
8340                    color: var(--navItemHoverFontColor);
8341                    font-size: var(--navItemFontSizeHover);
8342                    text-decoration: var(--navItemTextDecorationHover);
8343                    font-weight: var(--navItemFontWeightHover);
8344                    font-style: var(--navItemFontStyleHover);
8345                    padding-top: var(--navItemPaddingTopHover);
8346                    padding-bottom: var(--navItemPaddingBottomHover);
8347                    padding-left: var(--navItemPaddingLeftHover);
8348                    padding-right: var(--navItemPaddingRightHover);
8349                }
8350
8351                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
8352                    color: var(--navItemActiveFontColor);
8353                }
8354
8355                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8356                    color: var(--navItemActiveFontColor);
8357                }
8358            }
8359
8360            &:hover > .navigation-nav--sub-menu,
8361            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
8362            .wmcA_hoverState & > .navigation-nav--sub-menu,
8363            &.open > .navigation-nav--sub-menu {
8364                opacity: 1;
8365                visibility: visible;
8366                transform: translateY(0);
8367            }
8368
8369            & .arrow {
8370                display: none;
8371                pointer-events: none;
8372            }
8373
8374            &:has(.navigation-nav--sub-menu) {
8375                display: grid;
8376                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
8377                align-items: center;
8378                position: relative;
8379                padding-right: calc(var(--navItemPaddingRight) / 2);
8380
8381                & > a {
8382                    padding-right: 0;
8383                    width: 100%;
8384                }
8385
8386                & > .arrow {
8387                    display: var(--horizontalNavArrowDisplay, flex);
8388                    align-items: center;
8389                    justify-content: center;
8390                    pointer-events: auto;
8391                    position: relative;
8392                    z-index: 1;
8393                    width: var(--horizontalNavArrowSize);
8394                    height: 100%;
8395                    cursor: pointer;
8396                    margin-left: var(--horizontalNavArrowSpacing);
8397
8398                    &::after {
8399                        display: block;
8400                        content: '';
8401                        width: var(--horizontalNavArrowSize);
8402                        height: var(--horizontalNavArrowSize);
8403                        -webkit-mask-image: var(--wmd_caretIconUrl);
8404                        mask-image: var(--wmd_caretIconUrl);
8405                        -webkit-mask-size: contain;
8406                        mask-size: contain;
8407                        -webkit-mask-repeat: no-repeat;
8408                        mask-repeat: no-repeat;
8409                        -webkit-mask-position: center;
8410                        mask-position: center;
8411                        background-color: var(--horizontalNavArrowColor);
8412                        transform: var(--horizontalNavArrowRotate);
8413                        position: absolute;
8414                        left: auto;
8415                        right: auto;
8416                        top: auto;
8417                        bottom: auto;
8418                        z-index: 1;
8419                        transition: all 0.2s ease;
8420                    }
8421
8422                    &:hover, .wmcA_hoverState & {
8423                        &::after {
8424                            width: var(--horizontalNavArrowSizeHover);
8425                            height: var(--horizontalNavArrowSizeHover);
8426                            background-color: var(--horizontalNavArrowColorHover);
8427                            transform: var(--horizontalNavArrowRotateHover);
8428                        }
8429                    }
8430
8431                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
8432                        &::after {
8433                            background-color: var(--horizontalNavArrowColorActive);
8434                            transform: var(--horizontalNavArrowRotateActive);
8435                        }
8436                    }
8437
8438                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8439                        &::after {
8440                            background-color: var(--horizontalNavArrowColorActive);
8441                            transform: var(--horizontalNavArrowRotateActive);
8442                        }
8443                    }
8444                }
8445            }
8446
8447            &.navigation-nav--more-trigger {
8448                padding-right: var(--navItemPaddingRight);
8449                grid-template-columns: 1fr max-content;
8450            }
8451        }
8452
8453        /* level 2: sub menu */
8454
8455        & .navigation-nav--sub-menu {
8456            display: flex;
8457            flex-direction: column;
8458            padding-top: var(--horizontalNavSubPaddingTop);
8459            padding-bottom: var(--horizontalNavSubPaddingBottom);
8460            padding-left: var(--horizontalNavSubPaddingLeft);
8461            padding-right: var(--horizontalNavSubPaddingRight);
8462            position: absolute;
8463            list-style: none;
8464            top: 100%;
8465            left: 0;
8466            opacity: 0;
8467            visibility: hidden;
8468            transform: translateY(10px);
8469            transition: all 0.3s ease;
8470            z-index: 100;
8471            min-width: var(--horizontalNavSubContainerWidth);
8472            box-shadow: var(--horizontalNavSubContainerShadow);
8473            background-color: var(--horizontalNavSubContainerBackgroun
8473dColor);
8474            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
8475            border-top: var(--horizontalNavSubContainerBorderTop);
8476            border-right: var(--horizontalNavSubContainerBorderRight);
8477            border-bottom: var(--horizontalNavSubContainerBorderBottom);
8478            border-left: var(--horizontalNavSubContainerBorderLeft);
8479            border-radius: var(--horizontalNavSubContainerBorderRadius);
8480
8481            & > .navigation-nav--separator {
8482                display: var(--horizontalNavSubSeparatorDisplay);
8483                margin: 0 auto;
8484                width: var(--horizontalNavSubSeparatorWidth);
8485                height: var(--horizontalNavSubSeparatorHeight);
8486                background-color: var(--horizontalNavSubSeparatorColor);
8487                align-self: center;
8488            }
8489        }
8490
8491        /* level 2: li sub item */
8492
8493        & .navigation-nav--sub-item {
8494            border-top: var(--horizontalNavSubItemBorderTop);
8495            border-right: var(--horizontalNavSubItemBorderRight);
8496            border-bottom: var(--horizontalNavSubItemBorderBottom);
8497            border-left: var(--horizontalNavSubItemBorderLeft);
8498            border-radius: var(--horizontalNavSubItemBorderRadius);
8499            background-color: var(--horizontalNavSubItemBackgroun
8499dColor);
8500
8501            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
8502                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
8503                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
8504                border-top: var(--horizontalNavSubItemBorderTopHover);
8505                border-right: var(--horizontalNavSubItemBorderRightHover);
8506                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
8507                border-left: var(--horizontalNavSubItemBorderLeftHover);
8508            }
8509
8510            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
8511                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
8512            }
8513
8514            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
8515                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
8516            }
8517
8518            & > a {
8519                display: flex;
8520                align-items: center;
8521                padding-top: var(--horizontalNavSubItemPaddingTop);
8522                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
8523                padding-left: var(--horizontalNavSubItemPaddingLeft);
8524                padding-right: var(--horizontalNavSubItemPaddingRight);
8525                font-family: var(--horizontalNavSubItemFont);
8526                color: var(--horizontalNavSubItemFontColor);
8527                line-height: var(--horizontalNavSubItemLineHeight);
8528                background-color: transparent;
8529                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
8530                font-weight: var(--horizontalNavSubItemFontWeight);
8531                font-size: var(--horizontalNavSubItemFontSize);
8532                text-decoration: var(--horizontalNavSubItemTextDecoration);
8533                font-style: var(--horizontalNavSubItemFontStyle);
8534
8535                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
8536                    color: var(--horizontalNavSubItemHoverFontColor);
8537                    font-weight: var(--horizontalNavSubItemFontWeightHover);
8538                    font-size: var(--horizontalNavSubItemFontSizeHover);
8539                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
8540                    font-style: var(--horizontalNavSubItemFontStyleHover);
8541                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
8542                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
8543                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
8544                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
8545                }
8546
8547                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
8548                    color: var(--horizontalNavSubItemActiveFontColor);
8549                }
8550
8551                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8552                    color: var(--horizontalNavSubItemActiveFontColor);
8553                }
8554            }
8555
8556            &:has(.navigation-nav--sub-menu) {
8557                display: grid;
8558                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
8559                align-items: center;
8560                position: relative;
8561                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
8562
8563                & > a {
8564                    padding-right: 0;
8565                    width: 100%;
8566                }
8567
8568                & > .arrow {
8569                    display: var(--horizontalNavSubArrowDisplay, flex);
8570                    align-items: center;
8571                    justify-content: center;
8572                    pointer-events: auto;
8573                    position: relative;
8574                    z-index: 1;
8575                    width: var(--horizontalNavSubArrowSize);
8576                    height: 100%;
8577                    cursor: pointer;
8578                    margin-left: var(--horizontalNavSubArrowSpacing);
8579
8580                    &::after {
8581                        display: block;
8582                        content: '';
8583                        width: var(--horizontalNavSubArrowSize);
8584                        height: var(--horizontalNavSubArrowSize);
8585                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
8586                        mask-image: var(--wmd_submenuCaretIconUrl);
8587                        -webkit-mask-size: contain;
8588                        mask-size: contain;
8589                        -webkit-mask-repeat: no-repeat;
8590                        mask-repeat: no-repeat;
8591                        -webkit-mask-position: center;
8592                        mask-position: center;
8593                        background-color: var(--horizontalNavSubArrowColor);
8594                        transform: var(--horizontalNavSubArrowRotate);
8595                        position: absolute;
8596                        left: auto;
8597                        right: auto;
8598                        top: auto;
8599                        bottom: auto;
8600                        z-index: 1;
8601                        transition: all 0.2s ease;
8602                    }
8603
8604                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
8605                        &::after {
8606                            width: var(--horizontalNavSubArrowSizeHover);
8607                            height: var(--horizontalNavSubArrowSizeHover);
8608                            background-color: var(--horizontalNavSubArrowColorHover);
8609                            transform: var(--horizontalNavSubArrowRotateHover);
8610                        }
8611                    }
8612
8613                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
8614                        &::after {
8615                            background-color: var(--horizontalNavSubArrowColorActive);
8616                            transform: var(--horizontalNavSubArrowRotateActive);
8617                        }
8618                    }
8619
8620                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
8621                        &::after {
8622                            background-color: var(--horizontalNavSubArrowColorActive);
8623                            transform: var(--horizontalNavSubArrowRotateActive);
8624                        }
8625                    }
8626                }
8627            }
8628
8629            /* Third level submenu styles */
8630
8631            & > .navigation-nav--sub-menu {
8632                top: 0;
8633                left: 100%;
8634            }
8635
8636            &:hover > .navigation-nav--sub-menu,
8637            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
8638            .wmcA_hoverState & > .navigation-nav--sub-menu,
8639            &.open > .navigation-nav--sub-menu {
8640                opacity: 1;
8641                visibility: visible;
8642                transform: translateX(0);
8643            }
8644        }
8645
8646        /* parent title */
8647
8648        & .navigation-nav--parent-title {
8649            display: none;
8650
8651            & a {
8652                padding-top: var(--horizontalNavSubItemPaddingTop);
8653                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
8654                padding-left: var(--horizontalNavSubItemPaddingLeft);
8655                padding-right: var(--horizontalNavSubItemPaddingRight);
8656                font-family: var(--horizontalNavSubItemFont);
8657                font-size: var(--horizontalNavSubItemFontSize);
8658                font-weight: 700;
8659                color: var(--horizontalNavSubItemFontColor);
8660                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
8661                margin-bottom: 4px;
8662            }
8663
8664            & > span {
8665                display: none;
8666            }
8667        }
8668
8669        /* back button: NONE */
8670
8671        & .navigation-nav--back {
8672            display: none;
8673        }
8674
8675        /* hide separator for hidden items */
8676
8677        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
8678            display: none;
8679        }
8680    }
8681
8682    /* Hamburger Navigation Styles */
8683    .wmc_menu.wmcM_menuHamburgerTablet .navigation-module-container {
8684        background-color: transparent;
8685
8686        &.active {
8687            overflow-y: auto;
8688            -webkit-overflow-scrolling: touch;
8689            scrollbar-width: thin;
8690            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
8691            display: grid;
8692            grid-template-columns: 1fr;
8693            grid-template-rows: max-content 1fr;
8694            position: fixed;
8695            padding-top: var(--hamburgerNavPaddingTop);
8696            padding-bottom: var(--hamburgerNavPaddingBottom);
8697            padding-left: var(--hamburgerNavPaddingLeft);
8698            padding-right: var(--hamburgerNavPaddingRight);
8699            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
8700            left: 0;
8701            width: 100%;
8702            height: 100%;
8703            z-index: 1000;
8704            background-color: var(--hamburgerNavBackgroundColor);
8705            transition: background-color 0.8s ease-in;
8706
8707            & .navigation-nav {
8708                display: block;
8709
8710                & > ul.navigation-nav--main-menu.start-animation {
8711                    & > li {
8712                        --item-delay: ;
8713                        top: 0;
8714                        opacity: 1;
8715                        transition-delay: var(--item-delay, 0.5s);
8716                    }
8717                }
8718            }
8719        }
8720
8721        & .navigation-nav {
8722            display: none;
8723            position: relative;
8724            z-index: 100;
8725            overflow: hidden;
8726            justify-self: var(--hamburgerNavJustifySelf);
8727            max-width: var(--hamburgerSlideContainerWidth);
8728            width: 100%;
8729
8730            & * {
8731                transition: all 0.3s ease;
8732            }
8733
8734            & > ul.navigation-nav--main-menu {
8735                & > li {
8736                    top: 100px;
8737                    opacity: 0;
8738                    position: relative;
8739
8740                    &.open {
8741                        position: static;
8742                    }
8743                }
8744            }
8745        }
8746
8747        /* level 1: main menu */
8748
8749        & ul.navigation-nav--main-menu {
8750            display: grid;
8751            margin: 0;
8752            padding: 0;
8753            grid-template-columns: 1fr;
8754            list-style: none;
8755            width: 100%;
8756            max-width: var(--hamburgerSlideContainerWidth);
8757            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
8758            background-color: transparent;
8759
8760            & ul.navigation-nav--sub-menu {
8761                transform: translateX(var(--hamburgerSlideContainerWidth));
8762            }
8763
8764            &:has(.open) {
8765                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
8766
8767                & .open > ul.navigation-nav--sub-menu {
8768                    transform: translateX(var(--hamburgerSlideContainerWidth));
8769
8770                    &:has(.open) {
8771                        transform: translateX(0px);
8772                    }
8773                }
8774            }
8775
8776            & > .navigation-nav--separator {
8777                display: var(--hamburgerNavSeparatorDisplay);
8778                margin: 0 auto;
8779                width: var(--hamburgerNavSeparatorWidth);
8780                height: var(--hamburgerNavSeparatorHeight);
8781                background-color: var(--hamburgerNavSeparatorColor);
8782                align-self: center;
8783            }
8784        }
8785
8786        /* level 1: li item */
8787
8788        & .navigation-nav--item {
8789            display: flex;
8790            align-items: center;
8791            border-top: var(--hamburgerNavItemBorderTop);
8792            border-right: var(--hamburgerNavItemBorderRight);
8793            border-bottom: var(--hamburgerNavItemBorderBottom);
8794            border-left: var(--hamburgerNavItemBorderLeft);
8795            border-radius: var(--hamburgerNavItemBorderRadius);
8796            background-color: var(--hamburgerNavItemBackgroundColor);
8797
8798            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
8799                background-color: var(--hamburgerNavItemHoverBackgroundColor);
8800                border-top: var(--hamburgerNavItemBorderTopHover);
8801                border-right: var(--hamburgerNavItemBorderRightHover);
8802                border-bottom: var(--hamburgerNavItemBorderBottomHover);
8803                border-left: var(--hamburgerNavItemBorderLeftHover);
8804                border-radius: var(--hamburgerNavItemBorderRadiusHover);
8805            }
8806
8807            & > a {
8808                display: flex;
8809                align-items: center;
8810                justify-content: var(--hamburgerNavItemsAlignment);
8811                text-align: var(--hamburgerNavItemsAlignment);
8812                padding-top: var(--hamburgerNavItemPaddingTop);
8813                padding-bottom: var(--hamburgerNavItemPaddingBottom);
8814                padding-left: var(--hamburgerNavItemPaddingLeft);
8815                padding-right: var(--hamburgerNavItemPaddingRight);
8816                font-family: var(--hamburgerNavItemFont);
8817                font-size: var(--hamburgerNavItemFontSize);
8818                color: var(--hamburgerNavItemFontColor);
8819                font-weight: var(--hamburgerNavItemFontWeight);
8820                line-height: var(--hamburgerNavItemLineHeight);
8821                text-decoration: var(--hamburgerNavItemTextDecoration);
8822                font-style: var(--hamburgerNavItemFontStyle);
8823                letter-spacing: var(--hamburgerNavItemLetterSpacing);
8824                background-color: transparent;
8825                width: var(--hamburgerNavArrowAutoSpacing);
8826
8827                &:hover, .wmcA_hoverState & {
8828                    color: var(--hamburgerNavItemHoverFontColor);
8829                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
8830                    padding-top: var(--hamburgerNavItemPaddingTopHover);
8831                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
8832                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
8833                    padding-right: var(--hamburgerNavItemPaddingRightHover);
8834                    font-family: var(--hamburgerNavItemFontHover);
8835                    font-weight: var(--hamburgerNavItemFontWeightHover);
8836                    line-height: var(--hamburgerNavItemLineHeightHover);
8837                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
8838                    font-style: var(--hamburgerNavItemFontStyleHover);
8839                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
8840                }
8841            }
8842
8843            & .arrow {
8844                display: none;
8845                pointer-events: none;
8846            }
8847
8848            /* Items without a sub menu reserve the arrow footprint so their
8849               text aligns with arrowed items for any items alignment. */
8850            &:not(:has(.navigation-nav--sub-menu)) {
8851                gap: var(--hamburgerNavArrowSpacing);
8852                padding-right: var(--hamburgerNavItemPaddingRight);
8853
8854                & > a {
8855                    padding-right: 0;
8856                }
8857
8858                &::after {
8859                    content: '';
8860                    flex: 0 0 var(--hamburgerNavArrowSize);
8861                    height: var(--hamburgerNavArrowSize);
8862                }
8863            }
8864
8865            &:has(.navigation-nav--sub-menu) {
8866                display: flex;
8867                align-items: center;
8868                gap: var(--hamburgerNavArrowSpacing);
8869                padding-right: var(--hamburgerNavItemPaddingRight);
8870
8871                & > a {
8872                    padding-right: 0;
8873                }
8874
8875                & > .arrow {
8876                    display: flex;
8877                    align-items: center;
8878                    justify-content: flex-end;
8879                    pointer-events: auto;
8880                    position: relative;
8881                    z-index: 1;
8882                    width: var(--hamburgerNavArrowSize);
8883                    height: var(--hamburgerNavArrowSize);
8884                    cursor: pointer;
8885
8886                    &::after {
8887                        display: block;
8888                        content: '';
8889                        width: var(--hamburgerNavArrowSize);
8890                        height: var(--hamburgerNavArrowSize);
8891                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
8892                        mask-image: var(--wmd_menuItemIconUrl);
8893                        -webkit-mask-size: contain;
8894                        mask-size: contain;
8895                        -webkit-mask-repeat: no-repeat;
8896                        mask-repeat: no-repeat;
8897                        -webkit-mask-position: center;
8898                        mask-position: center;
8899                        background-color: var(--hamburgerNavArrowColor);
8900                        transform: var(--hamburgerNavArrowRotate);
8901                        transition: all 0.3s ease;
8902                    }
8903
8904                    &:hover, .wmcA_hoverState & {
8905                        width: var(--hamburgerNavArrowSizeHover);
8906                        height: var(--hamburgerNavArrowSizeHover);
8907
8908                        &::after {
8909                            width: var(--hamburgerNavArrowSizeHover);
8910                            height: var(--hamburgerNavArrowSizeHover);
8911                            background-color: var(--hamburgerNavArrowColorHover);
8912                            transform: var(--hamburgerNavArrowRotateHover);
8913                        }
8914                    }
8915                }
8916            }
8917
8918            &.open > .navigation-nav--sub-menu {
8919                z-index: 1;
8920                opacity: 1;
8921                visibility: visible;
8922                pointer-events: auto;
8923            }
8924        }
8925
8926        /* level 2: sub menu */
8927
8928        & .navigation-nav--sub-menu {
8929            display: grid;
8930            margin: 0;
8931            padding: 0;
8932            grid-template-columns: 1fr;
8933            position: absolute;
8934            top: 0;
8935            left: 0;
8936            z-index: -1;
8937            list-style: none;
8938            opacity: 0;
8939            visibility: hidden;
8940            width: 100%;
8941            max-width: var(--hamburgerSlideContainerWidth);
8942            background-color: var(--hamburgerNavSubBackgroundColor);
8943            pointer-events: none;
8944            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
8945
8946            & > .navigation-nav--separator {
8947                display: var(--hamburgerNavSubSeparatorDisplay);
8948                margin: 0 auto;
8949                width: var(--hamburgerNavSubSeparatorWidth);
8950                height: var(--hamburgerNavSubSeparatorHeight);
8951                background-color: var(--hamburgerNavSubSeparatorColor);
8952                align-self: center;
8953            }
8954        }
8955
8956        /* level 2: li sub item */
8957
8958        & .navigation-nav--sub-item {
8959            display: flex;
8960            align-items: center;
8961
8962            border-top: var(--hamburgerNavSubItemBorderTop);
8963            border-right: var(--hamburgerNavSubItemBorderRight);
8964            border-bottom: var(--hamburgerNavSubItemBorderBottom);
8965            border-left: var(--hamburgerNavSubItemBorderLeft);
8966            border-radius: var(--hamburgerNavSubItemBorderRadius);
8967            background-color: var(--hamburgerNavSubItemBackgroun
8967dColor);
8968
8969            &:hover, .wmcA_hoverState & {
8970                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
8971                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
8972                border-top: var(--hamburgerNavSubItemBorderTopHover);
8973                border-right: var(--hamburgerNavSubItemBorderRightHover);
8974                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
8975                border-left: var(--hamburgerNavSubItemBorderLeftHover);
8976            }
8977
8978            & > a {
8979                display: flex;
8980                align-items: center;
8981                padding-top: var(--hamburgerNavSubItemPaddingTop);
8982                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
8983                padding-left: var(--hamburgerNavSubItemPaddingLeft);
8984                padding-right: var(--hamburgerNavSubItemPaddingRight);
8985                font-family: var(--hamburgerNavSubItemFont);
8986                font-size: var(--hamburgerNavSubItemFontSize);
8987                color: var(--hamburgerNavSubItemFontColor);
8988                font-weight: var(--hamburgerNavSubItemFontWeight);
8989                line-height: var(--hamburgerNavSubItemLineHeight);
8990                text-decoration: var(--hamburgerNavSubItemTextDecoration);
8991                font-style: var(--hamburgerNavSubItemFontStyle);
8992                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
8993                background-color: transparent;
8994                width: var(--hamburgerNavSubArrowAutoSpacing);
8995
8996                &:hover, .wmcA_hoverState & {
8997                    color: var(--hamburgerNavSubItemHoverFontColor);
8998                    font-size: var(--hamburgerNavSubItemFontSizeHover);
8999                    font-family: var(--hamburgerNavSubItemFontHover);
9000                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
9001                    line-height: var(--hamburgerNavSubItemLineHeightHover);
9002                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
9003                    font-style: var(--hamburgerNavSubItemFontStyleHover);
9004                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
9005                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
9006                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
9007                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
9008                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
9009                }
9010            }
9011
9012            &:has(.navigation-nav--sub-menu) {
9013                display: flex;
9014                align-items: center;
9015                gap: var(--hamburgerNavSubArrowSpacing);
9016                padding-right: var(--hamburgerNavSubItemPaddingRight);
9017
9018                & > a {
9019                    padding-right: 0;
9020                }
9021
9022                & > .arrow {
9023                    display: flex;
9024                    align-items: center;
9025                    justify-content: flex-end;
9026                    pointer-events: auto;
9027                    position: relative;
9028                    z-index: 1;
9029                    width: var(--hamburgerNavSubArrowSize);
9030                    height: var(--hamburgerNavSubArrowSize);
9031                    cursor: pointer;
9032
9033                    &::after {
9034                        display: block;
9035                        content: '';
9036                        width: var(--hamburgerNavSubArrowSize);
9037                        height: var(--hamburgerNavSubArrowSize);
9038                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
9039                        mask-image: var(--wmd_submenuItemIconUrl);
9040                        -webkit-mask-size: contain;
9041                        mask-size: contain;
9042                        -webkit-mask-repeat: no-repeat;
9043                        mask-repeat: no-repeat;
9044                        -webkit-mask-position: center;
9045                        mask-position: center;
9046                        background-color: var(--hamburgerNavSubArrowColor);
9047                        transform: var(--hamburgerNavSubArrowRotate);
9048                        transition: all 0.3s ease;
9049                    }
9050
9051                    &:hover, .wmcA_hoverState & {
9052                        width: var(--hamburgerNavSubArrowSizeHover);
9053                        height: var(--hamburgerNavSubArrowSizeHover);
9054
9055                        &::after {
9056                            width: var(--hamburgerNavSubArrowSizeHover);
9057                            height: var(--hamburgerNavSubArrowSizeHover);
9058                            background-color: var(--hamburgerNavSubArrowColorHover);
9059                            transform: var(--hamburgerNavSubArrowRotateHover);
9060                        }
9061                    }
9062                }
9063            }
9064
9065            &.open > .navigation-nav--sub-menu {
9066                z-index: 1;
9067                opacity: 1;
9068                visibility: visible;
9069                pointer-events: auto;
9070            }
9071        }
9072
9073        /* parent title */
9074
9075        & .navigation-nav--parent-title {
9076            display: flex;
9077            align-items: center;
9078            gap: var(--hamburgerTitleArrowSpacing);
9079            padding-right: var(--hamburgerTitlePaddingRight);
9080            border-top: var(--hamburgerTitleBorderTop);
9081            border-right: var(--hamburgerTitleBorderRight);
9082            border-bottom: var(--hamburgerTitleBorderBottom);
9083            border-left: var(--hamburgerTitleBorderLeft);
9084            border-radius: var(--hamburgerTitleBorderRadius);
9085            background-color: var(--hamburgerTitleBackgroundColor);
9086
9087            &:hover, .wmcA_hoverState & {
9088                /* border-top: var(--hamburgerTitleBorderTopHover);
9089                border-right: var(--hamburgerTitleBorderRightHover);
9090                border-bottom: var(--hamburgerTitleBorderBottomHover);
9091                border-left: var(--hamburgerTitleBorderLeftHover);
9092                border-radius: var(--hamburgerTitleBorderRadiusHover);
9093                background-color: var(--hamburgerTitleBackgroundColorHover);
9094                padding-right: var(--hamburgerTitlePaddingRightHover); */
9095            }
9096
9097            & > a {
9098                display: block;
9099                padding-top: var(--hamburgerTitlePaddingTop);
9100                padding-bottom: var(--hamburgerTitlePaddingBottom);
9101                padding-left: var(--hamburgerTitlePaddingLeft);
9102                padding-right: var(--hamburgerTitlePaddingRight);
9103                font-family: var(--hamburgerTitleFont);
9104                font-size: var(--hamburgerTitleFontSize);
9105                line-height: var(--hamburgerTitleLineHeight);
9106                font-weight: var(--hamburgerTitleFontWeight);
9107                color: var(--hamburgerTitleFontColor);
9108                font-style: var(--hamburgerTitleFontStyle);
9109                letter-spacing: var(--hamburgerTitleLetterSpacing);
9110                text-decoration: var(--hamburgerTitleTextDecoration);
9111                pointer-events: none;
9112                width: 100%;
9113
9114                &:hover, .wmcA_hoverState & {
9115                    padding-top: var(--hamburgerTitlePaddingTopHover);
9116                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
9117                    padding-left: var(--hamburgerTitlePaddingLeftHover);
9118                    padding-right: var(--hamburgerTitlePaddingRightHover);
9119                }
9120            }
9121
9122            & > span {
9123                display: flex;
9124                align-items: center;
9125                justify-content: flex-end;
9126                pointer-events: auto;
9127                position: relative;
9128                z-index: 1;
9129                width: var(--hamburgerTitleArrowSize);
9130                height: var(--hamburgerTitleArrowSize);
9131
9132                &::after {
9133                    display: block;
9134                    content: '';
9135                    width: var(--hamburgerTitleArrowSize);
9136                    height: var(--hamburgerTitleArrowSize);
9137                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
9138                    mask-image: var(--wmd_menuItemIconUrl);
9139                    -webkit-mask-size: contain;
9140                    mask-size: contain;
9141                    -webkit-mask-repeat: no-repeat;
9142                    mask-repeat: no-repeat;
9143                    -webkit-mask-position: center;
9144                    mask-position: center;
9145                    background-color: var(--hamburgerTitleArrowColor);
9146                    transform: var(--hamburgerTitleArrowRotate);
9147                }
9148            }
9149        }
9150
9151        /* back button */
9152
9153        & .navigation-nav--back {
9154            display: block;
9155            padding-top: var(--hamburgerNavBackButtonPaddingTop);
9156            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
9157            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
9158            padding-right: var(--hamburgerNavBackButtonPaddingRight);
9159            border-top: var(--hamburgerNavBackButtonBorderTop);
9160            border-right: var(--hamburgerNavBackButtonBorderRight);
9161            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
9162            border-left: var(--hamburgerNavBackButtonBorderLeft);
9163            border-radius: var(--hamburgerNavBackButtonBorderRadius);
9164            background-color: var(--hamburgerNavBackButtonBackgroundColor);
9165
9166            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
9167                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
9168                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
9169                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
9170                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
9171                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
9172                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
9173                border-top: var(--hamburgerNavBackButtonBorderTopHover);
9174                border-right: var(--hamburgerNavBackButtonBorderRightHover);
9175                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
9176                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
9177            }
9178
9179            & a {
9180                display: inline-flex;
9181                align-items: center;
9182                gap: var(--hamburgerNavBackButtonArrowSpacing);
9183                font-family: var(--hamburgerNavBackButtonFont);
9184                font-size: var(--hamburgerNavBackButtonFontSize);
9185                font-weight: var(--hamburgerNavBackButtonFontWeight);
9186                color: var(--hamburgerNavBackButtonColor);
9187                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
9188                line-height: var(--hamburgerNavBackButtonLineHeight);
9189                font-style: var(--hamburgerNavBackButtonFontStyle);
9190                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
9191                background-color: transparent;
9192                width: 100%;
9193
9194                &::before {
9195                    content: '';
9196                    display: inline-block;
9197                    width: var(--hamburgerNavBackButtonArrowSize);
9198                    height: var(--hamburgerNavBackButtonArrowSize);
9199                    -webkit-mask-image: var(--wmd_backIconUrl);
9200                    mask-image: var(--wmd_backIconUrl);
9201                    -webkit-mask-size: contain;
9202                    mask-size: contain;
9203                    -webkit-mask-repeat: no-repeat;
9204                    mask-repeat: no-repeat;
9205                    -webkit-mask-position: center;
9206                    mask-position: center;
9207                    background-color: var(--hamburgerNavBackButtonColor);
9208                    transform: var(--hamburgerNavBackButtonArrowRotate);
9209                    transition: all 0.3s ease;
9210                }
9211
9212                &:hover, .wmcA_hoverState & {
9213                    color: var(--hamburgerNavBackButtonHoverFontColor);
9214
9215                    &::before {
9216                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
9217                        width: var(--hamburgerNavBackButtonArrowSizeHover);
9218                        height: var(--hamburgerNavBackButtonArrowSizeHover);
9219                    }
9220                }
9221            }
9222        }
9223
9224        /* hamburger button */
9225
9226        & .hamburger-button {
9227            display: flex;
9228            justify-content: center;
9229            align-items: center;
9230            padding: 0;
9231            margin: 0;
9232            position: relative;
9233            z-index: 100;
9234            cursor: pointer;
9235            background-color: transparent;
9236            border: none;
9237            width: var(--hamburgerMenuIconSize);
9238            height: var(--hamburgerMenuIconSize);
9239            flex-wrap: wrap;
9240
9241            & * {
9242                transition: all 0.3s ease;
9243            }
9244
9245            &.show-border {
9246                border: 1px solid var(--hamburgerMenuIconColor);
9247            }
9248
9249            & .hamburger-button-icon--container {
9250                display: block;
9251                width: var(--hamburgerMenuIconSize);
9252                height: var(--hamburgerMenuIconSize);
9253            }
9254
9255            & .hamburger-button-icon {
9256                display: flex;
9257                align-items: center;
9258                justify-content: center;
9259                margin: auto;
9260                width: var(--hamburgerMenuIconSize);
9261                height: var(--hamburgerMenuIconSize);
9262
9263                &::before {
9264                    content: '';
9265                    display: inline-block;
9266                    width: var(--hamburgerMenuIconSize);
9267                    height: var(--hamburgerMenuIconSize);
9268                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
9269                    mask-image: var(--wmd_hamburgerIconUrl);
9270                    -webkit-mask-size: contain;
9271                    mask-size: contain;
9272                    -webkit-mask-repeat: no-repeat;
9273                    mask-repeat: no-repeat;
9274                    -webkit-mask-position: center;
9275                    mask-position: center;
9276                    background-color: var(--hamburgerMenuIconColor);
9277                }
9278            }
9279
9280            & .hamburger-button-text {
9281                display: var(--hamburgerMenuDisplay);
9282                font-family: var(--hamburgerNavItemFont);
9283                font-size: 12px;
9284                font-weight: 700;
9285                line-height: 1;
9286                color: var(--hamburgerMenuIconColor);
9287                text-align: center;
9288                text-decoration: none;
9289                text-transform: uppercase;
9290            }
9291
9292            &:hover, .wmcA_hoverState & {
9293                & .hamburger-button-icon--container {
9294                    width: var(--hamburgerMenuIconSizeHover);
9295                    height: var(--hamburgerMenuIconSizeHover);
9296                }
9297
9298                & .hamburger-button-icon {
9299                    width: var(--hamburgerMenuIconSizeHover);
9300                    height: var(--hamburgerMenuIconSizeHover);
9301
9302                    &::before {
9303                        background-color: var(--hamburgerMenuIconHoverColor);
9304                        width: var(--hamburgerMenuIconSizeHover);
9305                        height: var(--hamburgerMenuIconSizeHover)
9306                    }
9307                }
9308
9309                & .hamburger-button-text {
9310                    color: var(--hamburgerMenuIconHoverColor);
9311                }
9312            }
9313
9314            &.active {
9315                margin-bottom: 25px;
9316                justify-self: var(--hamburgerMenuJustifySelf);
9317                width: var(--hamburgerMenuIconActiveSize);
9318                height: var(--hamburgerMenuIconActiveSize);
9319
9320                & .hamburger-button-icon--container {
9321                    width: var(--hamburgerMenuIconActiveSize);
9322                    height: var(--hamburgerMenuIconActiveSize);
9323                }
9324
9325                & .hamburger-button-icon {
9326                    width: var(--hamburgerMenuIconActiveSize);
9327                    height: var(--hamburgerMenuIconActiveSize);
9328
9329                    &::before {
9330                        width: var(--hamburgerMenuIconActiveSize);
9331                        height: var(--hamburgerMenuIconActiveSize);
9332                        -webkit-mask-image: var(--wmd_closeIconUrl);
9333                        mask-image: var(--wmd_closeIconUrl);
9334                        background-color: var(--hamburgerMenuIconActiveColor);
9335                    }
9336                }
9337
9338                & .hamburger-button-text {
9339                    color: var(--hamburgerMenuIconActiveColor);
9340                    height: 1px;
9341                    padding: 0;
9342                    margin: -1px;
9343                    visibility: hidden;
9344                    transition: none;
9345                    position: absolute;
9346                }
9347
9348                &:hover, .wmcA_hoverState & {
9349                    & .hamburger-button-icon--container {
9350                        width: var(--hamburgerMenuIconActiveSizeHover);
9351                        height: var(--hamburgerMenuIconActiveSizeHover);
9352                    }
9353
9354                    & .hamburger-button-icon {
9355                        width: var(--hamburgerMenuIconActiveSizeHover);
9356                        height: var(--hamburgerMenuIconActiveSizeHover);
9357
9358                        &::before {
9359                            width: var(--hamburgerMenuIconActiveSizeHover);
9360                            height: var(--hamburgerMenuIconActiveSizeHover);
9361                            background-color: var(--hamburgerMenuIconActiveHoverColor);
9362                        }
9363                    }
9364
9365                    & .hamburger-button-text {
9366                        color: var(--hamburgerMenuIconActiveHoverColor);
9367                    }
9368                }
9369            }
9370        }
9371    }
9372
9373    /* Vertical Navigation Styles */
9374    .wmc_menu.wmcM_menuVerticalTablet .navigation-module-container {
9375        & .navigation-nav {
9376            overflow: hidden;
9377            position: relative;
9378            padding-top: var(--verticalNavPaddingTop);
9379            padding-bottom: var(--verticalNavPaddingBottom);
9380            padding-left: var(--verticalNavPaddingLeft);
9381            padding-right: var(--verticalNavPaddingRight);
9382            border-top: var(--verticalNavBorderTop);
9383            border-right: var(--verticalNavBorderRight);
9384            border-bottom: var(--verticalNavBorderBottom);
9385            border-left: var(--verticalNavBorderLeft);
9386            border-radius: var(--verticalNavBorderRadius);
9387
9388            & * {
9389                transition: all 0.3s ease;
9390            }
9391        }
9392
9393        /* level 1: main menu */
9394
9395        & ul.navigation-nav--main-menu {
9396            display: grid;
9397            margin: 0;
9398            padding: 0;
9399            grid-template-columns: 1fr;
9400            align-self: center;
9401            justify-self: var(--verticalNavJustifySelf);
9402            list-style: none;
9403            width: var(--verticalNavWidth);
9404            max-width: var(--verticalSlideContainerWidth);
9405            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
9406
9407            & ul.navigation-nav--sub-menu {
9408                transform: translateX(var(--verticalSlideContainerWidth));
9409            }
9410
9411            &:has(.open) {
9412                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
9413
9414                & .open > ul.navigation-nav--sub-menu {
9415                    transform: translateX(var(--verticalSlideContainerWidth));
9416
9417                    &:has(.open) {
9418                        transform: translateX(0px);
9419                    }
9420                }
9421            }
9422
9423            /* separator */
9424
9425            & > .navigation-nav--separator {
9426                display: var(--verticalNavSeparatorDisplay);
9427                margin: 0 auto;
9428                width: var(--verticalNavSeparatorWidth);
9429                height: var(--verticalNavSeparatorHeight);
9430                background-color: var(--verticalNavSeparatorColor);
9431            }
9432        }
9433
9434        /* level 1: li item */
9435
9436        & .navigation-nav--item {
9437            display: grid;
9438            grid-template-columns: 1fr;
9439            align-items: center;
9440            border-top: var(--verticalNavItemBorderTop);
9441            border-right: var(--verticalNavItemBorderRight);
9442            border-bottom: var(--verticalNavItemBorderBottom);
9443            border-left: var(--verticalNavItemBorderLeft);
9444            border-radius: var(--verticalNavItemBorderRadius);
9445            background-color: var(--verticalNavItemBackgroundColor);
9446
9447            &:hover, .wmcA_hoverState & {
9448                border-top: var(--verticalNavItemBorderTopHover);
9449                border-right: var(--verticalNavItemBorderRightHover);
9450                border-bottom: var(--verticalNavItemBorderBottomHover);
9451                border-left: var(--verticalNavItemBorderLeftHover);
9452                border-radius: var(--verticalNavItemBorderRadiusHover);
9453            }
9454
9455            & > a {
9456                display: flex;
9457                align-items: center;
9458                justify-content: var(--verticalNavItemsAlignment);
9459                text-align: var(--verticalNavItemsAlignment);
9460                padding-top: var(--verticalNavItemPaddingTop);
9461                padding-right: var(--verticalNavItemPaddingRight);
9462                padding-bottom: var(--verticalNavItemPaddingBottom);
9463                padding-left: var(--verticalNavItemPaddingLeft);
9464                font-family: var(--verticalNavItemFont);
9465                font-size: var(--verticalNavItemFontSize);
9466                font-weight: var(--verticalNavItemFontWeight);
9467                color: var(--verticalNavItemFontColor);
9468                line-height: var(--verticalNavItemLineHeight);
9469                text-decoration: var(--verticalNavItemTextDecoration);
9470                font-style: var(--verticalNavItemFontStyle);
9471                background-color: transparent;
9472                letter-spacing: var(--verticalNavItemLetterSpacing);
9473
9474                &:hover, .wmcA_hoverState & {
9475                    color: var(--verticalNavItemHoverFontColor);
9476                    padding-top: var(--verticalNavItemPaddingTopHover);
9477                    padding-right: var(--verticalNavItemPaddingRightHover);
9478                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
9479                    padding-left: var(--verticalNavItemPaddingLeftHover);
9480                    font-style: var(--verticalNavItemFontStyleHover);
9481                    text-decoration: var(--verticalNavItemTextDecorationHover);
9482                    font-size: var(--verticalNavItemFontSizeHover);
9483                    font-weight: var(--verticalNavItemFontWeightHover);
9484                }
9485            }
9486
9487            & .arrow {
9488                display: none;
9489                pointer-events: none;
9490            }
9491
9492            /* hide: no sub menu for vertical navigation */
9493
9494            &:has(.navigation-nav--sub-menu) {
9495                display: grid;
9496                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
9497                grid-template-columns: 1fr;
9498                align-items: center;
9499                column-gap: var(--verticalNavArrowSpacing);
9500                padding-right: var(--verticalNavItemPaddingRight);
9501
9502                & > a {
9503                    padding-right: 0;
9504                    width: 100%;
9505                }
9506
9507                & > .arrow {
9508                    display: none; /* hide: no sub menu for vertical navigation */
9509                    align-items: center;
9510                    justify-content: flex-end;
9511                    pointer-events: auto;
9512                    position: relative;
9513                    z-index: 1;
9514                    width: var(--verticalNavArrowSize);
9515                    height: var(--verticalNavArrowSize);
9516                    cursor: pointer;
9517
9518                    &::after {
9519                        display: block;
9520                        content: '';
9521                        width: var(--verticalNavArrowSize);
9522                        height: var(--verticalNavArrowSize);
9523                        -webkit-mask-image: var(--wmd_caretIconUrl);
9524                        mask-image: var(--wmd_caretIconUrl);
9525                        -webkit-mask-size: contain;
9526                        mask-size: contain;
9527                        -webkit-mask-repeat: no-repeat;
9528                        mask-repeat: no-repeat;
9529                        -webkit-mask-position: center;
9530                        mask-position: center;
9531                        background-color: var(--verticalNavArrowColor);
9532                        transform: var(--verticalNavArrowRotate);
9533                    }
9534                }
9535            }
9536
9537            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
9538                background-color: var(--verticalNavItemHoverBackgroun
9538dColor);
9539
9540                & .arrow:hover, .wmcA_hoverState & {
9541                    &::after {
9542                        border-left-color: var(--verticalNavItemHoverFontColor);
9543                    }
9544                }
9545            }
9546
9547            &.open {
9548                & > .arrow {
9549                    &::after {
9550                        transform: rotate(90deg);
9551                    }
9552                }
9553
9554                & > .navigation-nav--sub-menu {
9555                    display: grid;
9556                    grid-template-columns: 1fr;
9557                    opacity: 1;
9558                    visibility: visible;
9559                    pointer-events: auto;
9560                }
9561            }
9562        }
9563
9564        /* level 2: sub menu */
9565
9566        & .navigation-nav--sub-menu {
9567            display: none;
9568            margin: 0;
9569            padding: 0;
9570            position: absolute;
9571            top: 0;
9572            left: 0;
9573            z-index: -1;
9574            list-style: none;
9575            opacity: 0;
9576            visibility: hidden;
9577            width: 100%;
9578            max-width: var(--verticalSlideContainerWidth);
9579            pointer-events: none;
9580            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
9581
9582            /* separator */
9583
9584            & > .navigation-nav--separator {
9585                display: var(--verticalNavSubSeparatorDisplay);
9586                margin: 0 auto;
9587                width: var(--verticalNavSubSeparatorWidth);
9588                height: var(--verticalNavSubSeparatorHeight);
9589                background-color: var(--verticalNavSubSeparatorColor);
9590            }
9591        }
9592
9593        /* level 2: li sub item */
9594
9595        & .navigation-nav--sub-item {
9596            display: grid;
9597            grid-template-columns: 1fr;
9598            align-items: center;
9599            border-top: var(--verticalNavSubItemBorderTop);
9600            border-right: var(--verticalNavSubItemBorderRight);
9601            border-bottom: var(--verticalNavSubItemBorderBottom);
9602            border-left: var(--verticalNavSubItemBorderLeft);
9603            border-radius: var(--verticalNavSubItemBorderRadius);
9604            background-color: var(--verticalNavSubItemBackgroundColor);
9605
9606            & > a {
9607                display: flex;
9608                align-items: center;
9609                padding-top: var(--verticalNavSubItemPaddingTop);
9610                padding-right: var(--verticalNavSubItemPaddingRight);
9611                padding-bottom: var(--verticalNavSubItemPaddingBottom);
9612                padding-left: var(--verticalNavSubItemPaddingLeft);
9613                font-family: var(--verticalNavSubItemFont);
9614                font-size: var(--verticalNavSubItemFontSize);
9615                color: var(--verticalNavSubItemFontColor);
9616                font-weight: var(--verticalNavSubItemFontWeight);
9617                line-height: var(--verticalNavSubItemLineHeight);
9618                text-decoration: var(--verticalNavSubItemTextDecoration);
9619                font-style: var(--verticalNavSubItemFontStyle);
9620                letter-spacing: var(--verticalNavSubItemLetterSpacing);
9621                background-color: transparent;
9622
9623                &:hover, .wmcA_hoverState & {
9624                    color: var(--verticalNavSubItemHoverFontColor);
9625                }
9626            }
9627
9628            &:has(.navigation-nav--sub-menu) {
9629                display: grid;
9630                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
9631                align-items: center;
9632                column-gap: var(--verticalNavSubArrowSpacing);
9633                padding-right: var(--verticalNavSubItemPaddingRight);
9634
9635                & > a {
9636                    padding-right: 0;
9637                    width: 100%;
9638                }
9639
9640                & > .arrow {
9641                    display: flex;
9642                    align-items: center;
9643                    justify-content: flex-end;
9644                    pointer-events: auto;
9645                    position: relative;
9646                    z-index: 1;
9647                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
9648                    height: 100%;
9649                    cursor: pointer;
9650
9651                    &::after {
9652                        display: block;
9653                        content: '';
9654                        width: var(--verticalNavSubArrowSize);
9655                        height: var(--verticalNavSubArrowSize);
9656                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
9657                        mask-image: var(--wmd_submenuItemIconUrl);
9658                        -webkit-mask-size: contain;
9659                        mask-size: contain;
9660                        -webkit-mask-repeat: no-repeat;
9661                        mask-repeat: no-repeat;
9662                        -webkit-mask-position: center;
9663                        mask-position: center;
9664                        background-color: var(--verticalNavSubArrowColor);
9665                        transform: var(--verticalNavSubArrowRotate);
9666                    }
9667                }
9668            }
9669
9670            /* Third level submenu styles */
9671
9672            & > .navigation-nav--sub-menu {
9673                display: none;
9674                opacity: 0;
9675                visibility: hidden;
9676                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
9677            }
9678
9679            &:hover, .wmcA_hoverState & {
9680                background-color: var(--verticalNavSubItemHoverBackgroundColor);
9681
9682                & .arrow:hover, .wmcA_hoverState & {
9683                    &::after {
9684                        border-left-color: var(--verticalNavSubItemHoverFontColor);
9685                    }
9686                }
9687            }
9688
9689            &.open {
9690                & > .arrow {
9691                    &::after {
9692                        transform: rotate(90deg);
9693                    }
9694                }
9695
9696                & > .navigation-nav--sub-menu {
9697                    display: grid;
9698                    grid-template-columns: 1fr;
9699                    opacity: 1;
9700                    visibility: visible;
9701                    pointer-events: auto;
9702                }
9703            }
9704        }
9705
9706        /* parent title */
9707
9708        & .navigation-nav--parent-title {
9709            display: grid;
9710            padding: 15px 0 10px 0;
9711            grid-template-columns: 1fr max-content;
9712            align-items: center;
9713            gap: var(--verticalNavSubSeparatorSpacing);
9714            border: none;
9715            background-color: var(--verticalNavTitleContainerBackgroun
9715dColor);
9716
9717            &:hover, .wmcA_hoverState & {
9718                background-color: var(--verticalNavTitleContainerBackgroundColor);
9719            }
9720
9721            & a {
9722                display: block;
9723                margin-bottom: 4px;
9724                padding: 0;
9725                font-family: var(--verticalNavItemFont);
9726                font-size: var(--verticalNavTitleFontSize);
9727                font-weight: var(--verticalNavTitleFontWeight);
9728                color: var(--verticalNavTitleFontColor);
9729                text-decoration: none;
9730                cursor: pointer;
9731                pointer-events: none;
9732            }
9733
9734            & > span {
9735                display: none;
9736            }
9737        }
9738
9739        /* back button: NONE */
9740
9741        & .navigation-nav--back {
9742            display: block;
9743            padding: 15px 0;
9744            border-bottom: 1px solid var(--verticalNavArrowColor);
9745
9746            & a {
9747                display: inline-flex;
9748                margin-bottom: 10px;
9749                align-items: center;
9750                gap: 10px;
9751                font-family: var(--verticalNavItemFont);
9752                font-size: var(--verticalNavItemFontSize);
9753                font-weight: 400;
9754                color: var(--verticalNavItemFontColor);
9755                text-decoration: none;
9756
9757                &:hover, .wmcA_hoverState & {
9758                    color: var(--verticalNavItemHoverFontColor);
9759                }
9760
9761                &::before {
9762                    display: block;
9763                    content: '';
9764                    width: var(--verticalNavSubArrowSize);
9765                    height: var(--verticalNavSubArrowSize);
9766                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
9767                    mask-image: var(--wmd_submenuCaretIconUrl);
9768                    -webkit-mask-size: contain;
9769                    mask-size: contain;
9770                    -webkit-mask-repeat: no-repeat;
9771                    mask-repeat: no-repeat;
9772                    -webkit-mask-position: center;
9773                    mask-position: center;
9774                    background-color: var(--verticalNavSubArrowColor);
9775                    transform: rotate(90deg);
9776                }
9777            }
9778        }
9779    }
9780
9781    body > .wmc_section .wmc_menu.wmcM_menuHamburgerTablet:has(.navigation-module-container.active) {
9782        z-index: 6000 !important;
9783    }
9784}
9785
9786@media all and (width < 650px) {
9787    .wmc_menu {
9788        --heightMobile: max-content;
9789
9790        /**********************
9791			horizontal main nav
9792		***********************/
9793
9794        /* main nav padding */
9795        --horizontalNavPaddingTopMobile: var(--horizontalNavPaddingTopDesktop);
9796        --horizontalNavPaddingBottomMobile: var(--horizontalNavPaddingBottomDesktop);
9797        --horizontalNavPaddingLeftMobile: var(--horizontalNavPaddingLeftDesktop);
9798        --horizontalNavPaddingRightMobile: var(--horizontalNavPaddingRightDesktop);
9799
9800        /* main nav justify content */
9801        --horizontalNavJustifyContentMobile: flex-start;
9802
9803        /* main nav item padding */
9804        --horizontalNavItemPaddingTopMobile: var(--horizontalNavItemPaddingTopDesktop);
9805        --horizontalNavItemPaddingBottomMobile: var(--horizontalNavItemPaddingBottomDesktop);
9806        --horizontalNavItemPaddingLeftMobile: var(--horizontalNavItemPaddingLeftDesktop);
9807        --horizontalNavItemPaddingRightMobile: var(--horizontalNavItemPaddingRightDesktop);
9808        /* main nav item padding hover */
9809        --horizontalNavItemPaddingTopHoverMobile: var(--horizontalNavItemPaddingTopHoverDesktop);
9810        --horizontalNavItemPaddingBottomHoverMobile: var(--horizontalNavItemPaddingBottomHoverDesktop);
9811        --horizontalNavItemPaddingLeftHoverMobile: var(--horizontalNavItemPaddingLeftHoverDesktop);
9812        --horizontalNavItemPaddingRightHoverMobile: var(--horizontalNavItemPaddingRightHoverDesktop);
9813
9814
9815        /* main nav item font */
9816        --horizontalNavItemFontMobile: var(--horizontalNavItemFontDesktop);
9817        --horizontalNavItemFontColorMobile: var(--horizontalNavItemFontColorDesktop);
9818        --horizontalNavItemLineHeightMobile: var(--horizontalNavItemLineHeightDesktop);
9819        --horizontalNavItemFontSizeMobile: var(--horizontalNavItemFontSizeDesktop);
9820        --horizontalNavItemFontWeightMobile: var(--horizontalNavItemFontWeightDesktop);
9821        --horizontalNavBackgroundColorMobile: var(--horizontalNavBackgroundColorDesktop);
9822        --horizontalNavItemBackgroundColorMobile: var(--horizontalNavItemBackgroundColorDesktop);
9823        --horizontalNavItemLetterSpacingMobile: var(--horizontalNavItemLetterSpacingDesktop);
9824        --horizontalNavItemTextDecorationMobile: var(--horizontalNavItemTextDecorationDesktop);
9825        --horizontalNavItemFontStyleMobile: var(--horizontalNavItemFontStyleDesktop);
9826
9827        /* main nav item font hover*/
9828        --horizontalNavItemHoverFontColorMobile: var(--horizontalNavItemHoverFontColorDesktop);
9829        --horizontalNavItemHoverBackgroundColorMobile: var(--horizontalNavItemHoverBackgroundColorDesktop);
9830        --horizontalNavItemFontSizeHoverMobile: var(--horizontalNavItemFontSizeHoverDesktop);
9831        --horizontalNavItemFontWeightHoverMobile: var(--horizontalNavItemFontWeightHoverDesktop);
9832        --horizontalNavItemTextDecorationHoverMobile: var(--horizontalNavItemTextDecorationHoverDesktop);
9833        --horizontalNavItemFontStyleHoverMobile: var(--horizontalNavItemFontStyleHoverDesktop);
9834
9835        /* main nav item font active */
9836        --horizontalNavItemActiveFontColorMobile: var(--horizontalNavItemActiveFontColorDesktop);
9837        --horizontalNavItemActiveBackgroundColorMobile: var(--horizontalNavItemActiveBackgroundColorDesktop);
9838
9839        /* main nav border */
9840        --horizontalNavBorderTopMobile: var(--horizontalNavBorderTopDesktop);
9841        --horizontalNavBorderRightMobile: var(--horizontalNavBorderRightDesktop);
9842        --horizontalNavBorderBottomMobile: var(--horizontalNavBorderBottomDesktop);
9843        --horizontalNavBorderLeftMobile: var(--horizontalNavBorderLeftDesktop);
9844
9845        /* main nav border radius hover*/
9846        --horizontalNavBorderRadiusMobile: var(--horizontalNavBorderRadiusDesktop);
9847        --horizontalNavBorderRadiusHoverMobile: var(--horizontalNavBorderRadiusHoverDesktop);
9848
9849        /* main nav item border */
9850        --horizontalNavItemBorderTopMobile: var(--horizontalNavItemBorderTopDesktop);
9851        --horizontalNavItemBorderRightMobile: var(--horizontalNavItemBorderRightDesktop);
9852        --horizontalNavItemBorderBottomMobile: var(--horizontalNavItemBorderBottomDesktop);
9853        --horizontalNavItemBorderLeftMobile: var(--horizontalNavItemBorderLeftDesktop);
9854
9855        /* main nav item border hover */
9856        --horizontalNavItemBorderTopHoverMobile: var(--horizontalNavItemBorderTopHoverDesktop);
9857        --horizontalNavItemBorderRightHoverMobile: var(--horizontalNavItemBorderRightHoverDesktop);
9858        --horizontalNavItemBorderBottomHoverMobile: var(--horizontalNavItemBorderBottomHoverDesktop);
9859        --horizontalNavItemBorderLeftHoverMobile: var(--horizontalNavItemBorderLeftHoverDesktop);
9860
9861        /* main nav item border radius */
9862        --horizontalNavItemBorderRadiusMobile: var(--horizontalNavItemBorderRadiusDesktop);
9863        --horizontalNavItemBorderRadiusHoverMobile: var(--horizontalNavItemBorderRadiusHoverDesktop);
9864
9865        /* separator */
9866        --horizontalNavSeparatorDisplayMobile: var(--horizontalNavSeparatorDisplayDesktop);
9867        --horizontalNavSeparatorWidthMobile: var(--horizontalNavSeparatorWidthDesktop);
9868        --horizontalNavSeparatorHeightMobile: var(--horizontalNavSeparatorHeightDesktop);
9869        --horizontalNavSeparatorColorMobile: var(--horizontalNavSeparatorColorDesktop);
9870        --horizontalNavSeparatorSpacingMobile: var(--horizontalNavSeparatorSpacingDesktop);
9871
9872        /* sub separator */
9873        --horizontalNavSubSeparatorDisplayMobile: var(--horizontalNavSubSeparatorDisplayDesktop);
9874        --horizontalNavSubSeparatorWidthMobile: var(--horizontalNavSubSeparatorWidthDesktop);
9875        --horizontalNavSubSeparatorHeightMobile: var(--horizontalNavSubSeparatorHeightDesktop);
9876        --horizontalNavSubSeparatorColorMobile: var(--horizontalNavSubSeparatorColorDesktop);
9877        --horizontalNavSubSeparatorSpacingMobile: var(--horizontalNavSubSeparatorSpacingDesktop);
9878
9879        /* arrow */
9880        --horizontalNavArrowSizeMobile: var(--horizontalNavArrowSizeDesktop);
9881        --horizontalNavArrowSpacingMobile: var(--horizontalNavArrowSpacingDesktop);
9882        --horizontalNavArrowColorMobile: var(--horizontalNavArrowColorDesktop);
9883        --horizontalNavArrowRotateMobile: var(--horizontalNavArrowRotateDesktop);
9884        --horizontalNavArrowSizeHoverMobile: var(--horizontalNavArrowSizeHoverDesktop);
9885        --horizontalNavArrowColorHoverMobile: var(--horizontalNavArrowColorHoverDesktop);
9886        --horizontalNavArrowRotateHoverMobile: var(--horizontalNavArrowRotateHoverDesktop);
9887        --horizontalNavArrowSizeActiveMobile: var(--horizontalNavArrowSizeActiveDesktop);
9888        --horizontalNavArrowColorActiveMobile: var(--horizontalNavArrowColorActiveDesktop);
9889        --horizontalNavArrowRotateActiveMobile: var(--horizontalNavArrowRotateActiveDesktop);
9890
9891        /* sub arrow */
9892        --horizontalNavSubArrowSizeMobile: var(--horizontalNavSubArrowSizeDesktop);
9893        --horizontalNavSubArrowSpacingMobile: var(--horizontalNavSubArrowSpacingDesktop);
9894        --horizontalNavSubArrowColorMobile: var(--horizontalNavSubArrowColorDesktop);
9895        --horizontalNavSubArrowRotateMobile: var(--horizontalNavSubArrowRotateDesktop);
9896        --horizontalNavSubArrowSizeHoverMobile: var(--horizontalNavSubArrowSizeHoverDesktop);
9897        --horizontalNavSubArrowColorHoverMobile: var(--horizontalNavSubArrowColorHoverDesktop);
9898        --horizontalNavSubArrowRotateHoverMobile: var(--horizontalNavSubArrowRotateHoverDesktop);
9899        --horizontalNavSubArrowSizeActiveMobile: var(--horizontalNavSubArrowSizeActiveDesktop);
9900        --horizontalNavSubArrowColorActiveMobile: var(--horizontalNavSubArrowColorActiveDesktop);
9901        --horizontalNavSubArrowRotateActiveMobile: var(--horizontalNavSubArrowRotateActiveDesktop);
9902
9903        /* sub nav */
9904        --horizontalNavSubItemPaddingTopMobile: var(--horizontalNavSubItemPaddingTopDesktop);
9905        --horizontalNavSubItemPaddingBottomMobile: var(--horizontalNavSubItemPaddingBottomDesktop);
9906        --horizontalNavSubItemPaddingLeftMobile: var(--horizontalNavSubItemPaddingLeftDesktop);
9907        --horizontalNavSubItemPaddingRightMobile: var(--horizontalNavSubItemPaddingRightDesktop);
9908
9909        /* sub nav item padding hover */
9910        --horizontalNavSubItemPaddingTopHoverMobile: var(--horizontalNavSubItemPaddingTopHoverDesktop);
9911        --horizontalNavSubItemPaddingBottomHoverMobile: var(--horizontalNavSubItemPaddingBottomHoverDesktop);
9912        --horizontalNavSubItemPaddingLeftHoverMobile: var(--horizontalNavSubItemPaddingLeftHoverDesktop);
9913        --horizontalNavSubItemPaddingRightHoverMobile: var(--horizontalNavSubItemPaddingRightHoverDesktop);
9914
9915        /* sub nav item font */
9916        --horizontalNavSubItemFontMobile: var(--horizontalNavSubItemFontDesktop);
9917        --horizontalNavSubItemFontColorMobile: var(--horizontalNavSubItemFontColorDesktop);
9918        --horizontalNavSubItemLineHeightMobile: var(--horizontalNavSubItemLineHeightDesktop);
9919        --horizontalNavSubItemFontSizeMobile: var(--horizontalNavSubItemFontSizeDesktop);
9920        --horizontalNavSubItemFontWeightMobile: var(--horizontalNavSubItemFontWeightDesktop);
9921        --horizontalNavSubItemBackgroundColorMobile: var(--horizontalNavSubItemBackgroundColorDesktop);
9922        --horizontalNavSubItemTextDecorationMobile: var(--horizontalNavSubItemTextDecorationDesktop);
9923        --horizontalNavSubItemFontStyleMobile: var(--horizontalNavSubItemFontStyleDesktop);
9924        --horizontalNavSubItemLetterSpacingMobile: var(--horizontalNavSubItemLetterSpacingDesktop);
9925
9926        /* sub nav item font hover */
9927        --horizontalNavSubItemHoverFontColorMobile: var(--horizontalNavSubItemHoverFontColorDesktop);
9928        --horizontalNavSubItemHoverBackgroundColorMobile: var(--horizontalNavSubItemHoverBackgroundColorDesktop);
9929        --horizontalNavSubItemFontSizeHoverMobile: var(--horizontalNavSubItemFontSizeHoverDesktop);
9930        --horizontalNavSubItemFontWeightHoverMobile: var(--horizontalNavSubItemFontWeightHoverDesktop);
9931        --horizontalNavSubItemTextDecorationHoverMobile: var(--horizontalNavSubItemTextDecorationHoverDesktop);
9932        --horizontalNavSubItemFontStyleHoverMobile: var(--horizontalNavSubItemFontStyleHoverDesktop);
9933
9934        /* sub nav item font active */
9935        --horizontalNavSubItemActiveFontColorMobile: var(--horizontalNavSubItemActiveFontColorDesktop);
9936        --horizontalNavSubItemActiveBackgroundColorMobile: var(--horizontalNavSubItemActiveBackgroundColorDesktop);
9937
9938        /* sub nav item border */
9939        --horizontalNavSubItemBorderTopMobile: var(--horizontalNavSubItemBorderTopDesktop);
9940        --horizontalNavSubItemBorderRightMobile: var(--horizontalNavSubItemBorderRightDesktop);
9941        --horizontalNavSubItemBorderBottomMobile: var(--horizontalNavSubItemBorderBottomDesktop);
9942        --horizontalNavSubItemBorderLeftMobile: var(--horizontalNavSubItemBorderLeftDesktop);
9943
9944        /* sub nav item border hover */
9945        --horizontalNavSubItemBorderTopHoverMobile: var(--horizontalNavSubItemBorderTopHoverDesktop);
9946        --horizontalNavSubItemBorderRightHoverMobile: var(--horizontalNavSubItemBorderRightHoverDesktop);
9947        --horizontalNavSubItemBorderBottomHoverMobile: var(--horizontalNavSubItemBorderBottomHoverDesktop);
9948        --horizontalNavSubItemBorderLeftHoverMobile: var(--horizontalNavSubItemBorderLeftHoverDesktop);
9949
9950        /* sub nav item border radius */
9951        --horizontalNavSubItemBorderRadiusMobile: var(--horizontalNavSubItemBorderRadiusDesktop);
9952        --horizontalNavSubItemBorderRadiusHoverMobile: var(--horizontalNavSubItemBorderRadiusHoverDesktop);
9953
9954        /* sub menu container */
9955        --horizontalNavSubPaddingTopMobile: var(--horizontalNavSubPaddingTopDesktop);
9956        --horizontalNavSubPaddingBottomMobile: var(--horizontalNavSubPaddingBottomDesktop);
9957        --horizontalNavSubPaddingLeftMobile: var(--horizontalNavSubPaddingLeftDesktop);
9958        --horizontalNavSubPaddingRightMobile: var(--horizontalNavSubPaddingRightDesktop);
9959        --horizontalNavSubContainerWidthMobile: var(--horizontalNavSubContainerWidthDesktop);
9960        --horizontalNavSubContainerBackgroundColorMobile: var(--horizontalNavSubContainerBackgroundColorDesktop);
9961
9962        /* sub menu container shadow */
9963        --horizontalNavSubContainerShadowMobile: none;
9964
9965        /* sub menu container border */
9966        --horizontalNavSubContainerBorderTopMobile: var(--horizontalNavSubContainerBorderTopDesktop);
9967        --horizontalNavSubContainerBorderRightMobile: var(--horizontalNavSubContainerBorderRightDesktop);
9968        --horizontalNavSubContainerBorderBottomMobile: var(--horizontalNavSubContainerBorderBottomDesktop);
9969        --horizontalNavSubContainerBorderLeftMobile: var(--horizontalNavSubContainerBorderLeftDesktop);
9970
9971        /* sub menu container border radius */
9972        --horizontalNavSubContainerBorderRadiusMobile: var(--horizontalNavSubContainerBorderRadiusDesktop);
9973
9974        /* mega panel layout */
9975        --megaNavPanelNumberOfCellsMobile: var(--megaNavPanelNumberOfCellsDesktop);
9976        --megaNavPanelCellSpacingMobile: var(--megaNavPanelCellSpacingDesktop);
9977        --megaNavPanelPaddingTopMobile: var(--megaNavPanelPaddingTopDesktop);
9978        --megaNavPanelPaddingRightMobile: var(--megaNavPanelPaddingRightDesktop);
9979        --megaNavPanelPaddingBottomMobile: var(--megaNavPanelPaddingBottomDesktop);
9980        --megaNavPanelPaddingLeftMobile: var(--megaNavPanelPaddingLeftDesktop);
9981        --megaNavPanelWidthMobile: var(--megaNavPanelWidthDesktop);
9982
9983        --megaNavSeparatorDisplayMobile: var(--megaNavSeparatorDisplayDesktop);
9984        --megaNavSeparatorWidthMobile: var(--megaNavSeparatorWidthDesktop);
9985        --megaNavSeparatorColorMobile: var(--megaNavSeparatorColorDesktop);
9986        --megaNavSeparatorSpacingMobile: var(--megaNavSeparatorSpacingDesktop);
9987
9988        /*****
9989			apply css properties
9990		*****/
9991
9992        /* apply main nav padding */
9993        --horizontalNavPaddingTop: var(--horizontalNavPaddingTopMobile);
9994        --horizontalNavPaddingBottom: var(--horizontalNavPaddingBottomMobile);
9995        --horizontalNavPaddingLeft: var(--horizontalNavPaddingLeftMobile);
9996        --horizontalNavPaddingRight: var(--horizontalNavPaddingRightMobile);
9997
9998        /* apply main nav justify content */
9999        --horizontalNavJustifyContent: var(--horizontalNavJustifyContentMobile);
10000
10001        /* apply main nav item padding */
10002        --horizontalNavItemPaddingTop: var(--horizontalNavItemPaddingTopMobile);
10003        --horizontalNavItemPaddingBottom: var(--horizontalNavItemPaddingBottomMobile);
10004        --horizontalNavItemPaddingLeft: var(--horizontalNavItemPaddingLeftMobile);
10005        --horizontalNavItemPaddingRight: var(--horizontalNavItemPaddingRightMobile);
10006
10007        /* apply main nav item padding hover */
10008        --horizontalNavItemPaddingTopHover: var(--horizontalNavItemPaddingTopHoverMobile);
10009        --horizontalNavItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHoverMobile);
10010        --horizontalNavItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHoverMobile);
10011        --horizontalNavItemPaddingRightHover: var(--horizontalNavItemPaddingRightHoverMobile);
10012
10013        /* apply main nav item font */
10014        --horizontalNavItemFont: var(--horizontalNavItemFontMobile);
10015        --horizontalNavItemFontColor: var(--horizontalNavItemFontColorMobile);
10016        --horizontalNavItemLineHeight: var(--horizontalNavItemLineHeightMobile);
10017        --horizontalNavItemFontSize: var(--horizontalNavItemFontSizeMobile);
10018        --horizontalNavItemFontWeight: var(--horizontalNavItemFontWeightMobile);
10019        --horizontalNavItemHoverFontColor: var(--horizontalNavItemHoverFontColorMobile);
10020        --horizontalNavBackgroundColor: var(--horizontalNavBackgroundColorMobile);
10021        --horizontalNavItemBackgroundColor: var(--horizontalNavItemBackgroundColorMobile);
10022        --horizontalNavItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColorMobile);
10023        --horizontalNavItemLetterSpacing: var(--horizontalNavItemLetterSpacingMobile);
10024        --horizontalNavItemTextDecoration: var(--horizontalNavItemTextDecorationMobile);
10025        --horizontalNavItemFontStyle: var(--horizontalNavItemFontStyleMobile);
10026
10027        /* main nav item font hover*/
10028        --horizontalNavItemFontSizeHover: var(--horizontalNavItemFontSizeHoverMobile);
10029        --horizontalNavItemFontWeightHover: var(--horizontalNavItemFontWeightHoverMobile);
10030        --horizontalNavItemTextDecorationHover: var(--horizontalNavItemTextDecorationHoverMobile);
10031        --horizontalNavItemFontStyleHover: var(--horizontalNavItemFontStyleHoverMobile);
10032
10033        /* apply main nav item font active */
10034        --horizontalNavItemActiveFontColor: var(--horizontalNavItemActiveFontColorMobile);
10035        --horizontalNavItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColorMobile);
10036
10037
10038        /* apply main nav border */
10039        --horizontalNavBorderTop: var(--horizontalNavBorderTopMobile);
10040        --horizontalNavBorderRight: var(--horizontalNavBorderRightMobile);
10041        --horizontalNavBorderBottom: var(--horizontalNavBorderBottomMobile);
10042        --horizontalNavBorderLeft: var(--horizontalNavBorderLeftMobile);
10043
10044        /* main nav border radius hover*/
10045        --horizontalNavBorderRadius: var(--horizontalNavBorderRadiusMobile);
10046        --horizontalNavBorderRadiusHover: var(--horizontalNavBorderRadiusHoverMobile);
10047
10048        /* apply main nav item border */
10049        --horizontalNavItemBorderTop: var(--horizontalNavItemBorderTopMobile);
10050        --horizontalNavItemBorderRight: var(--horizontalNavItemBorderRightMobile);
10051        --horizontalNavItemBorderBottom: var(--horizontalNavItemBorderBottomMobile);
10052        --horizontalNavItemBorderLeft: var(--horizontalNavItemBorderLeftMobile);
10053
10054        /* apply main nav item border hover */
10055        --horizontalNavItemBorderTopHover: var(--horizontalNavItemBorderTopHoverMobile);
10056        --horizontalNavItemBorderRightHover: var(--horizontalNavItemBorderRightHoverMobile);
10057        --horizontalNavItemBorderBottomHover: var(--horizontalNavItemBorderBottomHoverMobile);
10058        --horizontalNavItemBorderLeftHover: var(--horizontalNavItemBorderLeftHoverMobile);
10059
10060        /* apply main nav item border radius */
10061        --horizontalNavItemBorderRadius: var(--horizontalNavItemBorderRadiusMobile);
10062        --horizontalNavItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHoverMobile);
10063
10064        /* apply separator */
10065        --horizontalNavSeparatorDisplay: var(--horizontalNavSeparatorDisplayMobile);
10066        --horizontalNavSeparatorWidth: var(--horizontalNavSeparatorWidthMobile);
10067        --horizontalNavSeparatorHeight: var(--horizontalNavSeparatorHeightMobile);
10068        --horizontalNavSeparatorColor: var(--horizontalNavSeparatorColorMobile);
10069        --horizontalNavSeparatorSpacing: var(--horizontalNavSeparatorSpacingMobile);
10070
10071        /* apply mega separator */
10072        --megaNavSeparatorDisplay: var(--megaNavSeparatorDisplayMobile);
10073        --megaNavSeparatorWidth: var(--megaNavSeparatorWidthMobile);
10074        --megaNavSeparatorColor: var(--megaNavSeparatorColorMobile);
10075        --megaNavSeparatorSpacing: var(--megaNavSeparatorSpacingMobile);
10076
10077        /* apply sub separator */
10078        --horizontalNavSubSeparatorDisplay: var(--horizontalNavSubSeparatorDisplayMobile);
10079        --horizontalNavSubSeparatorWidth: var(--horizontalNavSubSeparatorWidthMobile);
10080        --horizontalNavSubSeparatorHeight: var(--horizontalNavSubSeparatorHeightMobile);
10081        --horizontalNavSubSeparatorColor: var(--horizontalNavSubSeparatorColorMobile);
10082        --horizontalNavSubSeparatorSpacing: var(--horizontalNavSubSeparatorSpacingMobile);
10083
10084        /* apply arrow */
10085        --horizontalNavArrowSize: var(--horizontalNavArrowSizeMobile);
10086        --horizontalNavArrowDisplay: var(--horizontalNavArrowDisplayMobile);
10087        --horizontalNavItemIconDisplay: var(--horizontalNavItemIconDisplayMobile);
10088        --horizontalNavItemIconColor: var(--horizontalNavItemIconColorMobile);
10089        --horizontalNavItemIconColorHover: var(--horizontalNavItemIconColorHoverMobile);
10090        --horizontalNavItemIconColorActive: var(--horizontalNavItemIconColorActiveMobile);
10091        --horizontalNavItemIconSize: var(--horizontalNavItemIconSizeMobile);
10092        --horizontalNavItemIconSizeHover: var(--horizontalNavItemIconSizeHoverMobile);
10093        --horizontalNavItemIconSizeActive: var(--horizontalNavItemIconSizeActiveMobile);
10094        --horizontalNavItemIconRotate: var(--horizontalNavItemIconRotateMobile);
10095        --horizontalNavItemIconRotateHover: var(--horizontalNavItemIconRotateHoverMobile);
10096        --horizontalNavItemIconRotateActive: var(--horizontalNavItemIconRotateActiveMobile);
10097        --horizontalNavItemIconSpacing: var(--horizontalNavItemIconSpacingMobile);
10098        --horizontalNavSubItemIconDisplay: var(--horizontalNavSubItemIconDisplayMobile);
10099        --horizontalNavSubItemIconColor: var(--horizontalNavSubItemIconColorMobile);
10100        --horizontalNavSubItemIconColorHover: var(--horizontalNavSubItemIconColorHoverMobile);
10101        --horizontalNavSubItemIconColorActive: var(--horizontalNavSubItemIconColorActiveMobile);
10102        --horizontalNavSubItemIconSize: var(--horizontalNavSubItemIconSizeMobile);
10103        --horizontalNavSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHoverMobile);
10104        --horizontalNavSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActiveMobile);
10105        --horizontalNavSubItemIconRotate: var(--horizontalNavSubItemIconRotateMobile);
10106        --horizontalNavSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHoverMobile);
10107        --horizontalNavSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActiveMobile);
10108        --horizontalNavSubItemIconSpacing: var(--horizontalNavSubItemIconSpacingMobile);
10109        --horizontalNavArrowSpacing: var(--horizontalNavArrowSpacingMobile);
10110        --horizontalNavArrowColor: var(--horizontalNavArrowColorMobile);
10111        --horizontalNavArrowRotate: var(--horizontalNavArrowRotateMobile);
10112        --horizontalNavArrowSizeHover: var(--horizontalNavArrowSizeHoverMobile);
10113        --horizontalNavArrowColorHover: var(--horizontalNavArrowColorHoverMobile);
10114        --horizontalNavArrowRotateHover: var(--horizontalNavArrowRotateHoverMobile);
10115        --horizontalNavArrowSizeActive: var(--horizontalNavArrowSizeActiveMobile);
10116        --horizontalNavArrowColorActive: var(--horizontalNavArrowColorActiveMobile);
10117        --horizontalNavArrowRotateActive: var(--horizontalNavArrowRotateActiveMobile);
10118
10119        /* apply sub arrow */
10120        --horizontalNavSubArrowSize: var(--horizontalNavSubArrowSizeMobile);
10121        --horizontalNavSubArrowDisplay: var(--horizontalNavSubArrowDisplayMobile);
10122        --horizontalNavSubArrowSpacing: var(--horizontalNavSubArrowSpacingMobile);
10123        --horizontalNavSubArrowColor: var(--horizontalNavSubArrowColorMobile);
10124        --horizontalNavSubArrowRotate: var(--horizontalNavSubArrowRotateMobile);
10125        --horizontalNavSubArrowSizeHover: var(--horizontalNavSubArrowSizeHoverMobile);
10126        --horizontalNavSubArrowColorHover: var(--horizontalNavSubArrowColorHoverMobile);
10127        --horizontalNavSubArrowRotateHover: var(--horizontalNavSubArrowRotateHoverMobile);
10128        --horizontalNavSubArrowSizeActive: var(--horizontalNavSubArrowSizeActiveMobile);
10129        --horizontalNavSubArrowColorActive: var(--horizontalNavSubArrowColorActiveMobile);
10130        --horizontalNavSubArrowRotateActive: var(--horizontalNavSubArrowRotateActiveMobile);
10131
10132        /* apply sub */
10133        --horizontalNavSubItemPaddingTop: var(--horizontalNavSubItemPaddingTopMobile);
10134        --horizontalNavSubItemPaddingBottom: var(--horizontalNavSubItemPaddingBottomMobile);
10135        --horizontalNavSubItemPaddingLeft: var(--horizontalNavSubItemPaddingLeftMobile);
10136        --horizontalNavSubItemPaddingRight: var(--horizontalNavSubItemPaddingRightMobile);
10137
10138        /* apply sub nav item padding hover */
10139        --horizontalNavSubItemPaddingTopHover: var(--horizontalNavSubItemPaddingTopHoverMobile);
10140        --horizontalNavSubItemPaddingBottomHover: var(--horizontalNavSubItemPaddingBottomHoverMobile);
10141        --horizontalNavSubItemPaddingLeftHover: var(--horizontalNavSubItemPaddingLeftHoverMobile);
10142        --horizontalNavSubItemPaddingRightHover: var(--horizontalNavSubItemPaddingRightHoverMobile);
10143
10144        /* apply sub nav item font */
10145        --horizontalNavSubItemFont: var(--horizontalNavSubItemFontMobile);
10146        --horizontalNavSubItemFontColor: var(--horizontalNavSubItemFontColorMobile);
10147        --horizontalNavSubItemLineHeight: var(--horizontalNavSubItemLineHeightMobile);
10148        --horizontalNavSubItemFontSize: var(--horizontalNavSubItemFontSizeMobile);
10149        --horizontalNavSubItemFontWeight: var(--horizontalNavSubItemFontWeightMobile);
10150        --horizontalNavSubItemHoverFontColor: var(--horizontalNavSubItemHoverFontColorMobile);
10151        --horizontalNavSubItemBackgroundColor: var(--horizontalNavSubItemBackgroundColorMobile);
10152        --horizontalNavSubItemHoverBackgroundColor: var(--horizontalNavSubItemHoverBackgroundColorMobile);
10153        --horizontalNavSubItemTextDecoration: var(--horizontalNavSubItemTextDecorationMobile);
10154        --horizontalNavSubItemFontStyle: var(--horizontalNavSubItemFontStyleMobile);
10155        --horizontalNavSubItemLetterSpacing: var(--horizontalNavSubItemLetterSpacingMobile);
10156
10157        /* apply sub nav item font hover */
10158        --horizontalNavSubItemFontSizeHover: var(--horizontalNavSubItemFontSizeHoverMobile);
10159        --horizontalNavSubItemFontWeightHover: var(--horizontalNavSubItemFontWeightHoverMobile);
10160        --horizontalNavSubItemTextDecorationHover: var(--horizontalNavSubItemTextDecorationHoverMobile);
10161        --horizontalNavSubItemFontStyleHover: var(--horizontalNavSubItemFontStyleHoverMobile);
10162
10163        /* apply sub nav item font active */
10164        --horizontalNavSubItemActiveFontColor: var(--horizontalNavSubItemActiveFontColorMobile);
10165        --horizontalNavSubItemActiveBackgroundColor: var(--horizontalNavSubItemActiveBackgroundColorMobile);
10166
10167        /* apply sub nav item border */
10168        --horizontalNavSubItemBorderTop: var(--horizontalNavSubItemBorderTopMobile);
10169        --horizontalNavSubItemBorderRight: var(--horizontalNavSubItemBorderRightMobile);
10170        --horizontalNavSubItemBorderBottom: var(--horizontalNavSubItemBorderBottomMobile);
10171        --horizontalNavSubItemBorderLeft: var(--horizontalNavSubItemBorderLeftMobile);
10172
10173        /* apply sub nav item border hover */
10174        --horizontalNavSubItemBorderTopHover: var(--horizontalNavSubItemBorderTopHoverMobile);
10175        --horizontalNavSubItemBorderRightHover: var(--horizontalNavSubItemBorderRightHoverMobile);
10176        --horizontalNavSubItemBorderBottomHover: var(--horizontalNavSubItemBorderBottomHoverMobile);
10177        --horizontalNavSubItemBorderLeftHover: var(--horizontalNavSubItemBorderLeftHoverMobile);
10178
10179        /* apply sub nav item border radius */
10180        --horizontalNavSubItemBorderRadius: var(--horizontalNavSubItemBorderRadiusMobile);
10181        --horizontalNavSubItemBorderRadiusHover: var(--horizontalNavSubItemBorderRadiusHoverMobile);
10182
10183        /* apply sub menu container */
10184        --horizontalNavSubPaddingTop: var(--horizontalNavSubPaddingTopMobile);
10185        --horizontalNavSubPaddingBottom: var(--horizontalNavSubPaddingBottomMobile);
10186        --horizontalNavSubPaddingLeft: var(--horizontalNavSubPaddingLeftMobile);
10187        --horizontalNavSubPaddingRight: var(--horizontalNavSubPaddingRightMobile);
10188        --horizontalNavSubContainerWidth: var(--horizontalNavSubContainerWidthMobile);
10189        --horizontalNavSubContainerBackgroundColor: var(--horizontalNavSubContainerBackgroundColorMobile);
10190
10191        /* apply sub menu container shadow */
10192        --horizontalNavSubContainerShadow: var(--horizontalNavSubContainerShadowMobile);
10193
10194        /* apply sub menu container border */
10195        --horizontalNavSubContainerBorderTop: var(--horizontalNavSubContainerBorderTopMobile);
10196        --horizontalNavSubContainerBorderRight: var(--horizontalNavSubContainerBorderRightMobile);
10197        --horizontalNavSubContainerBorderBottom: var(--horizontalNavSubContainerBorderBottomMobile);
10198        --horizontalNavSubContainerBorderLeft: var(--horizontalNavSubContainerBorderLeftMobile);
10199
10200        /* apply sub menu container border radius */
10201        --horizontalNavSubContainerBorderRadius: var(--horizontalNavSubContainerBorderRadiusMobile);
10202
10203        /**********************
10204			hamburger main nav
10205		***********************/
10206        /* main background color */
10207        --hamburgerNavBackgroundColorMobile: var(--hamburgerNavBackgroundColorDesktop);
10208
10209        /* main padding */
10210        --hamburgerNavPaddingTopMobile: 25px;
10211        --hamburgerNavPaddingBottomMobile: 25px;
10212        --hamburgerNavPaddingLeftMobile: 15px;
10213        --hamburgerNavPaddingRightMobile: 15px;
10214
10215        /* hamburger menu icon */
10216        --hamburgerMenuIconSizeMobile: var(--hamburgerMenuIconSizeDesktop);
10217        --hamburgerMenuIconSizeHoverMobile: var(--hamburgerMenuIconSizeHoverDesktop);
10218        --hamburgerMenuIconColorMobile: var(--hamburgerMenuIconColorDesktop);
10219        --hamburgerMenuIconHoverColorMobile: var(--hamburgerMenuIconHoverColorDesktop);
10220        --hamburgerMenuIconActiveSizeMobile: var(--hamburgerMenuIconActiveSizeDesktop);
10221        --hamburgerMenuIconActiveColorMobile: var(--hamburgerMenuIconActiveColorDesktop);
10222        --hamburgerMenuIconActiveHoverColorMobile: var(--hamburgerMenuIconActiveHoverColorDesktop);
10223        --hamburgerMenuIconActiveSizeHoverMobile: var(--hamburgerMenuIconActiveSizeHoverDesktop);
10224        --hamburgerMenuDisplayMobile: var(--hamburgerMenuDisplayDesktop);
10225        --hamburgerMenuJustifySelfMobile: var(--hamburgerMenuJustifySelfDesktop);
10226
10227        /* main nav justify self */
10228        --hamburgerNavJustifySelfMobile: var(--hamburgerNavJustifySelfDesktop);
10229
10230        /* main nav items alignment */
10231        --hamburgerNavItemsAlignmentMobile: var(--hamburgerNavItemsAlignmentDesktop);
10232
10233        /* main nav item padding */
10234        --hamburgerNavItemPaddingTopMobile: var(--hamburgerNavItemPaddingTopDesktop);
10235        --hamburgerNavItemPaddingBottomMobile: var(--hamburgerNavItemPaddingBottomDesktop);
10236        --hamburgerNavItemPaddingLeftMobile: var(--hamburgerNavItemPaddingLeftDesktop);
10237        --hamburgerNavItemPaddingRightMobile: var(--hamburgerNavItemPaddingRightDesktop);
10238
10239        /* main nav item padding hover*/
10240        --hamburgerNavItemPaddingTopMobileHover: var(--hamburgerNavItemPaddingTopHoverDesktop);
10241        --hamburgerNavItemPaddingBottomMobileHover: var(--hamburgerNavItemPaddingBottomHoverDesktop);
10242        --hamburgerNavItemPaddingLeftMobileHover: var(--hamburgerNavItemPaddingLeftHoverDesktop);
10243        --hamburgerNavItemPaddingRightMobileHover: var(--hamburgerNavItemPaddingRightHoverDesktop);
10244
10245        /* main nav item border */
10246        --hamburgerNavItemBorderTopMobile: var(--hamburgerNavItemBorderTopDesktop);
10247        --hamburgerNavItemBorderRightMobile: var(--hamburgerNavItemBorderRightDesktop);
10248        --hamburgerNavItemBorderBottomMobile: var(--hamburgerNavItemBorderBottomDesktop);
10249        --hamburgerNavItemBorderLeftMobile: var(--hamburgerNavItemBorderLeftDesktop);
10250
10251        /* main nav item border hover */
10252        --hamburgerNavItemBorderTopHoverMobile: var(--hamburgerNavItemBorderTopHoverDesktop);
10253        --hamburgerNavItemBorderRightHoverMobile: var(--hamburgerNavItemBorderRightHoverDesktop);
10254        --hamburgerNavItemBorderBottomHoverMobile: var(--hamburgerNavItemBorderBottomHoverDesktop);
10255        --hamburgerNavItemBorderLeftHoverMobile: var(--hamburgerNavItemBorderLeftHoverDesktop);
10256
10257        /* main nav item border radius */
10258        --hamburgerNavItemBorderRadiusMobile: var(--hamburgerNavItemBorderRadiusDesktop);
10259        --hamburgerNavItemBorderRadiusMobileHover: var(--hamburgerNavItemBorderRadiusHoverDesktop);
10260
10261        /* main nav item font */
10262        --hamburgerNavItemFontMobile: var(--hamburgerNavItemFontDesktop);
10263        --hamburgerNavItemFontColorMobile: var(--hamburgerNavItemFontColorDesktop);
10264        --hamburgerNavItemLineHeightMobile: var(--hamburgerNavItemLineHeightDesktop);
10265        --hamburgerNavItemFontSizeMobile: var(--hamburgerNavItemFontSizeDesktop);
10266        --hamburgerNavItemFontWeightMobile: var(--hamburgerNavItemFontWeightDesktop);
10267        --hamburgerNavItemBackgroundColorMobile: var(--hamburgerNavItemBackgroundColorDesktop);
10268        --hamburgerNavItemLetterSpacingMobile: var(--hamburgerNavItemLetterSpacingDesktop);
10269        --hamburgerNavItemTextDecorationMobile: var(--hamburgerNavItemTextDecorationDesktop);
10270        --hamburgerNavItemFontStyleMobile: var(--hamburgerNavItemFontStyleDesktop);
10271
10272        /* main nav item hover font */
10273        --hamburgerNavItemHoverFontColorMobile: var(--hamburgerNavItemHoverFontColorDesktop);
10274        --hamburgerNavItemHoverBackgroundColorMobile: var(--hamburgerNavItemHoverBackgroundColorDesktop);
10275        --hamburgerNavItemFontHoverMobile: var(--hamburgerNavItemFontHoverDesktop);
10276        --hamburgerNavItemLineHeightHoverMobile: var(--hamburgerNavItemLineHeightHoverDesktop);
10277        --hamburgerNavItemFontSizeHoverMobile: var(--hamburgerNavItemFontSizeHoverDesktop);
10278        --hamburgerNavItemFontWeightHoverMobile: var(--hamburgerNavItemFontWeightHoverDesktop);
10279        --hamburgerNavItemLetterSpacingHoverMobile: var(--hamburgerNavItemLetterSpacingMobile);
10280        --hamburgerNavItemTextDecorationHoverMobile: var(--hamburgerNavItemTextDecorationHoverDesktop);
10281        --hamburgerNavItemFontStyleHoverMobile: var(--hamburgerNavItemFontStyleHoverDesktop);
10282
10283        /* separator */
10284        --hamburgerNavSeparatorDisplayMobile: var(--hamburgerNavSeparatorDisplayDesktop);
10285        --hamburgerNavSeparatorWidthMobile: var(--hamburgerNavSeparatorWidthDesktop);
10286        --hamburgerNavSeparatorHeightMobile: var(--hamburgerNavSeparatorHeightDesktop);
10287        --hamburgerNavSeparatorColorMobile: var(--hamburgerNavSeparatorColorDesktop);
10288        --hamburgerNavSeparatorSpacingMobile: var(--hamburgerNavSeparatorSpacingDesktop);
10289
10290        /* sub separator */
10291        --hamburgerNavSubSeparatorDisplayMobile: var(--hamburgerNavSubSeparatorDisplayDesktop);
10292        --hamburgerNavSubSeparatorWidthMobile: var(--hamburgerNavSubSeparatorWidthDesktop);
10293        --hamburgerNavSubSeparatorHeightMobile: var(--hamburgerNavSubSeparatorHeightDesktop);
10294        --hamburgerNavSubSeparatorColorMobile: var(--hamburgerNavSubSeparatorColorDesktop);
10295        --hamburgerNavSubSeparatorSpacingMobile: var(--hamburgerNavSubSeparatorSpacingDesktop);
10296
10297        /* arrow */
10298        --hamburgerNavArrowSizeMobile: var(--hamburgerNavArrowSizeDesktop);
10299        --hamburgerNavArrowColorMobile: var(--hamburgerNavArrowColorDesktop);
10300        --hamburgerNavArrowSpacingMobile: var(--hamburgerNavArrowSpacingDesktop);
10301        --hamburgerNavArrowRotateMobile: var(--hamburgerNavArrowRotateDesktop);
10302        --hamburgerNavArrowAutoSpacingMobile: var(--hamburgerNavArrowAutoSpacingDesktop); /* off: auto */
10303        --hamburgerNavArrowSizeHoverMobile: var(--hamburgerNavArrowSizeHoverDesktop);
10304        --hamburgerNavArrowColorHoverMobile: var(--hamburgerNavArrowColorHoverDesktop);
10305        --hamburgerNavArrowRotateHoverMobile: var(--hamburgerNavArrowRotateHoverDesktop);
10306
10307        /* sub arrow */
10308        --hamburgerNavSubArrowSizeMobile: var(--hamburgerNavSubArrowSizeDesktop);
10309        --hamburgerNavSubArrowColorMobile: var(--hamburgerNavSubArrowColorDesktop);
10310        --hamburgerNavSubArrowSpacingMobile: var(--hamburgerNavSubArrowSpacingDesktop);
10311        --hamburgerNavSubArrowRotateMobile: var(--hamburgerNavSubArrowRotateDesktop);
10312        --hamburgerNavSubArrowAutoSpacingMobile: var(--hamburgerNavSubArrowAutoSpacingDesktop); /* off: auto */
10313        --hamburgerNavSubArrowSizeHoverMobile: var(--hamburgerNavSubArrowSizeHoverDesktop);
10314        --hamburgerNavSubArrowColorHoverMobile: var(--hamburgerNavSubArrowColorHoverDesktop);
10315        --hamburgerNavSubArrowRotateHoverMobile: var(--hamburgerNavSubArrowRotateHoverDesktop);
10316
10317        /* sub menu background color */
10318        --hamburgerNavSubBackgroundColorMobile: transparent;
10319
10320        /* sub nav item padding */
10321        --hamburgerNavSubItemPaddingTopMobile: var(--hamburgerNavSubItemPaddingTopDesktop);
10322        --hamburgerNavSubItemPaddingBottomMobile: var(--hamburgerNavSubItemPaddingBottomDesktop);
10323        --hamburgerNavSubItemPaddingLeftMobile: var(--hamburgerNavSubItemPaddingLeftDesktop);
10324        --hamburgerNavSubItemPaddingRightMobile: var(--hamburgerNavSubItemPaddingRightDesktop);
10325
10326        /* sub nav item padding hover */
10327        --hamburgerNavSubItemPaddingTopHoverMobile: var(--hamburgerNavSubItemPaddingTopHoverDesktop);
10328        --hamburgerNavSubItemPaddingBottomHoverMobile: var(--hamburgerNavSubItemPaddingBottomHoverDesktop);
10329        --hamburgerNavSubItemPaddingLeftHoverMobile: var(--hamburgerNavSubItemPaddingLeftHoverDesktop);
10330        --hamburgerNavSubItemPaddingRightHoverMobile: var(--hamburgerNavSubItemPaddingRightHoverDesktop);
10331
10332        /* sub nav item border */
10333        --hamburgerNavSubItemBorderTopMobile: var(--hamburgerNavSubItemBorderTopDesktop);
10334        --hamburgerNavSubItemBorderRightMobile: var(--hamburgerNavSubItemBorderRightDesktop);
10335        --hamburgerNavSubItemBorderBottomMobile: var(--hamburgerNavSubItemBorderBottomDesktop);
10336        --hamburgerNavSubItemBorderLeftMobile: var(--hamburgerNavSubItemBorderLeftDesktop);
10337
10338        /* sub nav item border hover */
10339        --hamburgerNavSubItemBorderTopHoverMobile: var(--hamburgerNavSubItemBorderTopHoverDesktop);
10340        --hamburgerNavSubItemBorderRightHoverMobile: var(--hamburgerNavSubItemBorderRightHoverDesktop);
10341        --hamburgerNavSubItemBorderBottomHoverMobile: var(--hamburgerNavSubItemBorderBottomHoverDesktop);
10342        --hamburgerNavSubItemBorderLeftHoverMobile: var(--hamburgerNavSubItemBorderLeftHoverDesktop);
10343
10344        /* sub nav item border radius */
10345        --hamburgerNavSubItemBorderRadiusMobile: var(--hamburgerNavSubItemBorderRadiusDesktop);
10346        --hamburgerNavSubItemBorderRadiusHoverMobile: var(--hamburgerNavSubItemBorderRadiusHoverDesktop);
10347
10348        /* sub nav item background color */
10349        --hamburgerNavSubItemBackgroundColorMobile: var(--hamburgerNavSubItemBackgroundColorDesktop);
10350
10351        /* sub nav item hover background color */
10352        --hamburgerNavSubItemHoverBackgroundColorMobile: var(--hamburgerNavSubItemHoverBackgroundColorDesktop);
10353
10354        /* sub nav item font */
10355        --hamburgerNavSubItemFontMobile: var(--hamburgerNavSubItemFontDesktop);
10356        --hamburgerNavSubItemFontColorMobile: var(--hamburgerNavSubItemFontColorDesktop);
10357        --hamburgerNavSubItemLineHeightMobile: var(--hamburgerNavSubItemLineHeightDesktop);
10358        --hamburgerNavSubItemFontSizeMobile: var(--hamburgerNavSubItemFontSizeDesktop);
10359        --hamburgerNavSubItemFontWeightMobile: var(--hamburgerNavSubItemFontWeightDesktop);
10360        --hamburgerNavSubItemTextDecorationMobile: var(--hamburgerNavSubItemTextDecorationDesktop);
10361        --hamburgerNavSubItemFontStyleMobile: var(--hamburgerNavSubItemFontStyleDesktop);
10362        --hamburgerNavSubItemLetterSpacingMobile: var(--hamburgerNavSubItemLetterSpacingDesktop);
10363
10364        /* sub nav item hover font */
10365        --hamburgerNavSubItemHoverFontColorMobile: var(--hamburgerNavSubItemHoverFontColorDesktop);
10366        --hamburgerNavSubItemFontHoverMobile: var(--hamburgerNavSubItemFontHoverDesktop);
10367        --hamburgerNavSubItemLineHeightHoverMobile: var(--hamburgerNavSubItemLineHeightHoverDesktop);
10368        --hamburgerNavSubItemFontSizeHoverMobile: var(--hamburgerNavSubItemFontSizeHoverDesktop);
10369        --hamburgerNavSubItemFontWeightHoverMobile: var(--hamburgerNavSubItemFontWeightHoverDesktop);
10370        --hamburgerNavSubItemLetterSpacingHoverMobile: var(--hamburgerNavSubItemLetterSpacingMobile);
10371        --hamburgerNavSubItemTextDecorationHoverMobile: var(--hamburgerNavSubItemTextDecorationHoverDesktop);
10372        --hamburgerNavSubItemFontStyleHoverMobile: var(--hamburgerNavSubItemFontStyleHoverDesktop);
10373
10374        /* nav back button border */
10375        --hamburgerNavBackButtonBorderTopMobile: var(--hamburgerNavBackButtonBorderTopDesktop);
10376        --hamburgerNavBackButtonBorderRightMobile: var(--hamburgerNavBackButtonBorderRightDesktop);
10377        --hamburgerNavBackButtonBorderBottomMobile: var(--hamburgerNavBackButtonBorderBottomDesktop);
10378        --hamburgerNavBackButtonBorderLeftMobile: var(--hamburgerNavBackButtonBorderLeftDesktop);
10379        /* nav back button border hover */
10380        --hamburgerNavBackButtonBorderTopHoverMobile: var(--hamburgerNavBackButtonBorderTopHoverDesktop);
10381        --hamburgerNavBackButtonBorderRightHoverMobile: var(--hamburgerNavBackButtonBorderRightHoverDesktop);
10382        --hamburgerNavBackButtonBorderBottomHoverMobile: var(--hamburgerNavBackButtonBorderBottomHoverDesktop);
10383        --hamburgerNavBackButtonBorderLeftHoverMobile: var(--hamburgerNavBackButtonBorderLeftHoverDesktop);
10384
10385        /* nav back button border radius */
10386        --hamburgerNavBackButtonBorderRadiusMobile: var(--hamburgerNavBackButtonBorderRadiusDesktop);
10387        --hamburgerNavBackButtonBorderRadiusHoverMobile: var(--hamburgerNavBackButtonBorderRadiusHoverDesktop);
10388
10389        /* nav back button background color */
10390        --hamburgerNavBackButtonBackgroundColorMobile: var(--hamburgerNavBackButtonBackgroundColorDesktop);
10391
10392        /* nav back button hover background color */
10393        --hamburgerNavBackButtonHoverBackgroundColorMobile: var(--hamburgerNavBackButtonHoverBackgroundColorDesktop);
10394
10395        /* nav back button */
10396        --hamburgerNavBackButtonPaddingTopMobile: var(--hamburgerNavBackButtonPaddingTopDesktop);
10397        --hamburgerNavBackButtonPaddingBottomMobile: var(--hamburgerNavBackButtonPaddingBottomDesktop);
10398        --hamburgerNavBackButtonPaddingLeftMobile: var(--hamburgerNavBackButtonPaddingLeftDesktop);
10399        --hamburgerNavBackButtonPaddingRightMobile: var(--hamburgerNavBackButtonPaddingRightDesktop);
10400        --hamburgerNavBackButtonFontMobile: var(--hamburgerNavBackButtonFontDesktop);
10401        --hamburgerNavBackButtonColorMobile: var(--hamburgerNavBackButtonColorDesktop);
10402        --hamburgerNavBackButtonFontSizeMobile: var(--hamburgerNavBackButtonFontSizeDesktop);
10403        --hamburgerNavBackButtonFontWeightMobile: var(--hamburgerNavBackButtonFontWeightDesktop);
10404        --hamburgerNavBackButtonFontStyleMobile: var(--hamburgerNavBackButtonFontStyleDesktop);
10405        --hamburgerNavBackButtonLetterSpacingMobile: var(--hamburgerNavBackButtonLetterSpacingDesktop);
10406        --hamburgerNavBackButtonTextDecorationMobile: var(--hamburgerNavBackButtonTextDecorationDesktop);
10407        --hamburgerNavBackButtonLineHeightMobile: var(--hamburgerNavBackButtonLineHeightDesktop);
10408        --hamburgerNavBackButtonHoverFontColorMobile: var(--hamburgerNavBackButtonHoverFontColorDesktop);
10409
10410        /* nav back button hover */
10411        --hamburgerNavBackButtonPaddingTopHoverMobile: var(--hamburgerNavBackButtonPaddingTopHoverDesktop);
10412        --hamburgerNavBackButtonPaddingBottomHoverMobile: var(--hamburgerNavBackButtonPaddingBottomHoverDesktop);
10413        --hamburgerNavBackButtonPaddingLeftHoverMobile: var(--hamburgerNavBackButtonPaddingLeftHoverDesktop);
10414        --hamburgerNavBackButtonPaddingRightHoverMobile: var(--hamburgerNavBackButtonPaddingRightHoverDesktop);
10415
10416
10417        /* nav back button arrow */
10418        --hamburgerNavBackButtonArrowSizeMobile: var(--hamburgerNavBackButtonArrowSizeDesktop);
10419        --hamburgerNavBackButtonArrowSizeHoverMobile: var(--hamburgerNavBackButtonArrowSizeHoverDesktop);
10420        --hamburgerNavBackButtonArrowColorMobile: var(--hamburgerNavBackButtonArrowColorDesktop);
10421        --hamburgerNavBackButtonArrowSpacingMobile: var(--hamburgerNavBackButtonArrowSpacingDesktop);
10422        --hamburgerNavBackButtonArrowRotateMobile: var(--hamburgerNavBackButtonArrowRotateDesktop);
10423
10424        /* parent title border */
10425        --hamburgerTitleBorderTopMobile: var(--hamburgerTitleBorderTopDesktop);
10426        --hamburgerTitleBorderRightMobile: var(--hamburgerTitleBorderRightDesktop);
10427        --hamburgerTitleBorderBottomMobile: var(--hamburgerTitleBorderBottomDesktop);
10428        --hamburgerTitleBorderLeftMobile: var(--hamburgerTitleBorderLeftDesktop);
10429
10430        /* parent title border hover */
10431        --hamburgerTitleBorderTopHoverMobile: var(--hamburgerTitleBorderTopHoverDesktop);
10432        --hamburgerTitleBorderRightHoverMobile: var(--hamburgerTitleBorderRightHoverDesktop);
10433        --hamburgerTitleBorderBottomHoverMobile: var(--hamburgerTitleBorderBottomHoverDesktop);
10434        --hamburgerTitleBorderLeftHoverMobile: var(--hamburgerTitleBorderLeftHoverDesktop);
10435
10436        /* parent title border radius */
10437        --hamburgerTitleBorderRadiusMobile: var(--hamburgerTitleBorderRadiusDesktop);
10438        --hamburgerTitleBorderRadiusHoverMobile: var(--hamburgerTitleBorderRadiusHoverDesktop);
10439
10440        /* parent title background color */
10441        --hamburgerTitleBackgroundColorMobile: var(--hamburgerTitleBackgroundColorDesktop);
10442        --hamburgerTitleBackgroundColorHoverMobile: var(--hamburgerTitleBackgroundColorHoverDesktop);
10443
10444        /* parent title padding */
10445        --hamburgerTitlePaddingTopMobile: var(--hamburgerTitlePaddingTopDesktop);
10446        --hamburgerTitlePaddingBottomMobile: var(--hamburgerTitlePaddingBottomDesktop);
10447        --hamburgerTitlePaddingLeftMobile: var(--hamburgerTitlePaddingLeftDesktop);
10448        --hamburgerTitlePaddingRightMobile: var(--hamburgerTitlePaddingRightDesktop);
10449
10450        /* parent title padding hover */
10451        --hamburgerTitlePaddingTopHoverMobile: var(--hamburgerTitlePaddingTopHoverDesktop);
10452        --hamburgerTitlePaddingBottomHoverMobile: var(--hamburgerTitlePaddingBottomHoverDesktop);
10453        --hamburgerTitlePaddingLeftHoverMobile: var(--hamburgerTitlePaddingLeftHoverDesktop);
10454        --hamburgerTitlePaddingRightHoverMobile: var(--hamburgerTitlePaddingRightHoverDesktop);
10455
10456        /* parent title font */
10457        --hamburgerTitleFontMobile: var(--hamburgerTitleFontDesktop);
10458        --hamburgerTitleFontColorMobile: var(--hamburgerTitleFontColorDesktop);
10459        --hamburgerTitleFontSizeMobile: var(--hamburgerTitleFontSizeDesktop);
10460        --hamburgerTitleFontWeightMobile: var(--hamburgerTitleFontWeightDesktop);
10461        --hamburgerTitleFontStyleMobile: var(--hamburgerTitleFontStyleDesktop);
10462        --hamburgerTitleLetterSpacingMobile: var(--hamburgerTitleLetterSpacingDesktop);
10463        --hamburgerTitleTextDecorationMobile: var(--hamburgerTitleTextDecorationDesktop);
10464        --hamburgerTitleLineHeightMobile: var(--hamburgerTitleLineHeightDesktop);
10465
10466        /* parent title arrow */
10467        --hamburgerTitleArrowSizeMobile: var(--hamburgerTitleArrowSizeDesktop);
10468        --hamburgerTitleArrowColorMobile: var(--hamburgerTitleArrowColorDesktop);
10469        --hamburgerTitleArrowSpacingMobile: var(--hamburgerTitleArrowSpacingDesktop);
10470        --hamburgerTitleArrowRotateMobile: var(--hamburgerTitleArrowRotateDesktop);
10471
10472        /* slide container */
10473        --hamburgerSlideContainerWidthMobile: 100vh;
10474
10475        /*****
10476			apply css properties
10477		*****/
10478
10479        /* apply main background color */
10480        --hamburgerNavBackgroundColor: var(--hamburgerNavBackgroundColorMobile);
10481
10482        /* apply main padding */
10483        --hamburgerNavPaddingTop: var(--hamburgerNavPaddingTopMobile);
10484        --hamburgerNavPaddingBottom: var(--hamburgerNavPaddingBottomMobile);
10485        --hamburgerNavPaddingLeft: var(--hamburgerNavPaddingLeftMobile);
10486        --hamburgerNavPaddingRight: var(--hamburgerNavPaddingRightMobile);
10487
10488        /* apply hamburger menu icon */
10489        --hamburgerMenuIconSize: var(--hamburgerMenuIconSizeMobile);
10490        --hamburgerMenuIconSizeHover: var(--hamburgerMenuIconSizeHoverMobile);
10491        --hamburgerMenuIconColor: var(--hamburgerMenuIconColorMobile);
10492        --hamburgerMenuIconHoverColor: var(--hamburgerMenuIconHoverColorMobile);
10493        --hamburgerMenuIconActiveSize: var(--hamburgerMenuIconActiveSizeMobile);
10494        --hamburgerMenuIconActiveColor: var(--hamburgerMenuIconActiveColorMobile);
10495        --hamburgerMenuIconActiveHoverColor: var(--hamburgerMenuIconActiveHoverColorMobile);
10496        --hamburgerMenuIconActiveSizeHover: var(--hamburgerMenuIconActiveSizeHoverMobile);
10497        --hamburgerMenuDisplay: var(--hamburgerMenuDisplayMobile);
10498        --hamburgerMenuJustifySelf: var(--hamburgerMenuJustifySelfMobile);
10499
10500        /* apply main nav justify self */
10501        --hamburgerNavJustifySelf: var(--hamburgerNavJustifySelfMobile);
10502
10503        /* apply main nav items alignment */
10504        --hamburgerNavItemsAlignment: var(--hamburgerNavItemsAlignmentMobile);
10505
10506        /* apply main nav item padding */
10507        --hamburgerNavItemPaddingTop: var(--hamburgerNavItemPaddingTopMobile);
10508        --hamburgerNavItemPaddingBottom: var(--hamburgerNavItemPaddingBottomMobile);
10509        --hamburgerNavItemPaddingLeft: var(--hamburgerNavItemPaddingLeftMobile);
10510        --hamburgerNavItemPaddingRight: var(--hamburgerNavItemPaddingRightMobile);
10511
10512        /* apply main nav item padding hover*/
10513        --hamburgerNavItemPaddingTopHover: var(--hamburgerNavItemPaddingTopMobileHover);
10514        --hamburgerNavItemPaddingBottomHover: var(--hamburgerNavItemPaddingBottomMobileHover);
10515        --hamburgerNavItemPaddingLeftHover: var(--hamburgerNavItemPaddingLeftMobileHover);
10516        --hamburgerNavItemPaddingRightHover: var(--hamburgerNavItemPaddingRightMobileHover);
10517
10518        /* apply main nav item border */
10519        --hamburgerNavItemBorderTop: var(--hamburgerNavItemBorderTopMobile);
10520        --hamburgerNavItemBorderRight: var(--hamburgerNavItemBorderRightMobile);
10521        --hamburgerNavItemBorderBottom: var(--hamburgerNavItemBorderBottomMobile);
10522        --hamburgerNavItemBorderLeft: var(--hamburgerNavItemBorderLeftMobile);
10523        /* apply main nav item border hover */
10524        --hamburgerNavItemBorderTopHover: var(--hamburgerNavItemBorderTopHoverMobile);
10525        --hamburgerNavItemBorderRightHover: var(--hamburgerNavItemBorderRightHoverMobile);
10526        --hamburgerNavItemBorderBottomHover: var(--hamburgerNavItemBorderBottomHoverMobile);
10527        --hamburgerNavItemBorderLeftHover: var(--hamburgerNavItemBorderLeftHoverMobile);
10528
10529        /* apply main nav item border radius */
10530        --hamburgerNavItemBorderRadius: var(--hamburgerNavItemBorderRadiusMobile);
10531        --hamburgerNavItemBorderRadiusHover: var(--hamburgerNavItemBorderRadiusMobileHover);
10532
10533        /* apply main nav item font */
10534        --hamburgerNavItemFont: var(--hamburgerNavItemFontMobile);
10535        --hamburgerNavItemFontColor: var(--hamburgerNavItemFontColorMobile);
10536        --hamburgerNavItemLineHeight: var(--hamburgerNavItemLineHeightMobile);
10537        --hamburgerNavItemFontSize: var(--hamburgerNavItemFontSizeMobile);
10538        --hamburgerNavItemFontWeight: var(--hamburgerNavItemFontWeightMobile);
10539        --hamburgerNavItemBackgroundColor: var(--hamburgerNavItemBackgroundColorMobile);
10540        --hamburgerNavItemLetterSpacing: var(--hamburgerNavItemLetterSpacingMobile);
10541        --hamburgerNavItemTextDecoration: var(--hamburgerNavItemTextDecorationMobile);
10542        --hamburgerNavItemFontStyle: var(--hamburgerNavItemFontStyleMobile);
10543
10544        /* apply main nav item hover font */
10545        --hamburgerNavItemHoverFontColor: var(--hamburgerNavItemHoverFontColorMobile);
10546        --hamburgerNavItemHoverBackgroundColor: var(--hamburgerNavItemHoverBackgroundColorMobile);
10547        --hamburgerNavItemFontHover: var(--hamburgerNavItemFontHoverMobile);
10548        --hamburgerNavItemLineHeightHover: var(--hamburgerNavItemLineHeightHoverMobile);
10549        --hamburgerNavItemFontSizeHover: var(--hamburgerNavItemFontSizeHoverMobile);
10550        --hamburgerNavItemFontWeightHover: var(--hamburgerNavItemFontWeightHoverMobile);
10551        --hamburgerNavItemLetterSpacingHover: var(--hamburgerNavItemLetterSpacingHoverMobile);
10552        --hamburgerNavItemTextDecorationHover: var(--hamburgerNavItemTextDecorationHoverMobile);
10553        --hamburgerNavItemFontStyleHover: var(--hamburgerNavItemFontStyleHoverMobile);
10554
10555        /* apply separator */
10556        --hamburgerNavSeparatorDisplay: var(--hamburgerNavSeparatorDisplayMobile);
10557        --hamburgerNavSeparatorWidth: var(--hamburgerNavSeparatorWidthMobile);
10558        --hamburgerNavSeparatorHeight: var(--hamburgerNavSeparatorHeightMobile);
10559        --hamburgerNavSeparatorColor: var(--hamburgerNavSeparatorColorMobile);
10560        --hamburgerNavSeparatorSpacing: var(--hamburgerNavSeparatorSpacingMobile);
10561
10562        /* apply sub separator */
10563        --hamburgerNavSubSeparatorDisplay: var(--hamburgerNavSubSeparatorDisplayMobile);
10564        --hamburgerNavSubSeparatorWidth: var(--hamburgerNavSubSeparatorWidthMobile);
10565        --hamburgerNavSubSeparatorHeight: var(--hamburgerNavSubSeparatorHeightMobile);
10566        --hamburgerNavSubSeparatorColor: var(--hamburgerNavSubSeparatorColorMobile);
10567        --hamburgerNavSubSeparatorSpacing: var(--hamburgerNavSubSeparatorSpacingMobile);
10568
10569        /* apply arrow */
10570        --hamburgerNavArrowSize: var(--hamburgerNavArrowSizeMobile);
10571        --hamburgerNavArrowColor: var(--hamburgerNavArrowColorMobile);
10572        --hamburgerNavArrowSpacing: var(--hamburgerNavArrowSpacingMobile);
10573        --hamburgerNavArrowRotate: var(--hamburgerNavArrowRotateMobile);
10574        --hamburgerNavArrowAutoSpacing: var(--hamburgerNavArrowAutoSpacingMobile);
10575        --hamburgerNavArrowSizeHover: var(--hamburgerNavArrowSizeHoverMobile);
10576        --hamburgerNavArrowColorHover: var(--hamburgerNavArrowColorHoverMobile);
10577        --hamburgerNavArrowRotateHover: var(--hamburgerNavArrowRotateHoverMobile);
10578
10579        /* apply main item icon */
10580        --hamburgerNavItemIconDisplay: var(--hamburgerNavItemIconDisplayMobile);
10581        --hamburgerNavItemIconColor: var(--hamburgerNavItemIconColorMobile);
10582        --hamburgerNavItemIconColorHover: var(--hamburgerNavItemIconColorHoverMobile);
10583        --hamburgerNavItemIconSize: var(--hamburgerNavItemIconSizeMobile);
10584        --hamburgerNavItemIconSizeHover: var(--hamburgerNavItemIconSizeHoverMobile);
10585        --hamburgerNavItemIconRotate: var(--hamburgerNavItemIconRotateMobile);
10586        --hamburgerNavItemIconRotateHover: var(--hamburgerNavItemIconRotateHoverMobile);
10587        --hamburgerNavItemIconSpacing: var(--hamburgerNavItemIconSpacingMobile);
10588        --hamburgerNavSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplayMobile);
10589        --hamburgerNavSubItemIconColor: var(--hamburgerNavSubItemIconColorMobile);
10590        --hamburgerNavSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHoverMobile);
10591        --hamburgerNavSubItemIconSize: var(--hamburgerNavSubItemIconSizeMobile);
10592        --hamburgerNavSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHoverMobile);
10593        --hamburgerNavSubItemIconRotate: var(--hamburgerNavSubItemIconRotateMobile);
10594        --hamburgerNavSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHoverMobile);
10595        --hamburgerNavSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacingMobile);
10596
10597        /* apply sub arrow */
10598        --hamburgerNavSubArrowSize: var(--hamburgerNavSubArrowSizeMobile);
10599        --hamburgerNavSubArrowColor: var(--hamburgerNavSubArrowColorMobile);
10600        --hamburgerNavSubArrowSpacing: var(--hamburgerNavSubArrowSpacingMobile);
10601        --hamburgerNavSubArrowRotate: var(--hamburgerNavSubArrowRotateMobile);
10602        --hamburgerNavSubArrowAutoSpacing: var(--hamburgerNavSubArrowAutoSpacingMobile);
10603        --hamburgerNavSubArrowSizeHover: var(--hamburgerNavSubArrowSizeHoverMobile);
10604        --hamburgerNavSubArrowColorHover: var(--hamburgerNavSubArrowColorHoverMobile);
10605        --hamburgerNavSubArrowRotateHover: var(--hamburgerNavSubArrowRotateHoverMobile);
10606
10607        /* apply sub menu background color */
10608        --hamburgerNavSubBackgroundColor: var(--hamburgerNavSubBackgroundColorMobile);
10609
10610        /* apply sub nav item padding */
10611        --hamburgerNavSubItemPaddingTop: var(--hamburgerNavSubItemPaddingTopMobile);
10612        --hamburgerNavSubItemPaddingBottom: var(--hamburgerNavSubItemPaddingBottomMobile);
10613        --hamburgerNavSubItemPaddingLeft: var(--hamburgerNavSubItemPaddingLeftMobile);
10614        --hamburgerNavSubItemPaddingRight: var(--hamburgerNavSubItemPaddingRightMobile);
10615
10616        /* apply sub nav item padding hover */
10617        --hamburgerNavSubItemPaddingTopHover: var(--hamburgerNavSubItemPaddingTopHoverMobile);
10618        --hamburgerNavSubItemPaddingBottomHover: var(--hamburgerNavSubItemPaddingBottomHoverMobile);
10619        --hamburgerNavSubItemPaddingLeftHover: var(--hamburgerNavSubItemPaddingLeftHoverMobile);
10620        --hamburgerNavSubItemPaddingRightHover: var(--hamburgerNavSubItemPaddingRightHoverMobile);
10621
10622        /* apply sub nav item border */
10623        --hamburgerNavSubItemBorderTop: var(--hamburgerNavSubItemBorderTopMobile);
10624        --hamburgerNavSubItemBorderRight: var(--hamburgerNavSubItemBorderRightMobile);
10625        --hamburgerNavSubItemBorderBottom: var(--hamburgerNavSubItemBorderBottomMobile);
10626        --hamburgerNavSubItemBorderLeft: var(--hamburgerNavSubItemBorderLeftMobile);
10627        /* apply sub nav item border */
10628        --hamburgerNavSubItemBorderTopHover: var(--hamburgerNavSubItemBorderTopHoverMobile);
10629        --hamburgerNavSubItemBorderRightHover: var(--hamburgerNavSubItemBorderRightHoverMobile);
10630        --hamburgerNavSubItemBorderBottomHover: var(--hamburgerNavSubItemBorderBottomHoverMobile);
10631        --hamburgerNavSubItemBorderLeftHover: var(--hamburgerNavSubItemBorderLeftHoverMobile);
10632
10633        /* apply sub nav item border radius */
10634        --hamburgerNavSubItemBorderRadius: var(--hamburgerNavSubItemBorderRadiusMobile);
10635        --hamburgerNavSubItemBorderRadiusHover: var(--hamburgerNavSubItemBorderRadiusHoverMobile);
10636
10637        /* apply sub nav item background color */
10638        --hamburgerNavSubItemBackgroundColor: var(--hamburgerNavSubItemBackgroundColorMobile);
10639
10640        /* apply sub nav item hover background color */
10641        --hamburgerNavSubItemHoverBackgroundColor: var(--hamburgerNavSubItemHoverBackgroundColorMobile);
10642
10643        /* apply sub nav item font */
10644        --hamburgerNavSubItemFont: var(--hamburgerNavSubItemFontMobile);
10645        --hamburgerNavSubItemFontColor: var(--hamburgerNavSubItemFontColorMobile);
10646        --hamburgerNavSubItemLineHeight: var(--hamburgerNavSubItemLineHeightMobile);
10647        --hamburgerNavSubItemFontSize: var(--hamburgerNavSubItemFontSizeMobile);
10648        --hamburgerNavSubItemFontWeight: var(--hamburgerNavSubItemFontWeightMobile);
10649        --hamburgerNavSubItemHoverFontColor: var(--hamburgerNavSubItemHoverFontColorMobile);
10650        --hamburgerNavSubItemTextDecoration: var(--hamburgerNavSubItemTextDecorationMobile);
10651        --hamburgerNavSubItemFontStyle: var(--hamburgerNavSubItemFontStyleMobile);
10652        --hamburgerNavSubItemLetterSpacing: var(--hamburgerNavSubItemLetterSpacingMobile);
10653
10654        /* apply sub nav item hover font */
10655        --hamburgerNavSubItemFontHover: var(--hamburgerNavSubItemFontHoverMobile);
10656        --hamburgerNavSubItemLineHeightHover: var(--hamburgerNavSubItemLineHeightHoverMobile);
10657        --hamburgerNavSubItemFontSizeHover: var(--hamburgerNavSubItemFontSizeHoverMobile);
10658        --hamburgerNavSubItemFontWeightHover: var(--hamburgerNavSubItemFontWeightHoverMobile);
10659        --hamburgerNavSubItemLetterSpacingHover: var(--hamburgerNavSubItemLetterSpacingHoverMobile);
10660        --hamburgerNavSubItemTextDecorationHover: var(--hamburgerNavSubItemTextDecorationHoverMobile);
10661        --hamburgerNavSubItemFontStyleHover: var(--hamburgerNavSubItemFontStyleHoverMobile);
10662
10663        /* apply nav back button border */
10664        --hamburgerNavBackButtonBorderTopHover: var(--hamburgerNavBackButtonBorderTopHoverMobile);
10665        --hamburgerNavBackButtonBorderRightHover: var(--hamburgerNavBackButtonBorderRightHoverMobile);
10666        --hamburgerNavBackButtonBorderBottomHover: var(--hamburgerNavBackButtonBorderBottomHoverMobile);
10667        --hamburgerNavBackButtonBorderLeftHover: var(--hamburgerNavBackButtonBorderLeftHoverMobile);
10668        /* apply nav back button border */
10669        --hamburgerNavBackButtonBorderTop: var(--hamburgerNavBackButtonBorderTopMobile);
10670        --hamburgerNavBackButtonBorderRight: var(--hamburgerNavBackButtonBorderRightMobile);
10671        --hamburgerNavBackButtonBorderBottom: var(--hamburgerNavBackButtonBorderBottomMobile);
10672        --hamburgerNavBackButtonBorderLeft: var(--hamburgerNavBackButtonBorderLeftMobile);
10673
10674        /* apply nav back button border radius */
10675        --hamburgerNavBackButtonBorderRadius: var(--hamburgerNavBackButtonBorderRadiusMobile);
10676        --hamburgerNavBackButtonBorderRadiusHover: var(--hamburgerNavBackButtonBorderRadiusHoverMobile);
10677
10678        /* apply nav back button background color */
10679        --hamburgerNavBackButtonBackgroundColor: var(--hamburgerNavBackButtonBackgroundColorMobile);
10680
10681        /* apply nav back button hover background color */
10682        --hamburgerNavBackButtonHoverBackgroundColor: var(--hamburgerNavBackButtonHoverBackgroundColorMobile);
10683
10684        /* apply nav back button */
10685        --hamburgerNavBackButtonPaddingTop: var(--hamburgerNavBackButtonPaddingTopMobile);
10686        --hamburgerNavBackButtonPaddingBottom: var(--hamburgerNavBackButtonPaddingBottomMobile);
10687        --hamburgerNavBackButtonPaddingLeft: var(--hamburgerNavBackButtonPaddingLeftMobile);
10688        --hamburgerNavBackButtonPaddingRight: var(--hamburgerNavBackButtonPaddingRightMobile);
10689        --hamburgerNavBackButtonFont: var(--hamburgerNavBackButtonFontMobile);
10690        --hamburgerNavBackButtonColor: var(--hamburgerNavBackButtonColorMobile);
10691        --hamburgerNavBackButtonFontSize: var(--hamburgerNavBackButtonFontSizeMobile);
10692        --hamburgerNavBackButtonFontWeight: var(--hamburgerNavBackButtonFontWeightMobile);
10693        --hamburgerNavBackButtonFontStyle: var(--hamburgerNavBackButtonFontStyleMobile);
10694        --hamburgerNavBackButtonLetterSpacing: var(--hamburgerNavBackButtonLetterSpacingMobile);
10695        --hamburgerNavBackButtonTextDecoration: var(--hamburgerNavBackButtonTextDecorationMobile);
10696        --hamburgerNavBackButtonLineHeight: var(--hamburgerNavBackButtonLineHeightMobile);
10697        --hamburgerNavBackButtonHoverFontColor: var(--hamburgerNavBackButtonHoverFontColorMobile);
10698
10699        /* apply nav back button hover*/
10700        --hamburgerNavBackButtonPaddingTopHover: var(--hamburgerNavBackButtonPaddingTopHoverMobile);
10701        --hamburgerNavBackButtonPaddingBottomHover: var(--hamburgerNavBackButtonPaddingBottomHoverMobile);
10702        --hamburgerNavBackButtonPaddingLeftHover: var(--hamburgerNavBackButtonPaddingLeftHoverMobile);
10703        --hamburgerNavBackButtonPaddingRightHover: var(--hamburgerNavBackButtonPaddingRightHoverMobile);
10704
10705        /* apply nav back button arrow */
10706        --hamburgerNavBackButtonArrowSize: var(--hamburgerNavBackButtonArrowSizeMobile);
10707        --hamburgerNavBackButtonArrowSizeHover: var(--hamburgerNavBackButtonArrowSizeHoverMobile);
10708        --hamburgerNavBackButtonArrowColor: var(--hamburgerNavBackButtonArrowColorMobile);
10709        --hamburgerNavBackButtonArrowSpacing: var(--hamburgerNavBackButtonArrowSpacingMobile);
10710        --hamburgerNavBackButtonArrowRotate: var(--hamburgerNavBackButtonArrowRotateMobile);
10711
10712        /* apply parent title border */
10713        --hamburgerTitleBorderTop: var(--hamburgerTitleBorderTopMobile);
10714        --hamburgerTitleBorderRight: var(--hamburgerTitleBorderRightMobile);
10715        --hamburgerTitleBorderBottom: var(--hamburgerTitleBorderBottomMobile);
10716        --hamburgerTitleBorderLeft: var(--hamburgerTitleBorderLeftMobile);
10717        /* apply parent title border hover */
10718        --hamburgerTitleBorderTopHover: var(--hamburgerTitleBorderTopHoverMobile);
10719        --hamburgerTitleBorderRightHover: var(--hamburgerTitleBorderRightHoverMobile);
10720        --hamburgerTitleBorderBottomHover: var(--hamburgerTitleBorderBottomHoverMobile);
10721        --hamburgerTitleBorderLeftHover: var(--hamburgerTitleBorderLeftHoverMobile);
10722
10723        /* apply parent title border radius */
10724        --hamburgerTitleBorderRadius: var(--hamburgerTitleBorderRadiusMobile);
10725        --hamburgerTitleBorderRadiusHover: var(--hamburgerTitleBorderRadiusHoverMobile);
10726
10727        /* apply parent title background color */
10728        --hamburgerTitleBackgroundColor: var(--hamburgerTitleBackgroundColorMobile);
10729        --hamburgerTitleBackgroundColorHover: var(--hamburgerTitleBackgroundColorHoverMobile);
10730
10731        /* apply parent title padding */
10732        --hamburgerTitlePaddingTop: var(--hamburgerTitlePaddingTopMobile);
10733        --hamburgerTitlePaddingBottom: var(--hamburgerTitlePaddingBottomMobile);
10734        --hamburgerTitlePaddingLeft: var(--hamburgerTitlePaddingLeftMobile);
10735        --hamburgerTitlePaddingRight: var(--hamburgerTitlePaddingRightMobile);
10736        /* apply parent title padding hover */
10737        --hamburgerTitlePaddingTopHover: var(--hamburgerTitlePaddingTopHoverMobile);
10738        --hamburgerTitlePaddingBottomHover: var(--hamburgerTitlePaddingBottomHoverMobile);
10739        --hamburgerTitlePaddingLeftHover: var(--hamburgerTitlePaddingLeftHoverMobile);
10740        --hamburgerTitlePaddingRightHover: var(--hamburgerTitlePaddingRightHoverMobile);
10741
10742        /* apply parent title font */
10743        --hamburgerTitleFont: var(--hamburgerTitleFontMobile);
10744        --hamburgerTitleFontColor: var(--hamburgerTitleFontColorMobile);
10745        --hamburgerTitleFontSize: var(--hamburgerTitleFontSizeMobile);
10746        --hamburgerTitleFontWeight: var(--hamburgerTitleFontWeightMobile);
10747        --hamburgerTitleFontStyle: var(--hamburgerTitleFontStyleMobile);
10748        --hamburgerTitleLetterSpacing: var(--hamburgerTitleLetterSpacingMobile);
10749        --hamburgerTitleTextDecoration: var(--hamburgerTitleTextDecorationMobile);
10750        --hamburgerTitleLineHeight: var(--hamburgerTitleLineHeightMobile);
10751
10752        /* apply parent title arrow */
10753        --hamburgerTitleArrowSize: var(--hamburgerTitleArrowSizeMobile);
10754        --hamburgerTitleArrowColor: var(--hamburgerTitleArrowColorMobile);
10755        --hamburgerTitleArrowSpacing: var(--hamburgerTitleArrowSpacingMobile);
10756        --hamburgerTitleArrowRotate: var(--hamburgerTitleArrowRotateMobile);
10757
10758        /* apply slide container */
10759        --hamburgerSlideContainerWidth: var(--hamburgerSlideContainerWidthMobile);
10760
10761        /**********************
10762			vertical main nav
10763		***********************/
10764
10765        /* main nav justify content */
10766        --verticalNavJustifySelfMobile: center;
10767
10768        /* main nav items alignment */
10769        --verticalNavItemsAlignmentMobile: var(--verticalNavItemsAlignmentDesktop);
10770
10771        /* main nav width */
10772        --verticalNavWidthMobile: 100%;
10773
10774        /* main nav padding */
10775        --verticalNavPaddingTopMobile: var(--verticalNavPaddingTopDesktop);
10776        --verticalNavPaddingBottomMobile: var(--verticalNavPaddingBottomDesktop);
10777        --verticalNavPaddingLeftMobile: var(--verticalNavPaddingLeftDesktop);
10778        --verticalNavPaddingRightMobile: var(--verticalNavPaddingRightDesktop);
10779
10780        /* main nav border */
10781        --verticalNavBorderTopMobile: var(--verticalNavBorderTopDesktop);
10782        --verticalNavBorderRightMobile: var(--verticalNavBorderRightDesktop);
10783        --verticalNavBorderBottomMobile: var(--verticalNavBorderBottomDesktop);
10784        --verticalNavBorderLeftMobile: var(--verticalNavBorderLeftDesktop);
10785
10786        /* main nav border radius */
10787        --verticalNavBorderRadiusMobile: var(--verticalNavBorderRadiusDesktop);
10788
10789        /* main nav item font */
10790        --verticalNavItemFontMobile: var(--verticalNavItemFontDesktop);
10791        --verticalNavItemFontColorMobile: var(--verticalNavItemFontColorDesktop);
10792        --verticalNavItemFontSizeMobile: var(--verticalNavItemFontSizeDesktop);
10793        --verticalNavItemFontWeightMobile: var(--verticalNavItemFontWeightDesktop);
10794        --verticalNavItemLineHeightMobile: var(--verticalNavItemLineHeightDesktop);
10795        --verticalNavItemTextDecorationMobile: var(--verticalNavItemTextDecorationDesktop);
10796        --verticalNavItemFontStyleMobile: var(--verticalNavItemFontStyleDesktop);
10797        --verticalNavItemLetterSpacingMobile: var(--verticalNavItemLetterSpacingDesktop);
10798        --verticalNavItemBackgroundColorMobile: var(--verticalNavItemBackgroundColorDesktop);
10799
10800        /* main nav item font hover*/
10801        --verticalNavItemHoverFontColorMobile: var(--verticalNavItemHoverFontColorDesktop);
10802        --verticalNavItemHoverBackgroundColorMobile: var(--verticalNavItemHoverBackgroundColorDesktop);
10803        --verticalNavItemFontSizeHoverMobile: var(--verticalNavItemFontSizeHoverDesktop);
10804        --verticalNavItemFontWeightHoverMobile: var(--verticalNavItemFontWeightHoverDesktop);
10805        --verticalNavItemTextDecorationHoverMobile: var(--verticalNavItemTextDecorationHoverDesktop);
10806        --verticalNavItemFontStyleHoverMobile: var(--verticalNavItemFontStyleHoverDesktop);
10807
10808
10809        /* main nav item padding */
10810        --verticalNavItemPaddingTopMobile: var(--verticalNavItemPaddingTopDesktop);
10811        --verticalNavItemPaddingRightMobile: var(--verticalNavItemPaddingRightDesktop);
10812        --verticalNavItemPaddingBottomMobile: var(--verticalNavItemPaddingBottomDesktop);
10813        --verticalNavItemPaddingLeftMobile: var(--verticalNavItemPaddingLeftDesktop);
10814
10815        /* main nav item padding hover */
10816        --verticalNavItemPaddingTopHoverMobile: var(--verticalNavItemPaddingTopHoverDesktop);
10817        --verticalNavItemPaddingRightHoverMobile: var(--verticalNavItemPaddingRightHoverDesktop);
10818        --verticalNavItemPaddingBottomHoverMobile: var(--verticalNavItemPaddingBottomHoverDesktop);
10819        --verticalNavItemPaddingLeftHoverMobile: var(--verticalNavItemPaddingLeftHoverDesktop);
10820
10821        /* main nav item border */
10822        --verticalNavItemBorderTopMobile: var(--verticalNavItemBorderTopDesktop);
10823        --verticalNavItemBorderRightMobile: var(--verticalNavItemBorderRightDesktop);
10824        --verticalNavItemBorderBottomMobile: var(--verticalNavItemBorderBottomDesktop);
10825        --verticalNavItemBorderLeftMobile: var(--verticalNavItemBorderLeftDesktop);
10826
10827        /* main nav item border hover*/
10828        --verticalNavItemBorderTopHoverMobile: var(--verticalNavItemBorderTopHoverDesktop);
10829        --verticalNavItemBorderRightHoverMobile: var(--verticalNavItemBorderRightHoverDesktop);
10830        --verticalNavItemBorderBottomHoverMobile: var(--verticalNavItemBorderBottomHoverDesktop);
10831        --verticalNavItemBorderLeftHoverMobile: var(--verticalNavItemBorderLeftHoverDesktop);
10832
10833        /* main nav item border radius */
10834        --verticalNavItemBorderRadiusMobile: var(--verticalNavItemBorderRadiusDesktop);
10835        --verticalNavItemBorderRadiusHoverMobile: var(--verticalNavItemBorderRadiusHoverDesktop);
10836
10837        /* arrow */
10838        --verticalNavArrowSizeMobile: 24px;
10839        --verticalNavArrowWidthMobile: 24px;
10840        --verticalNavArrowSpacingMobile: 10px;
10841        --verticalNavArrowColorMobile: rgba(var(--colorPrimaryA), 1);
10842        --verticalNavArrowRotateMobile: -90deg;
10843
10844        /* title */
10845        --verticalNavTitleFontColorMobile: rgba(var(--colorPrimaryH), 1);
10846        --verticalNavTitleLineHeightMobile: 1.4;
10847        --verticalNavTitleFontSizeMobile: 21px;
10848        --verticalNavTitleFontWeightMobile: 700;
10849        --verticalNavTitleContainerBackgroundColorMobile: transparent;
10850
10851        /* sub nav item font */
10852        --verticalNavSubItemFontMobile: var(--navPrimaryFont);
10853        --verticalNavSubItemFontColorMobile: rgba(var(--colorPrimaryA), 1);
10854        --verticalNavSubItemFontSizeMobile: 16px;
10855        --verticalNavSubItemFontWeightMobile: 400;
10856        --verticalNavSubItemLineHeightMobile: normal;
10857        --verticalNavSubItemTextDecorationMobile: none;
10858        --verticalNavSubItemFontStyleMobile: normal;
10859        --verticalNavSubItemLetterSpacingMobile: 0px;
10860        --verticalNavSubItemBackgroundColorMobile: transparent;
10861        --verticalNavSubItemHoverFontColorMobile: var(--verticalNavSubItemFontColorMobile);
10862        --verticalNavSubItemHoverBackgroundColorMobile: var(--verticalNavSubItemBackgroundColorMobile);
10863
10864        /* sub nav item padding */
10865        --verticalNavSubItemPaddingTopMobile: 0px;
10866        --verticalNavSubItemPaddingRightMobile: 0px;
10867        --verticalNavSubItemPaddingBottomMobile: 0px;
10868        --verticalNavSubItemPaddingLeftMobile: 0px;
10869
10870        /* sub nav item border */
10871        --verticalNavSubItemBorderTopMobile: 0px none rgba(var(--colorPrimaryA), 1);
10872        --verticalNavSubItemBorderRightMobile: 0px none rgba(var(--colorPrimaryA), 1);
10873        --verticalNavSubItemBorderBottomMobile: 0px none rgba(var(--colorPrimaryA), 1);
10874        --verticalNavSubItemBorderLeftMobile: 0px none rgba(var(--colorPrimaryA), 1);
10875
10876        /* sub nav item border radius */
10877        --verticalNavSubItemBorderRadiusMobile: 0px 0px 0px 0px;
10878
10879        /* sub nav arrow */
10880        --verticalNavSubArrowSizeMobile: 24px;
10881        --verticalNavSubArrowWidthMobile: 24px;
10882        --verticalNavSubArrowSpacingMobile: 10px;
10883
10884        /* slide container */
10885        --verticalSlideContainerWidthMobile: 400px;
10886
10887        /* separator */
10888        --verticalNavSeparatorDisplayMobile: var(--verticalNavSeparatorDisplayDesktop);
10889        --verticalNavSeparatorWidthMobile: var(--verticalNavSeparatorWidthDesktop);
10890        --verticalNavSeparatorHeightMobile: var(--verticalNavSeparatorHeightDesktop);
10891        --verticalNavSeparatorColorMobile: var(--verticalNavSeparatorColorDesktop);
10892        --verticalNavSeparatorSpacingMobile: var(--verticalNavSeparatorSpacingDesktop);
10893
10894        /* sub separator */
10895        --verticalNavSubSeparatorDisplayMobile: var(--verticalNavSubSeparatorDisplayDesktop);
10896        --verticalNavSubSeparatorWidthMobile: var(--verticalNavSubSeparatorWidthDesktop);
10897        --verticalNavSubSeparatorHeightMobile: var(--verticalNavSubSeparatorHeightDesktop);
10898        --verticalNavSubSeparatorColorMobile: var(--verticalNavSubSeparatorColorDesktop);
10899        --verticalNavSubSeparatorSpacingMobile: var(--verticalNavSubSeparatorSpacingDesktop);
10900
10901        /*****
10902			apply css properties
10903		*****/
10904
10905        /* apply main nav justify content */
10906        --verticalNavJustifySelf: var(--verticalNavJustifySelfMobile);
10907
10908        /* apply main nav items alignment */
10909        --verticalNavItemsAlignment: var(--verticalNavItemsAlignmentMobile);
10910
10911        /* apply main nav width */
10912        --verticalNavWidth: var(--verticalNavWidthMobile);
10913
10914        /* apply main nav padding */
10915        --verticalNavPaddingTop: var(--verticalNavPaddingTopMobile);
10916        --verticalNavPaddingBottom: var(--verticalNavPaddingBottomMobile);
10917        --verticalNavPaddingLeft: var(--verticalNavPaddingLeftMobile);
10918        --verticalNavPaddingRight: var(--verticalNavPaddingRightMobile);
10919
10920        /* apply main nav border */
10921        --verticalNavBorderTop: var(--verticalNavBorderTopMobile);
10922        --verticalNavBorderRight: var(--verticalNavBorderRightMobile);
10923        --verticalNavBorderBottom: var(--verticalNavBorderBottomMobile);
10924        --verticalNavBorderLeft: var(--verticalNavBorderLeftMobile);
10925
10926        /* apply main nav border radius */
10927        --verticalNavBorderRadius: var(--verticalNavBorderRadiusMobile);
10928
10929        /* apply main nav item font */
10930        --verticalNavItemFont: var(--verticalNavItemFontMobile);
10931        --verticalNavItemFontColor: var(--verticalNavItemFontColorMobile);
10932        --verticalNavItemFontSize: var(--verticalNavItemFontSizeMobile);
10933        --verticalNavItemFontWeight: var(--verticalNavItemFontWeightMobile);
10934        --verticalNavItemLineHeight: var(--verticalNavItemLineHeightMobile);
10935        --verticalNavItemTextDecoration: var(--verticalNavItemTextDecorationMobile);
10936        --verticalNavItemFontStyle: var(--verticalNavItemFontStyleMobile);
10937        --verticalNavItemLetterSpacing: var(--verticalNavItemLetterSpacingMobile);
10938        --verticalNavItemBackgroundColor: var(--verticalNavItemBackgroundColorMobile);
10939        --verticalNavItemHoverFontColor: var(--verticalNavItemHoverFontColorMobile);
10940        --verticalNavItemHoverBackgroundColor: var(--verticalNavItemHoverBackgroundColorMobile);
10941
10942        /* apply main nav item font hover*/
10943        --verticalNavItemFontSizeHover: var(--verticalNavItemFontSizeHoverMobile);
10944        --verticalNavItemFontWeightHover: var(--verticalNavItemFontWeightHoverMobile);
10945        --verticalNavItemTextDecorationHover: var(--verticalNavItemTextDecorationHoverMobile);
10946        --verticalNavItemFontStyleHover: var(--verticalNavItemFontStyleHoverMobile);
10947
10948
10949        /* apply main nav item padding */
10950        --verticalNavItemPaddingTop: var(--verticalNavItemPaddingTopMobile);
10951        --verticalNavItemPaddingRight: var(--verticalNavItemPaddingRightMobile);
10952        --verticalNavItemPaddingBottom: var(--verticalNavItemPaddingBottomMobile);
10953        --verticalNavItemPaddingLeft: var(--verticalNavItemPaddingLeftMobile);
10954        /* apply main nav item padding hover*/
10955        --verticalNavItemPaddingTopHover: var(--verticalNavItemPaddingTopHoverMobile);
10956        --verticalNavItemPaddingRightHover: var(--verticalNavItemPaddingRightHoverMobile);
10957        --verticalNavItemPaddingBottomHover: var(--verticalNavItemPaddingBottomHoverMobile);
10958        --verticalNavItemPaddingLeftHover: var(--verticalNavItemPaddingLeftHoverMobile);
10959
10960        /* apply main nav item border */
10961        --verticalNavItemBorderTop: var(--verticalNavItemBorderTopMobile);
10962        --verticalNavItemBorderRight: var(--verticalNavItemBorderRightMobile);
10963        --verticalNavItemBorderBottom: var(--verticalNavItemBorderBottomMobile);
10964        --verticalNavItemBorderLeft: var(--verticalNavItemBorderLeftMobile);
10965
10966        /* apply main nav item border hover */
10967        --verticalNavItemBorderTopHover: var(--verticalNavItemBorderTopHoverMobile);
10968        --verticalNavItemBorderRightHover: var(--verticalNavItemBorderRightHoverMobile);
10969        --verticalNavItemBorderBottomHover: var(--verticalNavItemBorderBottomHoverMobile);
10970        --verticalNavItemBorderLeftHover: var(--verticalNavItemBorderLeftHoverMobile);
10971
10972        /* apply main nav item border radius */
10973        --verticalNavItemBorderRadius: var(--verticalNavItemBorderRadiusMobile);
10974        --verticalNavItemBorderRadiusHover: var(--verticalNavItemBorderRadiusHoverMobile);
10975
10976        /* apply arrow */
10977        --verticalNavArrowSize: var(--verticalNavArrowSizeMobile);
10978        --verticalNavItemIconDisplay: var(--verticalNavItemIconDisplayMobile);
10979        --verticalNavItemIconColor: var(--verticalNavItemIconColorMobile);
10980        --verticalNavItemIconColorHover: var(--verticalNavItemIconColorHoverMobile);
10981        --verticalNavItemIconSize: var(--verticalNavItemIconSizeMobile);
10982        --verticalNavItemIconSizeHover: var(--verticalNavItemIconSizeHoverMobile);
10983        --verticalNavItemIconRotate: var(--verticalNavItemIconRotateMobile);
10984        --verticalNavItemIconRotateHover: var(--verticalNavItemIconRotateHoverMobile);
10985        --verticalNavItemIconSpacing: var(--verticalNavItemIconSpacingMobile);
10986        --verticalNavSubItemIconDisplay: var(--verticalNavSubItemIconDisplayMobile);
10987        --verticalNavSubItemIconColor: var(--verticalNavSubItemIconColorMobile);
10988        --verticalNavSubItemIconColorHover: var(--verticalNavSubItemIconColorHoverMobile);
10989        --verticalNavSubItemIconSize: var(--verticalNavSubItemIconSizeMobile);
10990        --verticalNavSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHoverMobile);
10991        --verticalNavSubItemIconRotate: var(--verticalNavSubItemIconRotateMobile);
10992        --verticalNavSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHoverMobile);
10993        --verticalNavSubItemIconSpacing: var(--verticalNavSubItemIconSpacingMobile);
10994        --verticalNavArrowWidth: var(--verticalNavArrowWidthMobile);
10995        --verticalNavArrowSpacing: var(--verticalNavArrowSpacingMobile);
10996        --verticalNavArrowColor: var(--verticalNavArrowColorMobile);
10997        --verticalNavArrowRotate: var(--verticalNavArrowRotateMobile);
10998
10999        /* apply title */
11000        --verticalNavTitleFontColor: var(--verticalNavTitleFontColorMobile);
11001        --verticalNavTitleLineHeight: var(--verticalNavTitleLineHeightMobile);
11002        --verticalNavTitleFontSize: var(--verticalNavTitleFontSizeMobile);
11003        --verticalNavTitleFontWeight: var(--verticalNavTitleFontWeightMobile);
11004        --verticalNavTitleContainerBackgroundColor: var(--verticalNavTitleContainerBackgroundColorMobile);
11005
11006        /* apply sub nav item font */
11007        --verticalNavSubItemFont: var(--verticalNavSubItemFontMobile);
11008        --verticalNavSubItemFontColor: var(--verticalNavSubItemFontColorMobile);
11009        --verticalNavSubItemFontSize: var(--verticalNavSubItemFontSizeMobile);
11010        --verticalNavSubItemFontWeight: var(--verticalNavSubItemFontWeightMobile);
11011        --verticalNavSubItemLineHeight: var(--verticalNavSubItemLineHeightMobile);
11012        --verticalNavSubItemTextDecoration: var(--verticalNavSubItemTextDecorationMobile);
11013        --verticalNavSubItemFontStyle: var(--verticalNavSubItemFontStyleMobile);
11014        --verticalNavSubItemLetterSpacing: var(--verticalNavSubItemLetterSpacingMobile);
11015        --verticalNavSubItemBackgroundColor: var(--verticalNavSubItemBackgroundColorMobile);
11016        --verticalNavSubItemHoverFontColor: var(--verticalNavSubItemHoverFontColorMobile);
11017        --verticalNavSubItemHoverBackgroundColor: var(--verticalNavSubItemHoverBackgroundColorMobile);
11018
11019        /* apply sub nav item padding */
11020        --verticalNavSubItemPaddingTop: var(--verticalNavSubItemPaddingTopMobile);
11021        --verticalNavSubItemPaddingRight: var(--verticalNavSubItemPaddingRightMobile);
11022        --verticalNavSubItemPaddingBottom: var(--verticalNavSubItemPaddingBottomMobile);
11023        --verticalNavSubItemPaddingLeft: var(--verticalNavSubItemPaddingLeftMobile);
11024
11025        /* apply sub nav item border */
11026        --verticalNavSubItemBorderTop: var(--verticalNavSubItemBorderTopMobile);
11027        --verticalNavSubItemBorderRight: var(--verticalNavSubItemBorderRightMobile);
11028        --verticalNavSubItemBorderBottom: var(--verticalNavSubItemBorderBottomMobile);
11029        --verticalNavSubItemBorderLeft: var(--verticalNavSubItemBorderLeftMobile);
11030
11031        /* apply sub nav item border radius */
11032        --verticalNavSubItemBorderRadius: var(--verticalNavSubItemBorderRadiusMobile);
11033
11034        /* apply sub nav arrow */
11035        --verticalNavSubArrowSize: var(--verticalNavSubArrowSizeMobile);
11036        --verticalNavSubArrowWidth: var(--verticalNavSubArrowWidthMobile);
11037        --verticalNavSubArrowSpacing: var(--verticalNavSubArrowSpacingMobile);
11038
11039        /* apply slide container */
11040        --verticalSlideContainerWidth: var(--verticalSlideContainerWidthMobile);
11041
11042        /* apply separator */
11043        --verticalNavSeparatorDisplay: var(--verticalNavSeparatorDisplayMobile);
11044        --verticalNavSeparatorWidth: var(--verticalNavSeparatorWidthMobile);
11045        --verticalNavSeparatorHeight: var(--verticalNavSeparatorHeightMobile);
11046        --verticalNavSeparatorColor: var(--verticalNavSeparatorColorMobile);
11047        --verticalNavSeparatorSpacing: var(--verticalNavSeparatorSpacingMobile);
11048
11049        /* apply sub separator */
11050        --verticalNavSubSeparatorDisplay: var(--verticalNavSubSeparatorDisplayMobile);
11051        --verticalNavSubSeparatorWidth: var(--verticalNavSubSeparatorWidthMobile);
11052        --verticalNavSubSeparatorHeight: var(--verticalNavSubSeparatorHeightMobile);
11053        --verticalNavSubSeparatorColor: var(--verticalNavSubSeparatorColorMobile);
11054        --verticalNavSubSeparatorSpacing: var(--verticalNavSubSeparatorSpacingMobile);
11055    }
11056
11057    /* Horizontal Navigation Styles */
11058    .wmc_menu.wmcM_menuHorizontalMobile.wmd_showMoreMenu {
11059        & .navigation-module-container {
11060            overflow: hidden;
11061        }
11062
11063        & .navigation-module-container ul.navigation-nav--main-menu {
11064            flex-wrap: nowrap !important;
11065            overflow: hidden;
11066
11067            & > .navigation-nav--item {
11068                flex-shrink: 0;
11069            }
11070        }
11071    }
11072
11073    .wmc_menu.wmcM_menuHorizontalMobile .navigation-module-container,
11074    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container {
11075        & .navigation-nav {
11076            display: flex;
11077            justify-content: var(--horizontalNavJustifyContent);
11078        }
11079
11080        /* level 1: main menu */
11081
11082        & ul.navigation-nav--main-menu {
11083            display: inline-flex;
11084            padding-left: var(--horizontalNavPaddingLeft);
11085            padding-right: var(--horizontalNavPaddingRight);
11086            padding-top: var(--horizontalNavPaddingTop);
11087            padding-bottom: var(--horizontalNavPaddingBottom);
11088            margin-left: 0;
11089            margin-right: 0;
11090            flex-direction: row;
11091            flex-wrap: wrap;
11092            align-self: center;
11093            list-style: none;
11094            background-color: var(--horizontalNavBackgroundColor);
11095            border-top: var(--horizontalNavBorderTop);
11096            border-right: var(--horizontalNavBorderRight);
11097            border-bottom: var(--horizontalNavBorderBottom);
11098            border-radius: var(--horizontalNavBorderRadius);
11099            border-left: var(--horizontalNavBorderLeft);
11100            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
11101
11102            & > .navigation-nav--separator {
11103                display: var(--horizontalNavSeparatorDisplay);
11104                width: var(--horizontalNavSeparatorWidth);
11105                height: var(--horizontalNavSeparatorHeight);
11106                background-color: var(--horizontalNavSeparatorColor);
11107                align-self: center;
11108                font-size: var(--horizontalNavItemFontSize);
11109                line-height: 1.4;
11110            }
11111        }
11112
11113        /* level 1: li item */
11114
11115        & .navigation-nav--item {
11116            display: grid;
11117            grid-template-columns: 1fr;
11118            align-items: center;
11119            background-color: var(--navItemBackgroundColor);
11120            border-top: var(--navItemBorderTop);
11121            border-right: var(--navItemBorderRight);
11122            border-bottom: var(--navItemBorderBottom);
11123            border-left: var(--navItemBorderLeft);
11124            border-radius: var(--navItemBorderRadius);
11125
11126            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
11127                background-color: var(--navItemHoverBackgroundColor);
11128                border-top: var(--navItemBorderTopHover);
11129                border-right: var(--navItemBorderRightHover);
11130                border-bottom: var(--navItemBorderBottomHover);
11131                border-left: var(--navItemBorderLeftHover);
11132                border-radius: var(--navItemBorderRadiusHover);
11133
11134            }
11135
11136            &.open, &.wmcA_activeState, .wmcA_activeState & {
11137                background-color: var(--navItemActiveBackgroundColor);
11138            }
11139
11140            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
11141                background-color: var(--navItemActiveBackgroundColor);
11142            }
11143
11144            & > a {
11145                display: flex;
11146                align-items: center;
11147                padding-top: var(--navItemPaddingTop);
11148                padding-bottom: var(--navItemPaddingBottom);
11149                padding-left: var(--navItemPaddingLeft);
11150                padding-right: var(--navItemPaddingRight);
11151                font-family: var(--navItemFont);
11152                color: var(--navItemFontColor);
11153                line-height: var(--navItemLineHeight);
11154                background-color: transparent;
11155                letter-spacing: var(--navItemLetterSpacing);
11156                font-size: var(--navItemFontSize);
11157                text-decoration: var(--navItemTextDecoration);
11158                font-weight: var(--navItemFontWeight);
11159                font-style: var(--navItemFontStyle);
11160
11161                &:hover, .wmcA_hoverState & {
11162                    color: var(--navItemHoverFontColor);
11163                    font-size: var(--navItemFontSizeHover);
11164                    text-decoration: var(--navItemTextDecorationHover);
11165                    font-weight: var(--navItemFontWeightHover);
11166                    font-style: var(--navItemFontStyleHover);
11167                    padding-top: var(--navItemPaddingTopHover);
11168                    padding-bottom: var(--navItemPaddingBottomHover);
11169                    padding-left: var(--navItemPaddingLeftHover);
11170                    padding-right: var(--navItemPaddingRightHover);
11171                }
11172
11173                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
11174                    color: var(--navItemActiveFontColor);
11175                }
11176
11177                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
11178                    color: var(--navItemActiveFontColor);
11179                }
11180            }
11181
11182            &:hover > .navigation-nav--sub-menu,
11183            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
11184            .wmcA_hoverState & > .navigation-nav--sub-menu,
11185            &.open > .navigation-nav--sub-menu {
11186                opacity: 1;
11187                visibility: visible;
11188                transform: translateY(0);
11189            }
11190
11191            & .arrow {
11192                display: none;
11193                pointer-events: none;
11194            }
11195
11196            &:has(.navigation-nav--sub-menu) {
11197                display: grid;
11198                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
11199                align-items: center;
11200                position: relative;
11201                padding-right: calc(var(--navItemPaddingRight) / 2);
11202
11203                & > a {
11204                    padding-right: 0;
11205                    width: 100%;
11206                }
11207
11208                & > .arrow {
11209                    display: var(--horizontalNavArrowDisplay, flex);
11210                    align-items: center;
11211                    justify-content: center;
11212                    pointer-events: auto;
11213                    position: relative;
11214                    z-index: 1;
11215                    width: var(--horizontalNavArrowSize);
11216                    height: 100%;
11217                    cursor: pointer;
11218                    margin-left: var(--horizontalNavArrowSpacing);
11219
11220                    &::after {
11221                        display: block;
11222                        content: '';
11223                        width: var(--horizontalNavArrowSize);
11224                        height: var(--horizontalNavArrowSize);
11225                        -webkit-mask-image: var(--wmd_caretIconUrl);
11226                        mask-image: var(--wmd_caretIconUrl);
11227                        -webkit-mask-size: contain;
11228                        mask-size: contain;
11229                        -webkit-mask-repeat: no-repeat;
11230                        mask-repeat: no-repeat;
11231                        -webkit-mask-position: center;
11232                        mask-position: center;
11233                        background-color: var(--horizontalNavArrowColor);
11234                        transform: var(--horizontalNavArrowRotate);
11235                        position: absolute;
11236                        left: auto;
11237                        right: auto;
11238                        top: auto;
11239                        bottom: auto;
11240                        z-index: 1;
11241                        transition: all 0.2s ease;
11242                    }
11243
11244                    &:hover, .wmcA_hoverState & {
11245                        &::after {
11246                            width: var(--horizontalNavArrowSizeHover);
11247                            height: var(--horizontalNavArrowSizeHover);
11248                            background-color: var(--horizontalNavArrowColorHover);
11249                            transform: var(--horizontalNavArrowRotateHover);
11250                        }
11251                    }
11252
11253                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
11254                        &::after {
11255                            background-color: var(--horizontalNavArrowColorActive);
11256                            transform: var(--horizontalNavArrowRotateActive);
11257                        }
11258                    }
11259
11260                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
11261                        &::after {
11262                            background-color: var(--horizontalNavArrowColorActive);
11263                            transform: var(--horizontalNavArrowRotateActive);
11264                        }
11265                    }
11266                }
11267            }
11268
11269            &.navigation-nav--more-trigger {
11270                padding-right: var(--navItemPaddingRight);
11271                grid-template-columns: 1fr max-content;
11272            }
11273        }
11274
11275        /* level 2: sub menu */
11276
11277        & .navigation-nav--sub-menu {
11278            display: flex;
11279            flex-direction: column;
11280            padding-top: var(--horizontalNavSubPaddingTop);
11281            padding-bottom: var(--horizontalNavSubPaddingBottom);
11282            padding-left: var(--horizontalNavSubPaddingLeft);
11283            padding-right: var(--horizontalNavSubPaddingRight);
11284            position: absolute;
11285            list-style: none;
11286            top: 100%;
11287            left: 0;
11288            opacity: 0;
11289            visibility: hidden;
11290            transform: translateY(10px);
11291            transition: all 0.3s ease;
11292            z-index: 100;
11293            min-width: var(--horizontalNavSubContainerWidth);
11294            box-shadow: var(--horizontalNavSubContainerShadow);
11295            background-color: var(--horizontalNavSubContainerBackgroun
11295dColor);
11296            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
11297            border-top: var(--horizontalNavSubContainerBorderTop);
11298            border-right: var(--horizontalNavSubContainerBorderRight);
11299            border-bottom: var(--horizontalNavSubContainerBorderBottom);
11300            border-left: var(--horizontalNavSubContainerBorderLeft);
11301            border-radius: var(--horizontalNavSubContainerBorderRadius);
11302
11303            & > .navigation-nav--separator {
11304                display: var(--horizontalNavSubSeparatorDisplay);
11305                margin: 0 auto;
11306                width: var(--horizontalNavSubSeparatorWidth);
11307                height: var(--horizontalNavSubSeparatorHeight);
11308                background-color: var(--horizontalNavSubSeparatorColor);
11309                align-self: center;
11310            }
11311        }
11312
11313        /* level 2: li sub item */
11314
11315        & .navigation-nav--sub-item {
11316            border-top: var(--horizontalNavSubItemBorderTop);
11317            border-right: var(--horizontalNavSubItemBorderRight);
11318            border-bottom: var(--horizontalNavSubItemBorderBottom);
11319            border-left: var(--horizontalNavSubItemBorderLeft);
11320            border-radius: var(--horizontalNavSubItemBorderRadius);
11321            background-color: var(--horizontalNavSubItemBackgroun
11321dColor);
11322
11323            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
11324                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
11325                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
11326                border-top: var(--horizontalNavSubItemBorderTopHover);
11327                border-right: var(--horizontalNavSubItemBorderRightHover);
11328                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
11329                border-left: var(--horizontalNavSubItemBorderLeftHover);
11330            }
11331
11332            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
11333                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
11334            }
11335
11336            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
11337                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
11338            }
11339
11340            & > a {
11341                display: flex;
11342                align-items: center;
11343                padding-top: var(--horizontalNavSubItemPaddingTop);
11344                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
11345                padding-left: var(--horizontalNavSubItemPaddingLeft);
11346                padding-right: var(--horizontalNavSubItemPaddingRight);
11347                font-family: var(--horizontalNavSubItemFont);
11348                color: var(--horizontalNavSubItemFontColor);
11349                line-height: var(--horizontalNavSubItemLineHeight);
11350                background-color: transparent;
11351                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
11352                font-weight: var(--horizontalNavSubItemFontWeight);
11353                font-size: var(--horizontalNavSubItemFontSize);
11354                text-decoration: var(--horizontalNavSubItemTextDecoration);
11355                font-style: var(--horizontalNavSubItemFontStyle);
11356
11357                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
11358                    color: var(--horizontalNavSubItemHoverFontColor);
11359                    font-weight: var(--horizontalNavSubItemFontWeightHover);
11360                    font-size: var(--horizontalNavSubItemFontSizeHover);
11361                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
11362                    font-style: var(--horizontalNavSubItemFontStyleHover);
11363                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
11364                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
11365                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
11366                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
11367                }
11368
11369                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
11370                    color: var(--horizontalNavSubItemActiveFontColor);
11371                }
11372
11373                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
11374                    color: var(--horizontalNavSubItemActiveFontColor);
11375                }
11376            }
11377
11378            &:has(.navigation-nav--sub-menu) {
11379                display: grid;
11380                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
11381                align-items: center;
11382                position: relative;
11383                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
11384
11385                & > a {
11386                    padding-right: 0;
11387                    width: 100%;
11388                }
11389
11390                & > .arrow {
11391                    display: var(--horizontalNavSubArrowDisplay, flex);
11392                    align-items: center;
11393                    justify-content: center;
11394                    pointer-events: auto;
11395                    position: relative;
11396                    z-index: 1;
11397                    width: var(--horizontalNavSubArrowSize);
11398                    height: 100%;
11399                    cursor: pointer;
11400                    margin-left: var(--horizontalNavSubArrowSpacing);
11401
11402                    &::after {
11403                        display: block;
11404                        content: '';
11405                        width: var(--horizontalNavSubArrowSize);
11406                        height: var(--horizontalNavSubArrowSize);
11407                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
11408                        mask-image: var(--wmd_submenuCaretIconUrl);
11409                        -webkit-mask-size: contain;
11410                        mask-size: contain;
11411                        -webkit-mask-repeat: no-repeat;
11412                        mask-repeat: no-repeat;
11413                        -webkit-mask-position: center;
11414                        mask-position: center;
11415                        background-color: var(--horizontalNavSubArrowColor);
11416                        transform: var(--horizontalNavSubArrowRotate);
11417                        position: absolute;
11418                        left: auto;
11419                        right: auto;
11420                        top: auto;
11421                        bottom: auto;
11422                        z-index: 1;
11423                        transition: all 0.2s ease;
11424                    }
11425
11426                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
11427                        &::after {
11428                            width: var(--horizontalNavSubArrowSizeHover);
11429                            height: var(--horizontalNavSubArrowSizeHover);
11430                            background-color: var(--horizontalNavSubArrowColorHover);
11431                            transform: var(--horizontalNavSubArrowRotateHover);
11432                        }
11433                    }
11434
11435                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
11436                        &::after {
11437                            background-color: var(--horizontalNavSubArrowColorActive);
11438                            transform: var(--horizontalNavSubArrowRotateActive);
11439                        }
11440                    }
11441
11442                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
11443                        &::after {
11444                            background-color: var(--horizontalNavSubArrowColorActive);
11445                            transform: var(--horizontalNavSubArrowRotateActive);
11446                        }
11447                    }
11448                }
11449            }
11450
11451            /* Third level submenu styles */
11452
11453            & > .navigation-nav--sub-menu {
11454                top: 0;
11455                left: 100%;
11456            }
11457
11458            &:hover > .navigation-nav--sub-menu,
11459            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
11460            .wmcA_hoverState & > .navigation-nav--sub-menu,
11461            &.open > .navigation-nav--sub-menu {
11462                opacity: 1;
11463                visibility: visible;
11464                transform: translateX(0);
11465            }
11466        }
11467
11468        /* parent title */
11469
11470        & .navigation-nav--parent-title {
11471            display: none;
11472
11473            & a {
11474                padding-top: var(--horizontalNavSubItemPaddingTop);
11475                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
11476                padding-left: var(--horizontalNavSubItemPaddingLeft);
11477                padding-right: var(--horizontalNavSubItemPaddingRight);
11478                font-family: var(--horizontalNavSubItemFont);
11479                font-size: var(--horizontalNavSubItemFontSize);
11480                font-weight: 700;
11481                color: var(--horizontalNavSubItemFontColor);
11482                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
11483                margin-bottom: 4px;
11484            }
11485
11486            & > span {
11487                display: none;
11488            }
11489        }
11490
11491        /* back button: NONE */
11492
11493        & .navigation-nav--back {
11494            display: none;
11495        }
11496
11497        /* hide separator for hidden items */
11498
11499        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
11500            display: none;
11501        }
11502    }
11503
11504    /* Hamburger Navigation Styles */
11505    .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container {
11506        background-color: transparent;
11507
11508        &.active {
11509            overflow-y: auto;
11510            -webkit-overflow-scrolling: touch;
11511            scrollbar-width: thin;
11512            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
11513            display: grid;
11514            grid-template-columns: 1fr;
11515            grid-template-rows: max-content 1fr;
11516            position: fixed;
11517            padding-top: var(--hamburgerNavPaddingTop);
11518            padding-bottom: var(--hamburgerNavPaddingBottom);
11519            padding-left: var(--hamburgerNavPaddingLeft);
11520            padding-right: var(--hamburgerNavPaddingRight);
11521            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
11522            left: 0;
11523            width: 100%;
11524            height: 100%;
11525            z-index: 1000;
11526            background-color: var(--hamburgerNavBackgroundColor);
11527            transition: background-color 0.8s ease-in;
11528
11529            & .navigation-nav {
11530                display: block;
11531
11532                & > ul.navigation-nav--main-menu.start-animation {
11533                    & > li {
11534                        --item-delay: ;
11535                        top: 0;
11536                        opacity: 1;
11537                        transition-delay: var(--item-delay, 0.5s);
11538                    }
11539                }
11540            }
11541        }
11542
11543        & .navigation-nav {
11544            display: none;
11545            position: relative;
11546            z-index: 100;
11547            overflow: hidden;
11548            justify-self: var(--hamburgerNavJustifySelf);
11549            max-width: var(--hamburgerSlideContainerWidth);
11550            width: 100%;
11551
11552            & * {
11553                transition: all 0.3s ease;
11554            }
11555
11556            & > ul.navigation-nav--main-menu {
11557                & > li {
11558                    top: 100px;
11559                    opacity: 0;
11560                    position: relative;
11561
11562                    &.open {
11563                        position: static;
11564                    }
11565                }
11566            }
11567        }
11568
11569        /* level 1: main menu */
11570
11571        & ul.navigation-nav--main-menu {
11572            display: grid;
11573            margin: 0;
11574            padding: 0;
11575            grid-template-columns: 1fr;
11576            list-style: none;
11577            width: 100%;
11578            max-width: var(--hamburgerSlideContainerWidth);
11579            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
11580            background-color: transparent;
11581
11582            & ul.navigation-nav--sub-menu {
11583                transform: translateX(var(--hamburgerSlideContainerWidth));
11584            }
11585
11586            &:has(.open) {
11587                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
11588
11589                & .open > ul.navigation-nav--sub-menu {
11590                    transform: translateX(var(--hamburgerSlideContainerWidth));
11591
11592                    &:has(.open) {
11593                        transform: translateX(0px);
11594                    }
11595                }
11596            }
11597
11598            & > .navigation-nav--separator {
11599                display: var(--hamburgerNavSeparatorDisplay);
11600                margin: 0 auto;
11601                width: var(--hamburgerNavSeparatorWidth);
11602                height: var(--hamburgerNavSeparatorHeight);
11603                background-color: var(--hamburgerNavSeparatorColor);
11604                align-self: center;
11605            }
11606        }
11607
11608        /* level 1: li item */
11609
11610        & .navigation-nav--item {
11611            display: flex;
11612            align-items: center;
11613            border-top: var(--hamburgerNavItemBorderTop);
11614            border-right: var(--hamburgerNavItemBorderRight);
11615            border-bottom: var(--hamburgerNavItemBorderBottom);
11616            border-left: var(--hamburgerNavItemBorderLeft);
11617            border-radius: var(--hamburgerNavItemBorderRadius);
11618            background-color: var(--hamburgerNavItemBackgroundColor);
11619
11620            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
11621                background-color: var(--hamburgerNavItemHoverBackgroundColor);
11622                border-top: var(--hamburgerNavItemBorderTopHover);
11623                border-right: var(--hamburgerNavItemBorderRightHover);
11624                border-bottom: var(--hamburgerNavItemBorderBottomHover);
11625                border-left: var(--hamburgerNavItemBorderLeftHover);
11626                border-radius: var(--hamburgerNavItemBorderRadiusHover);
11627            }
11628
11629            & > a {
11630                display: flex;
11631                align-items: center;
11632                justify-content: var(--hamburgerNavItemsAlignment);
11633                text-align: var(--hamburgerNavItemsAlignment);
11634                padding-top: var(--hamburgerNavItemPaddingTop);
11635                padding-bottom: var(--hamburgerNavItemPaddingBottom);
11636                padding-left: var(--hamburgerNavItemPaddingLeft);
11637                padding-right: var(--hamburgerNavItemPaddingRight);
11638                font-family: var(--hamburgerNavItemFont);
11639                font-size: var(--hamburgerNavItemFontSize);
11640                color: var(--hamburgerNavItemFontColor);
11641                font-weight: var(--hamburgerNavItemFontWeight);
11642                line-height: var(--hamburgerNavItemLineHeight);
11643                text-decoration: var(--hamburgerNavItemTextDecoration);
11644                font-style: var(--hamburgerNavItemFontStyle);
11645                letter-spacing: var(--hamburgerNavItemLetterSpacing);
11646                background-color: transparent;
11647                width: var(--hamburgerNavArrowAutoSpacing);
11648
11649                &:hover, .wmcA_hoverState & {
11650                    color: var(--hamburgerNavItemHoverFontColor);
11651                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
11652                    padding-top: var(--hamburgerNavItemPaddingTopHover);
11653                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
11654                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
11655                    padding-right: var(--hamburgerNavItemPaddingRightHover);
11656                    font-family: var(--hamburgerNavItemFontHover);
11657                    font-weight: var(--hamburgerNavItemFontWeightHover);
11658                    line-height: var(--hamburgerNavItemLineHeightHover);
11659                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
11660                    font-style: var(--hamburgerNavItemFontStyleHover);
11661                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
11662                }
11663            }
11664
11665            & .arrow {
11666                display: none;
11667                pointer-events: none;
11668            }
11669
11670            /* Items without a sub menu reserve the arrow footprint so their
11671               text aligns with arrowed items for any items alignment. */
11672            &:not(:has(.navigation-nav--sub-menu)) {
11673                gap: var(--hamburgerNavArrowSpacing);
11674                padding-right: var(--hamburgerNavItemPaddingRight);
11675
11676                & > a {
11677                    padding-right: 0;
11678                }
11679
11680                &::after {
11681                    content: '';
11682                    flex: 0 0 var(--hamburgerNavArrowSize);
11683                    height: var(--hamburgerNavArrowSize);
11684                }
11685            }
11686
11687            &:has(.navigation-nav--sub-menu) {
11688                display: flex;
11689                align-items: center;
11690                gap: var(--hamburgerNavArrowSpacing);
11691                padding-right: var(--hamburgerNavItemPaddingRight);
11692
11693                & > a {
11694                    padding-right: 0;
11695                }
11696
11697                & > .arrow {
11698                    display: flex;
11699                    align-items: center;
11700                    justify-content: flex-end;
11701                    pointer-events: auto;
11702                    position: relative;
11703                    z-index: 1;
11704                    width: var(--hamburgerNavArrowSize);
11705                    height: var(--hamburgerNavArrowSize);
11706                    cursor: pointer;
11707
11708                    &::after {
11709                        display: block;
11710                        content: '';
11711                        width: var(--hamburgerNavArrowSize);
11712                        height: var(--hamburgerNavArrowSize);
11713                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
11714                        mask-image: var(--wmd_menuItemIconUrl);
11715                        -webkit-mask-size: contain;
11716                        mask-size: contain;
11717                        -webkit-mask-repeat: no-repeat;
11718                        mask-repeat: no-repeat;
11719                        -webkit-mask-position: center;
11720                        mask-position: center;
11721                        background-color: var(--hamburgerNavArrowColor);
11722                        transform: var(--hamburgerNavArrowRotate);
11723                        transition: all 0.3s ease;
11724                    }
11725
11726                    &:hover, .wmcA_hoverState & {
11727                        width: var(--hamburgerNavArrowSizeHover);
11728                        height: var(--hamburgerNavArrowSizeHover);
11729
11730                        &::after {
11731                            width: var(--hamburgerNavArrowSizeHover);
11732                            height: var(--hamburgerNavArrowSizeHover);
11733                            background-color: var(--hamburgerNavArrowColorHover);
11734                            transform: var(--hamburgerNavArrowRotateHover);
11735                        }
11736                    }
11737                }
11738            }
11739
11740            &.open > .navigation-nav--sub-menu {
11741                z-index: 1;
11742                opacity: 1;
11743                visibility: visible;
11744                pointer-events: auto;
11745            }
11746        }
11747
11748        /* level 2: sub menu */
11749
11750        & .navigation-nav--sub-menu {
11751            display: grid;
11752            margin: 0;
11753            padding: 0;
11754            grid-template-columns: 1fr;
11755            position: absolute;
11756            top: 0;
11757            left: 0;
11758            z-index: -1;
11759            list-style: none;
11760            opacity: 0;
11761            visibility: hidden;
11762            width: 100%;
11763            max-width: var(--hamburgerSlideContainerWidth);
11764            background-color: var(--hamburgerNavSubBackgroundColor);
11765            pointer-events: none;
11766            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
11767
11768            & > .navigation-nav--separator {
11769                display: var(--hamburgerNavSubSeparatorDisplay);
11770                margin: 0 auto;
11771                width: var(--hamburgerNavSubSeparatorWidth);
11772                height: var(--hamburgerNavSubSeparatorHeight);
11773                background-color: var(--hamburgerNavSubSeparatorColor);
11774                align-self: center;
11775            }
11776        }
11777
11778        /* level 2: li sub item */
11779
11780        & .navigation-nav--sub-item {
11781            display: flex;
11782            align-items: center;
11783
11784            border-top: var(--hamburgerNavSubItemBorderTop);
11785            border-right: var(--hamburgerNavSubItemBorderRight);
11786            border-bottom: var(--hamburgerNavSubItemBorderBottom);
11787            border-left: var(--hamburgerNavSubItemBorderLeft);
11788            border-radius: var(--hamburgerNavSubItemBorderRadius);
11789            background-color: var(--hamburgerNavSubItemBackgroun
11789dColor);
11790
11791            &:hover, .wmcA_hoverState & {
11792                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
11793                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
11794                border-top: var(--hamburgerNavSubItemBorderTopHover);
11795                border-right: var(--hamburgerNavSubItemBorderRightHover);
11796                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
11797                border-left: var(--hamburgerNavSubItemBorderLeftHover);
11798            }
11799
11800            & > a {
11801                display: flex;
11802                align-items: center;
11803                padding-top: var(--hamburgerNavSubItemPaddingTop);
11804                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
11805                padding-left: var(--hamburgerNavSubItemPaddingLeft);
11806                padding-right: var(--hamburgerNavSubItemPaddingRight);
11807                font-family: var(--hamburgerNavSubItemFont);
11808                font-size: var(--hamburgerNavSubItemFontSize);
11809                color: var(--hamburgerNavSubItemFontColor);
11810                font-weight: var(--hamburgerNavSubItemFontWeight);
11811                line-height: var(--hamburgerNavSubItemLineHeight);
11812                text-decoration: var(--hamburgerNavSubItemTextDecoration);
11813                font-style: var(--hamburgerNavSubItemFontStyle);
11814                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
11815                background-color: transparent;
11816                width: var(--hamburgerNavSubArrowAutoSpacing);
11817
11818                &:hover, .wmcA_hoverState & {
11819                    color: var(--hamburgerNavSubItemHoverFontColor);
11820                    font-size: var(--hamburgerNavSubItemFontSizeHover);
11821                    font-family: var(--hamburgerNavSubItemFontHover);
11822                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
11823                    line-height: var(--hamburgerNavSubItemLineHeightHover);
11824                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
11825                    font-style: var(--hamburgerNavSubItemFontStyleHover);
11826                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
11827                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
11828                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
11829                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
11830                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
11831                }
11832            }
11833
11834            &:has(.navigation-nav--sub-menu) {
11835                display: flex;
11836                align-items: center;
11837                gap: var(--hamburgerNavSubArrowSpacing);
11838                padding-right: var(--hamburgerNavSubItemPaddingRight);
11839
11840                & > a {
11841                    padding-right: 0;
11842                }
11843
11844                & > .arrow {
11845                    display: flex;
11846                    align-items: center;
11847                    justify-content: flex-end;
11848                    pointer-events: auto;
11849                    position: relative;
11850                    z-index: 1;
11851                    width: var(--hamburgerNavSubArrowSize);
11852                    height: var(--hamburgerNavSubArrowSize);
11853                    cursor: pointer;
11854
11855                    &::after {
11856                        display: block;
11857                        content: '';
11858                        width: var(--hamburgerNavSubArrowSize);
11859                        height: var(--hamburgerNavSubArrowSize);
11860                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
11861                        mask-image: var(--wmd_submenuItemIconUrl);
11862                        -webkit-mask-size: contain;
11863                        mask-size: contain;
11864                        -webkit-mask-repeat: no-repeat;
11865                        mask-repeat: no-repeat;
11866                        -webkit-mask-position: center;
11867                        mask-position: center;
11868                        background-color: var(--hamburgerNavSubArrowColor);
11869                        transform: var(--hamburgerNavSubArrowRotate);
11870                        transition: all 0.3s ease;
11871                    }
11872
11873                    &:hover, .wmcA_hoverState & {
11874                        width: var(--hamburgerNavSubArrowSizeHover);
11875                        height: var(--hamburgerNavSubArrowSizeHover);
11876
11877                        &::after {
11878                            width: var(--hamburgerNavSubArrowSizeHover);
11879                            height: var(--hamburgerNavSubArrowSizeHover);
11880                            background-color: var(--hamburgerNavSubArrowColorHover);
11881                            transform: var(--hamburgerNavSubArrowRotateHover);
11882                        }
11883                    }
11884                }
11885            }
11886
11887            &.open > .navigation-nav--sub-menu {
11888                z-index: 1;
11889                opacity: 1;
11890                visibility: visible;
11891                pointer-events: auto;
11892            }
11893        }
11894
11895        /* parent title */
11896
11897        & .navigation-nav--parent-title {
11898            display: flex;
11899            align-items: center;
11900            gap: var(--hamburgerTitleArrowSpacing);
11901            padding-right: var(--hamburgerTitlePaddingRight);
11902            border-top: var(--hamburgerTitleBorderTop);
11903            border-right: var(--hamburgerTitleBorderRight);
11904            border-bottom: var(--hamburgerTitleBorderBottom);
11905            border-left: var(--hamburgerTitleBorderLeft);
11906            border-radius: var(--hamburgerTitleBorderRadius);
11907            background-color: var(--hamburgerTitleBackgroundColor);
11908
11909            &:hover, .wmcA_hoverState & {
11910                /* border-top: var(--hamburgerTitleBorderTopHover);
11911                border-right: var(--hamburgerTitleBorderRightHover);
11912                border-bottom: var(--hamburgerTitleBorderBottomHover);
11913                border-left: var(--hamburgerTitleBorderLeftHover);
11914                border-radius: var(--hamburgerTitleBorderRadiusHover);
11915                background-color: var(--hamburgerTitleBackgroundColorHover);
11916                padding-right: var(--hamburgerTitlePaddingRightHover); */
11917            }
11918
11919            & > a {
11920                display: block;
11921                padding-top: var(--hamburgerTitlePaddingTop);
11922                padding-bottom: var(--hamburgerTitlePaddingBottom);
11923                padding-left: var(--hamburgerTitlePaddingLeft);
11924                padding-right: var(--hamburgerTitlePaddingRight);
11925                font-family: var(--hamburgerTitleFont);
11926                font-size: var(--hamburgerTitleFontSize);
11927                line-height: var(--hamburgerTitleLineHeight);
11928                font-weight: var(--hamburgerTitleFontWeight);
11929                color: var(--hamburgerTitleFontColor);
11930                font-style: var(--hamburgerTitleFontStyle);
11931                letter-spacing: var(--hamburgerTitleLetterSpacing);
11932                text-decoration: var(--hamburgerTitleTextDecoration);
11933                pointer-events: none;
11934                width: 100%;
11935
11936                &:hover, .wmcA_hoverState & {
11937                    padding-top: var(--hamburgerTitlePaddingTopHover);
11938                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
11939                    padding-left: var(--hamburgerTitlePaddingLeftHover);
11940                    padding-right: var(--hamburgerTitlePaddingRightHover);
11941                }
11942            }
11943
11944            & > span {
11945                display: flex;
11946                align-items: center;
11947                justify-content: flex-end;
11948                pointer-events: auto;
11949                position: relative;
11950                z-index: 1;
11951                width: var(--hamburgerTitleArrowSize);
11952                height: var(--hamburgerTitleArrowSize);
11953
11954                &::after {
11955                    display: block;
11956                    content: '';
11957                    width: var(--hamburgerTitleArrowSize);
11958                    height: var(--hamburgerTitleArrowSize);
11959                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
11960                    mask-image: var(--wmd_menuItemIconUrl);
11961                    -webkit-mask-size: contain;
11962                    mask-size: contain;
11963                    -webkit-mask-repeat: no-repeat;
11964                    mask-repeat: no-repeat;
11965                    -webkit-mask-position: center;
11966                    mask-position: center;
11967                    background-color: var(--hamburgerTitleArrowColor);
11968                    transform: var(--hamburgerTitleArrowRotate);
11969                }
11970            }
11971        }
11972
11973        /* back button */
11974
11975        & .navigation-nav--back {
11976            display: block;
11977            padding-top: var(--hamburgerNavBackButtonPaddingTop);
11978            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
11979            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
11980            padding-right: var(--hamburgerNavBackButtonPaddingRight);
11981            border-top: var(--hamburgerNavBackButtonBorderTop);
11982            border-right: var(--hamburgerNavBackButtonBorderRight);
11983            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
11984            border-left: var(--hamburgerNavBackButtonBorderLeft);
11985            border-radius: var(--hamburgerNavBackButtonBorderRadius);
11986            background-color: var(--hamburgerNavBackButtonBackgroundColor);
11987
11988            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
11989                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
11990                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
11991                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
11992                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
11993                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
11994                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
11995                border-top: var(--hamburgerNavBackButtonBorderTopHover);
11996                border-right: var(--hamburgerNavBackButtonBorderRightHover);
11997                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
11998                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
11999            }
12000
12001            & a {
12002                display: inline-flex;
12003                align-items: center;
12004                gap: var(--hamburgerNavBackButtonArrowSpacing);
12005                font-family: var(--hamburgerNavBackButtonFont);
12006                font-size: var(--hamburgerNavBackButtonFontSize);
12007                font-weight: var(--hamburgerNavBackButtonFontWeight);
12008                color: var(--hamburgerNavBackButtonColor);
12009                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
12010                line-height: var(--hamburgerNavBackButtonLineHeight);
12011                font-style: var(--hamburgerNavBackButtonFontStyle);
12012                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
12013                background-color: transparent;
12014                width: 100%;
12015
12016                &::before {
12017                    content: '';
12018                    display: inline-block;
12019                    width: var(--hamburgerNavBackButtonArrowSize);
12020                    height: var(--hamburgerNavBackButtonArrowSize);
12021                    -webkit-mask-image: var(--wmd_backIconUrl);
12022                    mask-image: var(--wmd_backIconUrl);
12023                    -webkit-mask-size: contain;
12024                    mask-size: contain;
12025                    -webkit-mask-repeat: no-repeat;
12026                    mask-repeat: no-repeat;
12027                    -webkit-mask-position: center;
12028                    mask-position: center;
12029                    background-color: var(--hamburgerNavBackButtonColor);
12030                    transform: var(--hamburgerNavBackButtonArrowRotate);
12031                    transition: all 0.3s ease;
12032                }
12033
12034                &:hover, .wmcA_hoverState & {
12035                    color: var(--hamburgerNavBackButtonHoverFontColor);
12036
12037                    &::before {
12038                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
12039                        width: var(--hamburgerNavBackButtonArrowSizeHover);
12040                        height: var(--hamburgerNavBackButtonArrowSizeHover);
12041                    }
12042                }
12043            }
12044        }
12045
12046        /* hamburger button */
12047
12048        & .hamburger-button {
12049            display: flex;
12050            justify-content: center;
12051            align-items: center;
12052            padding: 0;
12053            margin: 0;
12054            position: relative;
12055            z-index: 100;
12056            cursor: pointer;
12057            background-color: transparent;
12058            border: none;
12059            width: var(--hamburgerMenuIconSize);
12060            height: var(--hamburgerMenuIconSize);
12061            flex-wrap: wrap;
12062
12063            & * {
12064                transition: all 0.3s ease;
12065            }
12066
12067            &.show-border {
12068                border: 1px solid var(--hamburgerMenuIconColor);
12069            }
12070
12071            & .hamburger-button-icon--container {
12072                display: block;
12073                width: var(--hamburgerMenuIconSize);
12074                height: var(--hamburgerMenuIconSize);
12075            }
12076
12077            & .hamburger-button-icon {
12078                display: flex;
12079                align-items: center;
12080                justify-content: center;
12081                margin: auto;
12082                width: var(--hamburgerMenuIconSize);
12083                height: var(--hamburgerMenuIconSize);
12084
12085                &::before {
12086                    content: '';
12087                    display: inline-block;
12088                    width: var(--hamburgerMenuIconSize);
12089                    height: var(--hamburgerMenuIconSize);
12090                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
12091                    mask-image: var(--wmd_hamburgerIconUrl);
12092                    -webkit-mask-size: contain;
12093                    mask-size: contain;
12094                    -webkit-mask-repeat: no-repeat;
12095                    mask-repeat: no-repeat;
12096                    -webkit-mask-position: center;
12097                    mask-position: center;
12098                    background-color: var(--hamburgerMenuIconColor);
12099                }
12100            }
12101
12102            & .hamburger-button-text {
12103                display: var(--hamburgerMenuDisplay);
12104                font-family: var(--hamburgerNavItemFont);
12105                font-size: 12px;
12106                font-weight: 700;
12107                line-height: 1;
12108                color: var(--hamburgerMenuIconColor);
12109                text-align: center;
12110                text-decoration: none;
12111                text-transform: uppercase;
12112            }
12113
12114            &:hover, .wmcA_hoverState & {
12115                & .hamburger-button-icon--container {
12116                    width: var(--hamburgerMenuIconSizeHover);
12117                    height: var(--hamburgerMenuIconSizeHover);
12118                }
12119
12120                & .hamburger-button-icon {
12121                    width: var(--hamburgerMenuIconSizeHover);
12122                    height: var(--hamburgerMenuIconSizeHover);
12123
12124                    &::before {
12125                        background-color: var(--hamburgerMenuIconHoverColor);
12126                        width: var(--hamburgerMenuIconSizeHover);
12127                        height: var(--hamburgerMenuIconSizeHover)
12128                    }
12129                }
12130
12131                & .hamburger-button-text {
12132                    color: var(--hamburgerMenuIconHoverColor);
12133                }
12134            }
12135
12136            &.active {
12137                margin-bottom: 25px;
12138                justify-self: var(--hamburgerMenuJustifySelf);
12139                width: var(--hamburgerMenuIconActiveSize);
12140                height: var(--hamburgerMenuIconActiveSize);
12141
12142                & .hamburger-button-icon--container {
12143                    width: var(--hamburgerMenuIconActiveSize);
12144                    height: var(--hamburgerMenuIconActiveSize);
12145                }
12146
12147                & .hamburger-button-icon {
12148                    width: var(--hamburgerMenuIconActiveSize);
12149                    height: var(--hamburgerMenuIconActiveSize);
12150
12151                    &::before {
12152                        width: var(--hamburgerMenuIconActiveSize);
12153                        height: var(--hamburgerMenuIconActiveSize);
12154                        -webkit-mask-image: var(--wmd_closeIconUrl);
12155                        mask-image: var(--wmd_closeIconUrl);
12156                        background-color: var(--hamburgerMenuIconActiveColor);
12157                    }
12158                }
12159
12160                & .hamburger-button-text {
12161                    color: var(--hamburgerMenuIconActiveColor);
12162                    height: 1px;
12163                    padding: 0;
12164                    margin: -1px;
12165                    visibility: hidden;
12166                    transition: none;
12167                    position: absolute;
12168                }
12169
12170                &:hover, .wmcA_hoverState & {
12171                    & .hamburger-button-icon--container {
12172                        width: var(--hamburgerMenuIconActiveSizeHover);
12173                        height: var(--hamburgerMenuIconActiveSizeHover);
12174                    }
12175
12176                    & .hamburger-button-icon {
12177                        width: var(--hamburgerMenuIconActiveSizeHover);
12178                        height: var(--hamburgerMenuIconActiveSizeHover);
12179
12180                        &::before {
12181                            width: var(--hamburgerMenuIconActiveSizeHover);
12182                            height: var(--hamburgerMenuIconActiveSizeHover);
12183                            background-color: var(--hamburgerMenuIconActiveHoverColor);
12184                        }
12185                    }
12186
12187                    & .hamburger-button-text {
12188                        color: var(--hamburgerMenuIconActiveHoverColor);
12189                    }
12190                }
12191            }
12192        }
12193    }
12194
12195    /* Vertical Navigation Styles */
12196    .wmc_menu.wmcM_menuVerticalMobile .navigation-module-container {
12197        & .navigation-nav {
12198            overflow: hidden;
12199            position: relative;
12200            padding-top: var(--verticalNavPaddingTop);
12201            padding-bottom: var(--verticalNavPaddingBottom);
12202            padding-left: var(--verticalNavPaddingLeft);
12203            padding-right: var(--verticalNavPaddingRight);
12204            border-top: var(--verticalNavBorderTop);
12205            border-right: var(--verticalNavBorderRight);
12206            border-bottom: var(--verticalNavBorderBottom);
12207            border-left: var(--verticalNavBorderLeft);
12208            border-radius: var(--verticalNavBorderRadius);
12209
12210            & * {
12211                transition: all 0.3s ease;
12212            }
12213        }
12214
12215        /* level 1: main menu */
12216
12217        & ul.navigation-nav--main-menu {
12218            display: grid;
12219            margin: 0;
12220            padding: 0;
12221            grid-template-columns: 1fr;
12222            align-self: center;
12223            justify-self: var(--verticalNavJustifySelf);
12224            list-style: none;
12225            width: var(--verticalNavWidth);
12226            max-width: var(--verticalSlideContainerWidth);
12227            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
12228
12229            & ul.navigation-nav--sub-menu {
12230                transform: translateX(var(--verticalSlideContainerWidth));
12231            }
12232
12233            &:has(.open) {
12234                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
12235
12236                & .open > ul.navigation-nav--sub-menu {
12237                    transform: translateX(var(--verticalSlideContainerWidth));
12238
12239                    &:has(.open) {
12240                        transform: translateX(0px);
12241                    }
12242                }
12243            }
12244
12245            /* separator */
12246
12247            & > .navigation-nav--separator {
12248                display: var(--verticalNavSeparatorDisplay);
12249                margin: 0 auto;
12250                width: var(--verticalNavSeparatorWidth);
12251                height: var(--verticalNavSeparatorHeight);
12252                background-color: var(--verticalNavSeparatorColor);
12253            }
12254        }
12255
12256        /* level 1: li item */
12257
12258        & .navigation-nav--item {
12259            display: grid;
12260            grid-template-columns: 1fr;
12261            align-items: center;
12262            border-top: var(--verticalNavItemBorderTop);
12263            border-right: var(--verticalNavItemBorderRight);
12264            border-bottom: var(--verticalNavItemBorderBottom);
12265            border-left: var(--verticalNavItemBorderLeft);
12266            border-radius: var(--verticalNavItemBorderRadius);
12267            background-color: var(--verticalNavItemBackgroundColor);
12268
12269            &:hover, .wmcA_hoverState & {
12270                border-top: var(--verticalNavItemBorderTopHover);
12271                border-right: var(--verticalNavItemBorderRightHover);
12272                border-bottom: var(--verticalNavItemBorderBottomHover);
12273                border-left: var(--verticalNavItemBorderLeftHover);
12274                border-radius: var(--verticalNavItemBorderRadiusHover);
12275            }
12276
12277            & > a {
12278                display: flex;
12279                align-items: center;
12280                justify-content: var(--verticalNavItemsAlignment);
12281                text-align: var(--verticalNavItemsAlignment);
12282                padding-top: var(--verticalNavItemPaddingTop);
12283                padding-right: var(--verticalNavItemPaddingRight);
12284                padding-bottom: var(--verticalNavItemPaddingBottom);
12285                padding-left: var(--verticalNavItemPaddingLeft);
12286                font-family: var(--verticalNavItemFont);
12287                font-size: var(--verticalNavItemFontSize);
12288                font-weight: var(--verticalNavItemFontWeight);
12289                color: var(--verticalNavItemFontColor);
12290                line-height: var(--verticalNavItemLineHeight);
12291                text-decoration: var(--verticalNavItemTextDecoration);
12292                font-style: var(--verticalNavItemFontStyle);
12293                background-color: transparent;
12294                letter-spacing: var(--verticalNavItemLetterSpacing);
12295
12296                &:hover, .wmcA_hoverState & {
12297                    color: var(--verticalNavItemHoverFontColor);
12298                    padding-top: var(--verticalNavItemPaddingTopHover);
12299                    padding-right: var(--verticalNavItemPaddingRightHover);
12300                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
12301                    padding-left: var(--verticalNavItemPaddingLeftHover);
12302                    font-style: var(--verticalNavItemFontStyleHover);
12303                    text-decoration: var(--verticalNavItemTextDecorationHover);
12304                    font-size: var(--verticalNavItemFontSizeHover);
12305                    font-weight: var(--verticalNavItemFontWeightHover);
12306                }
12307            }
12308
12309            & .arrow {
12310                display: none;
12311                pointer-events: none;
12312            }
12313
12314            /* hide: no sub menu for vertical navigation */
12315
12316            &:has(.navigation-nav--sub-menu) {
12317                display: grid;
12318                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
12319                grid-template-columns: 1fr;
12320                align-items: center;
12321                column-gap: var(--verticalNavArrowSpacing);
12322                padding-right: var(--verticalNavItemPaddingRight);
12323
12324                & > a {
12325                    padding-right: 0;
12326                    width: 100%;
12327                }
12328
12329                & > .arrow {
12330                    display: none; /* hide: no sub menu for vertical navigation */
12331                    align-items: center;
12332                    justify-content: flex-end;
12333                    pointer-events: auto;
12334                    position: relative;
12335                    z-index: 1;
12336                    width: var(--verticalNavArrowSize);
12337                    height: var(--verticalNavArrowSize);
12338                    cursor: pointer;
12339
12340                    &::after {
12341                        display: block;
12342                        content: '';
12343                        width: var(--verticalNavArrowSize);
12344                        height: var(--verticalNavArrowSize);
12345                        -webkit-mask-image: var(--wmd_caretIconUrl);
12346                        mask-image: var(--wmd_caretIconUrl);
12347                        -webkit-mask-size: contain;
12348                        mask-size: contain;
12349                        -webkit-mask-repeat: no-repeat;
12350                        mask-repeat: no-repeat;
12351                        -webkit-mask-position: center;
12352                        mask-position: center;
12353                        background-color: var(--verticalNavArrowColor);
12354                        transform: var(--verticalNavArrowRotate);
12355                    }
12356                }
12357            }
12358
12359            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
12360                background-color: var(--verticalNavItemHoverBackgroun
12360dColor);
12361
12362                & .arrow:hover, .wmcA_hoverState & {
12363                    &::after {
12364                        border-left-color: var(--verticalNavItemHoverFontColor);
12365                    }
12366                }
12367            }
12368
12369            &.open {
12370                & > .arrow {
12371                    &::after {
12372                        transform: rotate(90deg);
12373                    }
12374                }
12375
12376                & > .navigation-nav--sub-menu {
12377                    display: grid;
12378                    grid-template-columns: 1fr;
12379                    opacity: 1;
12380                    visibility: visible;
12381                    pointer-events: auto;
12382                }
12383            }
12384        }
12385
12386        /* level 2: sub menu */
12387
12388        & .navigation-nav--sub-menu {
12389            display: none;
12390            margin: 0;
12391            padding: 0;
12392            position: absolute;
12393            top: 0;
12394            left: 0;
12395            z-index: -1;
12396            list-style: none;
12397            opacity: 0;
12398            visibility: hidden;
12399            width: 100%;
12400            max-width: var(--verticalSlideContainerWidth);
12401            pointer-events: none;
12402            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
12403
12404            /* separator */
12405
12406            & > .navigation-nav--separator {
12407                display: var(--verticalNavSubSeparatorDisplay);
12408                margin: 0 auto;
12409                width: var(--verticalNavSubSeparatorWidth);
12410                height: var(--verticalNavSubSeparatorHeight);
12411                background-color: var(--verticalNavSubSeparatorColor);
12412            }
12413        }
12414
12415        /* level 2: li sub item */
12416
12417        & .navigation-nav--sub-item {
12418            display: grid;
12419            grid-template-columns: 1fr;
12420            align-items: center;
12421            border-top: var(--verticalNavSubItemBorderTop);
12422            border-right: var(--verticalNavSubItemBorderRight);
12423            border-bottom: var(--verticalNavSubItemBorderBottom);
12424            border-left: var(--verticalNavSubItemBorderLeft);
12425            border-radius: var(--verticalNavSubItemBorderRadius);
12426            background-color: var(--verticalNavSubItemBackgroundColor);
12427
12428            & > a {
12429                display: flex;
12430                align-items: center;
12431                padding-top: var(--verticalNavSubItemPaddingTop);
12432                padding-right: var(--verticalNavSubItemPaddingRight);
12433                padding-bottom: var(--verticalNavSubItemPaddingBottom);
12434                padding-left: var(--verticalNavSubItemPaddingLeft);
12435                font-family: var(--verticalNavSubItemFont);
12436                font-size: var(--verticalNavSubItemFontSize);
12437                color: var(--verticalNavSubItemFontColor);
12438                font-weight: var(--verticalNavSubItemFontWeight);
12439                line-height: var(--verticalNavSubItemLineHeight);
12440                text-decoration: var(--verticalNavSubItemTextDecoration);
12441                font-style: var(--verticalNavSubItemFontStyle);
12442                letter-spacing: var(--verticalNavSubItemLetterSpacing);
12443                background-color: transparent;
12444
12445                &:hover, .wmcA_hoverState & {
12446                    color: var(--verticalNavSubItemHoverFontColor);
12447                }
12448            }
12449
12450            &:has(.navigation-nav--sub-menu) {
12451                display: grid;
12452                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
12453                align-items: center;
12454                column-gap: var(--verticalNavSubArrowSpacing);
12455                padding-right: var(--verticalNavSubItemPaddingRight);
12456
12457                & > a {
12458                    padding-right: 0;
12459                    width: 100%;
12460                }
12461
12462                & > .arrow {
12463                    display: flex;
12464                    align-items: center;
12465                    justify-content: flex-end;
12466                    pointer-events: auto;
12467                    position: relative;
12468                    z-index: 1;
12469                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
12470                    height: 100%;
12471                    cursor: pointer;
12472
12473                    &::after {
12474                        display: block;
12475                        content: '';
12476                        width: var(--verticalNavSubArrowSize);
12477                        height: var(--verticalNavSubArrowSize);
12478                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
12479                        mask-image: var(--wmd_submenuItemIconUrl);
12480                        -webkit-mask-size: contain;
12481                        mask-size: contain;
12482                        -webkit-mask-repeat: no-repeat;
12483                        mask-repeat: no-repeat;
12484                        -webkit-mask-position: center;
12485                        mask-position: center;
12486                        background-color: var(--verticalNavSubArrowColor);
12487                        transform: var(--verticalNavSubArrowRotate);
12488                    }
12489                }
12490            }
12491
12492            /* Third level submenu styles */
12493
12494            & > .navigation-nav--sub-menu {
12495                display: none;
12496                opacity: 0;
12497                visibility: hidden;
12498                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
12499            }
12500
12501            &:hover, .wmcA_hoverState & {
12502                background-color: var(--verticalNavSubItemHoverBackgroundColor);
12503
12504                & .arrow:hover, .wmcA_hoverState & {
12505                    &::after {
12506                        border-left-color: var(--verticalNavSubItemHoverFontColor);
12507                    }
12508                }
12509            }
12510
12511            &.open {
12512                & > .arrow {
12513                    &::after {
12514                        transform: rotate(90deg);
12515                    }
12516                }
12517
12518                & > .navigation-nav--sub-menu {
12519                    display: grid;
12520                    grid-template-columns: 1fr;
12521                    opacity: 1;
12522                    visibility: visible;
12523                    pointer-events: auto;
12524                }
12525            }
12526        }
12527
12528        /* parent title */
12529
12530        & .navigation-nav--parent-title {
12531            display: grid;
12532            padding: 15px 0 10px 0;
12533            grid-template-columns: 1fr max-content;
12534            align-items: center;
12535            gap: var(--verticalNavSubSeparatorSpacing);
12536            border: none;
12537            background-color: var(--verticalNavTitleContainerBackgroun
12537dColor);
12538
12539            &:hover, .wmcA_hoverState & {
12540                background-color: var(--verticalNavTitleContainerBackgroundColor);
12541            }
12542
12543            & a {
12544                display: block;
12545                margin-bottom: 4px;
12546                padding: 0;
12547                font-family: var(--verticalNavItemFont);
12548                font-size: var(--verticalNavTitleFontSize);
12549                font-weight: var(--verticalNavTitleFontWeight);
12550                color: var(--verticalNavTitleFontColor);
12551                text-decoration: none;
12552                cursor: pointer;
12553                pointer-events: none;
12554            }
12555
12556            & > span {
12557                display: none;
12558            }
12559        }
12560
12561        /* back button: NONE */
12562
12563        & .navigation-nav--back {
12564            display: block;
12565            padding: 15px 0;
12566            border-bottom: 1px solid var(--verticalNavArrowColor);
12567
12568            & a {
12569                display: inline-flex;
12570                margin-bottom: 10px;
12571                align-items: center;
12572                gap: 10px;
12573                font-family: var(--verticalNavItemFont);
12574                font-size: var(--verticalNavItemFontSize);
12575                font-weight: 400;
12576                color: var(--verticalNavItemFontColor);
12577                text-decoration: none;
12578
12579                &:hover, .wmcA_hoverState & {
12580                    color: var(--verticalNavItemHoverFontColor);
12581                }
12582
12583                &::before {
12584                    display: block;
12585                    content: '';
12586                    width: var(--verticalNavSubArrowSize);
12587                    height: var(--verticalNavSubArrowSize);
12588                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
12589                    mask-image: var(--wmd_submenuCaretIconUrl);
12590                    -webkit-mask-size: contain;
12591                    mask-size: contain;
12592                    -webkit-mask-repeat: no-repeat;
12593                    mask-repeat: no-repeat;
12594                    -webkit-mask-position: center;
12595                    mask-position: center;
12596                    background-color: var(--verticalNavSubArrowColor);
12597                    transform: rotate(90deg);
12598                }
12599            }
12600        }
12601    }
12602
12603    body > .wmcM_scrollBehavior  .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active{
12604        transform: scale(calc(1 / var(--wm_scale))) !important;
12605        transform-origin: 0 0 !important;
12606        position: fixed !important;
12607        top: 0 !important;
12608        left: 0 !important;
12609        width: 100dvw !important;
12610        height: 100dvh !important;
12611    }
12612
12613    body > .wmc_section .wmc_menu.wmcM_menuHamburgerMobile:has(.navigation-module-container.active) {
12614        z-index: 6000 !important;
12615    }
12616}
12617
12618
12619.wmc_menu .hamburger-button {
12620    display: none;
12621}
12622
12623@media all and (width >= 1040px) {
12624    /* Horizontal Navigation Styles */
12625    .wmc_menu.wmcM_menuHorizontalDesktop.wmd_showMoreMenu {
12626        & .navigation-module-container {
12627            overflow: hidden;
12628        }
12629
12630        & .navigation-module-container ul.navigation-nav--main-menu {
12631            flex-wrap: nowrap !important;
12632            overflow: hidden;
12633
12634            & > .navigation-nav--item {
12635                flex-shrink: 0;
12636            }
12637        }
12638    }
12639
12640    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-module-container,
12641    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container {
12642        & .navigation-nav {
12643            display: flex;
12644            justify-content: var(--horizontalNavJustifyContent);
12645        }
12646
12647        /* level 1: main menu */
12648
12649        & ul.navigation-nav--main-menu {
12650            display: inline-flex;
12651            padding-left: var(--horizontalNavPaddingLeft);
12652            padding-right: var(--horizontalNavPaddingRight);
12653            padding-top: var(--horizontalNavPaddingTop);
12654            padding-bottom: var(--horizontalNavPaddingBottom);
12655            margin-left: 0;
12656            margin-right: 0;
12657            flex-direction: row;
12658            flex-wrap: wrap;
12659            align-self: center;
12660            list-style: none;
12661            background-color: var(--horizontalNavBackgroundColor);
12662            border-top: var(--horizontalNavBorderTop);
12663            border-right: var(--horizontalNavBorderRight);
12664            border-bottom: var(--horizontalNavBorderBottom);
12665            border-radius: var(--horizontalNavBorderRadius);
12666            border-left: var(--horizontalNavBorderLeft);
12667            column-gap: calc(var(--horizontalNavSeparatorSpacing) / 2);
12668
12669            & > .navigation-nav--separator {
12670                display: var(--horizontalNavSeparatorDisplay);
12671                width: var(--horizontalNavSeparatorWidth);
12672                height: var(--horizontalNavSeparatorHeight);
12673                background-color: var(--horizontalNavSeparatorColor);
12674                align-self: center;
12675                font-size: var(--horizontalNavItemFontSize);
12676                line-height: 1.4;
12677            }
12678        }
12679
12680        /* level 1: li item */
12681
12682        & .navigation-nav--item {
12683            display: grid;
12684            grid-template-columns: 1fr;
12685            align-items: center;
12686            background-color: var(--navItemBackgroundColor);
12687            border-top: var(--navItemBorderTop);
12688            border-right: var(--navItemBorderRight);
12689            border-bottom: var(--navItemBorderBottom);
12690            border-left: var(--navItemBorderLeft);
12691            border-radius: var(--navItemBorderRadius);
12692
12693            &:hover, .wmcA_hoverState &:not(.wmcA_activeState) {
12694                background-color: var(--navItemHoverBackgroundColor);
12695                border-top: var(--navItemBorderTopHover);
12696                border-right: var(--navItemBorderRightHover);
12697                border-bottom: var(--navItemBorderBottomHover);
12698                border-left: var(--navItemBorderLeftHover);
12699                border-radius: var(--navItemBorderRadiusHover);
12700
12701            }
12702
12703            &.open, &.wmcA_activeState, .wmcA_activeState & {
12704                background-color: var(--navItemActiveBackgroundColor);
12705            }
12706
12707            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
12708                background-color: var(--navItemActiveBackgroundColor);
12709            }
12710
12711            & > a {
12712                display: flex;
12713                align-items: center;
12714                padding-top: var(--navItemPaddingTop);
12715                padding-bottom: var(--navItemPaddingBottom);
12716                padding-left: var(--navItemPaddingLeft);
12717                padding-right: var(--navItemPaddingRight);
12718                font-family: var(--navItemFont);
12719                color: var(--navItemFontColor);
12720                line-height: var(--navItemLineHeight);
12721                background-color: transparent;
12722                letter-spacing: var(--navItemLetterSpacing);
12723                font-size: var(--navItemFontSize);
12724                text-decoration: var(--navItemTextDecoration);
12725                font-weight: var(--navItemFontWeight);
12726                font-style: var(--navItemFontStyle);
12727
12728                &:hover, .wmcA_hoverState & {
12729                    color: var(--navItemHoverFontColor);
12730                    font-size: var(--navItemFontSizeHover);
12731                    text-decoration: var(--navItemTextDecorationHover);
12732                    font-weight: var(--navItemFontWeightHover);
12733                    font-style: var(--navItemFontStyleHover);
12734                    padding-top: var(--navItemPaddingTopHover);
12735                    padding-bottom: var(--navItemPaddingBottomHover);
12736                    padding-left: var(--navItemPaddingLeftHover);
12737                    padding-right: var(--navItemPaddingRightHover);
12738                }
12739
12740                .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
12741                    color: var(--navItemActiveFontColor);
12742                }
12743
12744                .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
12745                    color: var(--navItemActiveFontColor);
12746                }
12747            }
12748
12749            &:hover > .navigation-nav--sub-menu,
12750            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
12751            .wmcA_hoverState & > .navigation-nav--sub-menu,
12752            &.open > .navigation-nav--sub-menu {
12753                opacity: 1;
12754                visibility: visible;
12755                transform: translateY(0);
12756            }
12757
12758            & .arrow {
12759                display: none;
12760                pointer-events: none;
12761            }
12762
12763            &:has(.navigation-nav--sub-menu) {
12764                display: grid;
12765                grid-template-columns: 1fr calc(var(--horizontalNavArrowSpacing) + var(--horizontalNavArrowSize));
12766                align-items: center;
12767                position: relative;
12768                padding-right: calc(var(--navItemPaddingRight) / 2);
12769
12770                & > a {
12771                    padding-right: 0;
12772                    width: 100%;
12773                }
12774
12775                & > .arrow {
12776                    display: var(--horizontalNavArrowDisplay, flex);
12777                    align-items: center;
12778                    justify-content: center;
12779                    pointer-events: auto;
12780                    position: relative;
12781                    z-index: 1;
12782                    width: var(--horizontalNavArrowSize);
12783                    height: 100%;
12784                    cursor: pointer;
12785                    margin-left: var(--horizontalNavArrowSpacing);
12786
12787                    &::after {
12788                        display: block;
12789                        content: '';
12790                        width: var(--horizontalNavArrowSize);
12791                        height: var(--horizontalNavArrowSize);
12792                        -webkit-mask-image: var(--wmd_caretIconUrl);
12793                        mask-image: var(--wmd_caretIconUrl);
12794                        -webkit-mask-size: contain;
12795                        mask-size: contain;
12796                        -webkit-mask-repeat: no-repeat;
12797                        mask-repeat: no-repeat;
12798                        -webkit-mask-position: center;
12799                        mask-position: center;
12800                        background-color: var(--horizontalNavArrowColor);
12801                        transform: var(--horizontalNavArrowRotate);
12802                        position: absolute;
12803                        left: auto;
12804                        right: auto;
12805                        top: auto;
12806                        bottom: auto;
12807                        z-index: 1;
12808                        transition: all 0.2s ease;
12809                    }
12810
12811                    &:hover, .wmcA_hoverState & {
12812                        &::after {
12813                            width: var(--horizontalNavArrowSizeHover);
12814                            height: var(--horizontalNavArrowSizeHover);
12815                            background-color: var(--horizontalNavArrowColorHover);
12816                            transform: var(--horizontalNavArrowRotateHover);
12817                        }
12818                    }
12819
12820                    .navigation-nav--item.open > &, .navigation-nav--item.wmcA_activeState > &, .wmcA_activeState & {
12821                        &::after {
12822                            background-color: var(--horizontalNavArrowColorActive);
12823                            transform: var(--horizontalNavArrowRotateActive);
12824                        }
12825                    }
12826
12827                    .navigation-nav--item:has(> .navigation-nav--sub-menu):hover > &, .navigation-nav--item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
12828                        &::after {
12829                            background-color: var(--horizontalNavArrowColorActive);
12830                            transform: var(--horizontalNavArrowRotateActive);
12831                        }
12832                    }
12833                }
12834            }
12835
12836            &.navigation-nav--more-trigger {
12837                padding-right: var(--navItemPaddingRight);
12838                grid-template-columns: 1fr max-content;
12839            }
12840        }
12841
12842        /* level 2: sub menu */
12843
12844        & .navigation-nav--sub-menu {
12845            display: flex;
12846            flex-direction: column;
12847            padding-top: var(--horizontalNavSubPaddingTop);
12848            padding-bottom: var(--horizontalNavSubPaddingBottom);
12849            padding-left: var(--horizontalNavSubPaddingLeft);
12850            padding-right: var(--horizontalNavSubPaddingRight);
12851            position: absolute;
12852            list-style: none;
12853            top: 100%;
12854            left: 0;
12855            opacity: 0;
12856            visibility: hidden;
12857            transform: translateY(10px);
12858            transition: all 0.3s ease;
12859            z-index: 100;
12860            min-width: var(--horizontalNavSubContainerWidth);
12861            box-shadow: var(--horizontalNavSubContainerShadow);
12862            background-color: var(--horizontalNavSubContainerBackgroun
12862dColor);
12863            gap: calc(var(--horizontalNavSubSeparatorSpacing) / 2);
12864            border-top: var(--horizontalNavSubContainerBorderTop);
12865            border-right: var(--horizontalNavSubContainerBorderRight);
12866            border-bottom: var(--horizontalNavSubContainerBorderBottom);
12867            border-left: var(--horizontalNavSubContainerBorderLeft);
12868            border-radius: var(--horizontalNavSubContainerBorderRadius);
12869
12870            & > .navigation-nav--separator {
12871                display: var(--horizontalNavSubSeparatorDisplay);
12872                margin: 0 auto;
12873                width: var(--horizontalNavSubSeparatorWidth);
12874                height: var(--horizontalNavSubSeparatorHeight);
12875                background-color: var(--horizontalNavSubSeparatorColor);
12876                align-self: center;
12877            }
12878        }
12879
12880        /* level 2: li sub item */
12881
12882        & .navigation-nav--sub-item {
12883            border-top: var(--horizontalNavSubItemBorderTop);
12884            border-right: var(--horizontalNavSubItemBorderRight);
12885            border-bottom: var(--horizontalNavSubItemBorderBottom);
12886            border-left: var(--horizontalNavSubItemBorderLeft);
12887            border-radius: var(--horizontalNavSubItemBorderRadius);
12888            background-color: var(--horizontalNavSubItemBackgroun
12888dColor);
12889
12890            &:hover:not(.wmcA_activeState), .wmcA_hoverState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > &:not(.wmcA_activeState) {
12891                border-radius: var(--horizontalNavSubItemBorderRadiusHover);
12892                background-color: var(--horizontalNavSubItemHoverBackgroundColor);
12893                border-top: var(--horizontalNavSubItemBorderTopHover);
12894                border-right: var(--horizontalNavSubItemBorderRightHover);
12895                border-bottom: var(--horizontalNavSubItemBorderBottomHover);
12896                border-left: var(--horizontalNavSubItemBorderLeftHover);
12897            }
12898
12899            &.open, &.wmcA_activeState, .wmcA_activeState .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > & {
12900                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
12901            }
12902
12903            &:has(.navigation-nav--sub-menu):hover, &:has(.navigation-nav--sub-menu).wmcA_activeState {
12904                background-color: var(--horizontalNavSubItemActiveBackgroundColor);
12905            }
12906
12907            & > a {
12908                display: flex;
12909                align-items: center;
12910                padding-top: var(--horizontalNavSubItemPaddingTop);
12911                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
12912                padding-left: var(--horizontalNavSubItemPaddingLeft);
12913                padding-right: var(--horizontalNavSubItemPaddingRight);
12914                font-family: var(--horizontalNavSubItemFont);
12915                color: var(--horizontalNavSubItemFontColor);
12916                line-height: var(--horizontalNavSubItemLineHeight);
12917                background-color: transparent;
12918                letter-spacing: var(--horizontalNavSubItemLetterSpacing);
12919                font-weight: var(--horizontalNavSubItemFontWeight);
12920                font-size: var(--horizontalNavSubItemFontSize);
12921                text-decoration: var(--horizontalNavSubItemTextDecoration);
12922                font-style: var(--horizontalNavSubItemFontStyle);
12923
12924                &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
12925                    color: var(--horizontalNavSubItemHoverFontColor);
12926                    font-weight: var(--horizontalNavSubItemFontWeightHover);
12927                    font-size: var(--horizontalNavSubItemFontSizeHover);
12928                    text-decoration: var(--horizontalNavSubItemTextDecorationHover);
12929                    font-style: var(--horizontalNavSubItemFontStyleHover);
12930                    padding-top: var(--horizontalNavSubItemPaddingTopHover);
12931                    padding-bottom: var(--horizontalNavSubItemPaddingBottomHover);
12932                    padding-left: var(--horizontalNavSubItemPaddingLeftHover);
12933                    padding-right: var(--horizontalNavSubItemPaddingRightHover);
12934                }
12935
12936                .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
12937                    color: var(--horizontalNavSubItemActiveFontColor);
12938                }
12939
12940                .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
12941                    color: var(--horizontalNavSubItemActiveFontColor);
12942                }
12943            }
12944
12945            &:has(.navigation-nav--sub-menu) {
12946                display: grid;
12947                grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing) + var(--horizontalNavSubArrowSize));
12948                align-items: center;
12949                position: relative;
12950                padding-right: calc(var(--horizontalNavSubItemPaddingRight) / 2);
12951
12952                & > a {
12953                    padding-right: 0;
12954                    width: 100%;
12955                }
12956
12957                & > .arrow {
12958                    display: var(--horizontalNavSubArrowDisplay, flex);
12959                    align-items: center;
12960                    justify-content: center;
12961                    pointer-events: auto;
12962                    position: relative;
12963                    z-index: 1;
12964                    width: var(--horizontalNavSubArrowSize);
12965                    height: 100%;
12966                    cursor: pointer;
12967                    margin-left: var(--horizontalNavSubArrowSpacing);
12968
12969                    &::after {
12970                        display: block;
12971                        content: '';
12972                        width: var(--horizontalNavSubArrowSize);
12973                        height: var(--horizontalNavSubArrowSize);
12974                        -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
12975                        mask-image: var(--wmd_submenuCaretIconUrl);
12976                        -webkit-mask-size: contain;
12977                        mask-size: contain;
12978                        -webkit-mask-repeat: no-repeat;
12979                        mask-repeat: no-repeat;
12980                        -webkit-mask-position: center;
12981                        mask-position: center;
12982                        background-color: var(--horizontalNavSubArrowColor);
12983                        transform: var(--horizontalNavSubArrowRotate);
12984                        position: absolute;
12985                        left: auto;
12986                        right: auto;
12987                        top: auto;
12988                        bottom: auto;
12989                        z-index: 1;
12990                        transition: all 0.2s ease;
12991                    }
12992
12993                    &:hover, .wmcA_hoverState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
12994                        &::after {
12995                            width: var(--horizontalNavSubArrowSizeHover);
12996                            height: var(--horizontalNavSubArrowSizeHover);
12997                            background-color: var(--horizontalNavSubArrowColorHover);
12998                            transform: var(--horizontalNavSubArrowRotateHover);
12999                        }
13000                    }
13001
13002                    .navigation-nav--sub-item.open > &, .navigation-nav--sub-item.wmcA_activeState > &, .wmcA_activeState:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--main-menu > .navigation-nav--item > .navigation-nav--sub-menu > .navigation-nav--sub-item > & {
13003                        &::after {
13004                            background-color: var(--horizontalNavSubArrowColorActive);
13005                            transform: var(--horizontalNavSubArrowRotateActive);
13006                        }
13007                    }
13008
13009                    .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu):hover > &, .wmc_menu:not(.wmcM_menuMegaDesktop):not(.wmcM_menuMegaTablet):not(.wmcM_menuMegaMobile) .navigation-nav--sub-item:has(> .navigation-nav--sub-menu).wmcA_activeState > & {
13010                        &::after {
13011                            background-color: var(--horizontalNavSubArrowColorActive);
13012                            transform: var(--horizontalNavSubArrowRotateActive);
13013                        }
13014                    }
13015                }
13016            }
13017
13018            /* Third level submenu styles */
13019
13020            & > .navigation-nav--sub-menu {
13021                top: 0;
13022                left: 100%;
13023            }
13024
13025            &:hover > .navigation-nav--sub-menu,
13026            &:has(.navigation-nav--sub-menu:hover) > .navigation-nav--sub-menu,
13027            .wmcA_hoverState & > .navigation-nav--sub-menu,
13028            &.open > .navigation-nav--sub-menu {
13029                opacity: 1;
13030                visibility: visible;
13031                transform: translateX(0);
13032            }
13033        }
13034
13035        /* parent title */
13036
13037        & .navigation-nav--parent-title {
13038            display: none;
13039
13040            & a {
13041                padding-top: var(--horizontalNavSubItemPaddingTop);
13042                padding-bottom: var(--horizontalNavSubItemPaddingBottom);
13043                padding-left: var(--horizontalNavSubItemPaddingLeft);
13044                padding-right: var(--horizontalNavSubItemPaddingRight);
13045                font-family: var(--horizontalNavSubItemFont);
13046                font-size: var(--horizontalNavSubItemFontSize);
13047                font-weight: 700;
13048                color: var(--horizontalNavSubItemFontColor);
13049                border-bottom: 1px solid var(--horizontalNavSubItemFontColor);
13050                margin-bottom: 4px;
13051            }
13052
13053            & > span {
13054                display: none;
13055            }
13056        }
13057
13058        /* back button: NONE */
13059
13060        & .navigation-nav--back {
13061            display: none;
13062        }
13063
13064        /* hide separator for hidden items */
13065
13066        .navigation-nav--item[style="display: none;"] + .navigation-nav--separator {
13067            display: none;
13068        }
13069    }
13070
13071    /* Hamburger Navigation Styles */
13072    .wmc_menu.wmcM_menuHamburgerDesktop .navigation-module-container {
13073        background-color: transparent;
13074
13075        &.active {
13076            overflow-y: auto;
13077            -webkit-overflow-scrolling: touch;
13078            scrollbar-width: thin;
13079            scrollbar-color: rgba(var(--colorBwGradientJ), 0.3) transparent;
13080            display: grid;
13081            grid-template-columns: 1fr;
13082            grid-template-rows: max-content 1fr;
13083            position: fixed;
13084            padding-top: var(--hamburgerNavPaddingTop);
13085            padding-bottom: var(--hamburgerNavPaddingBottom);
13086            padding-left: var(--hamburgerNavPaddingLeft);
13087            padding-right: var(--hamburgerNavPaddingRight);
13088            top: calc(var(--wm_scrollTopNav) / var(--wm_scale));
13089            left: 0;
13090            width: 100%;
13091            height: 100%;
13092            z-index: 1000;
13093            background-color: var(--hamburgerNavBackgroundColor);
13094            transition: background-color 0.8s ease-in;
13095
13096            & .navigation-nav {
13097                display: block;
13098
13099                & > ul.navigation-nav--main-menu.start-animation {
13100                    & > li {
13101                        --item-delay: ;
13102                        top: 0;
13103                        opacity: 1;
13104                        transition-delay: var(--item-delay, 0.5s);
13105                    }
13106                }
13107            }
13108        }
13109
13110        & .navigation-nav {
13111            display: none;
13112            position: relative;
13113            z-index: 100;
13114            overflow: hidden;
13115            justify-self: var(--hamburgerNavJustifySelf);
13116            max-width: var(--hamburgerSlideContainerWidth);
13117            width: 100%;
13118
13119            & * {
13120                transition: all 0.3s ease;
13121            }
13122
13123            & > ul.navigation-nav--main-menu {
13124                & > li {
13125                    top: 100px;
13126                    opacity: 0;
13127                    position: relative;
13128
13129                    &.open {
13130                        position: static;
13131                    }
13132                }
13133            }
13134        }
13135
13136        /* level 1: main menu */
13137
13138        & ul.navigation-nav--main-menu {
13139            display: grid;
13140            margin: 0;
13141            padding: 0;
13142            grid-template-columns: 1fr;
13143            list-style: none;
13144            width: 100%;
13145            max-width: var(--hamburgerSlideContainerWidth);
13146            gap: calc(var(--hamburgerNavSeparatorSpacing) / 2);
13147            background-color: transparent;
13148
13149            & ul.navigation-nav--sub-menu {
13150                transform: translateX(var(--hamburgerSlideContainerWidth));
13151            }
13152
13153            &:has(.open) {
13154                transform: translateX(calc(var(--hamburgerSlideContainerWidth) * -1));
13155
13156                & .open > ul.navigation-nav--sub-menu {
13157                    transform: translateX(var(--hamburgerSlideContainerWidth));
13158
13159                    &:has(.open) {
13160                        transform: translateX(0px);
13161                    }
13162                }
13163            }
13164
13165            & > .navigation-nav--separator {
13166                display: var(--hamburgerNavSeparatorDisplay);
13167                margin: 0 auto;
13168                width: var(--hamburgerNavSeparatorWidth);
13169                height: var(--hamburgerNavSeparatorHeight);
13170                background-color: var(--hamburgerNavSeparatorColor);
13171                align-self: center;
13172            }
13173        }
13174
13175        /* level 1: li item */
13176
13177        & .navigation-nav--item {
13178            display: flex;
13179            align-items: center;
13180            border-top: var(--hamburgerNavItemBorderTop);
13181            border-right: var(--hamburgerNavItemBorderRight);
13182            border-bottom: var(--hamburgerNavItemBorderBottom);
13183            border-left: var(--hamburgerNavItemBorderLeft);
13184            border-radius: var(--hamburgerNavItemBorderRadius);
13185            background-color: var(--hamburgerNavItemBackgroundColor);
13186
13187            &:hover, .wmcA_hoverState &, .wmcA_hoverState & {
13188                background-color: var(--hamburgerNavItemHoverBackgroundColor);
13189                border-top: var(--hamburgerNavItemBorderTopHover);
13190                border-right: var(--hamburgerNavItemBorderRightHover);
13191                border-bottom: var(--hamburgerNavItemBorderBottomHover);
13192                border-left: var(--hamburgerNavItemBorderLeftHover);
13193                border-radius: var(--hamburgerNavItemBorderRadiusHover);
13194            }
13195
13196            & > a {
13197                display: flex;
13198                align-items: center;
13199                justify-content: var(--hamburgerNavItemsAlignment);
13200                text-align: var(--hamburgerNavItemsAlignment);
13201                padding-top: var(--hamburgerNavItemPaddingTop);
13202                padding-bottom: var(--hamburgerNavItemPaddingBottom);
13203                padding-left: var(--hamburgerNavItemPaddingLeft);
13204                padding-right: var(--hamburgerNavItemPaddingRight);
13205                font-family: var(--hamburgerNavItemFont);
13206                font-size: var(--hamburgerNavItemFontSize);
13207                color: var(--hamburgerNavItemFontColor);
13208                font-weight: var(--hamburgerNavItemFontWeight);
13209                line-height: var(--hamburgerNavItemLineHeight);
13210                text-decoration: var(--hamburgerNavItemTextDecoration);
13211                font-style: var(--hamburgerNavItemFontStyle);
13212                letter-spacing: var(--hamburgerNavItemLetterSpacing);
13213                background-color: transparent;
13214                width: var(--hamburgerNavArrowAutoSpacing);
13215
13216                &:hover, .wmcA_hoverState & {
13217                    color: var(--hamburgerNavItemHoverFontColor);
13218                    font-size: var(--hamburgerNavItemFontSizeHover) !important;
13219                    padding-top: var(--hamburgerNavItemPaddingTopHover);
13220                    padding-bottom: var(--hamburgerNavItemPaddingBottomHover);
13221                    padding-left: var(--hamburgerNavItemPaddingLeftHover);
13222                    padding-right: var(--hamburgerNavItemPaddingRightHover);
13223                    font-family: var(--hamburgerNavItemFontHover);
13224                    font-weight: var(--hamburgerNavItemFontWeightHover);
13225                    line-height: var(--hamburgerNavItemLineHeightHover);
13226                    text-decoration: var(--hamburgerNavItemTextDecorationHover);
13227                    font-style: var(--hamburgerNavItemFontStyleHover);
13228                    letter-spacing: var(--hamburgerNavItemLetterSpacingHover);
13229                }
13230            }
13231
13232            & .arrow {
13233                display: none;
13234                pointer-events: none;
13235            }
13236
13237            /* Items without a sub menu reserve the arrow footprint so their
13238               text aligns with arrowed items for any items alignment. */
13239            &:not(:has(.navigation-nav--sub-menu)) {
13240                gap: var(--hamburgerNavArrowSpacing);
13241                padding-right: var(--hamburgerNavItemPaddingRight);
13242
13243                & > a {
13244                    padding-right: 0;
13245                }
13246
13247                &::after {
13248                    content: '';
13249                    flex: 0 0 var(--hamburgerNavArrowSize);
13250                    height: var(--hamburgerNavArrowSize);
13251                }
13252            }
13253
13254            &:has(.navigation-nav--sub-menu) {
13255                display: flex;
13256                align-items: center;
13257                gap: var(--hamburgerNavArrowSpacing);
13258                padding-right: var(--hamburgerNavItemPaddingRight);
13259
13260                & > a {
13261                    padding-right: 0;
13262                }
13263
13264                & > .arrow {
13265                    display: flex;
13266                    align-items: center;
13267                    justify-content: flex-end;
13268                    pointer-events: auto;
13269                    position: relative;
13270                    z-index: 1;
13271                    width: var(--hamburgerNavArrowSize);
13272                    height: var(--hamburgerNavArrowSize);
13273                    cursor: pointer;
13274
13275                    &::after {
13276                        display: block;
13277                        content: '';
13278                        width: var(--hamburgerNavArrowSize);
13279                        height: var(--hamburgerNavArrowSize);
13280                        -webkit-mask-image: var(--wmd_menuItemIconUrl);
13281                        mask-image: var(--wmd_menuItemIconUrl);
13282                        -webkit-mask-size: contain;
13283                        mask-size: contain;
13284                        -webkit-mask-repeat: no-repeat;
13285                        mask-repeat: no-repeat;
13286                        -webkit-mask-position: center;
13287                        mask-position: center;
13288                        background-color: var(--hamburgerNavArrowColor);
13289                        transform: var(--hamburgerNavArrowRotate);
13290                        transition: all 0.3s ease;
13291                    }
13292
13293                    &:hover, .wmcA_hoverState & {
13294                        width: var(--hamburgerNavArrowSizeHover);
13295                        height: var(--hamburgerNavArrowSizeHover);
13296
13297                        &::after {
13298                            width: var(--hamburgerNavArrowSizeHover);
13299                            height: var(--hamburgerNavArrowSizeHover);
13300                            background-color: var(--hamburgerNavArrowColorHover);
13301                            transform: var(--hamburgerNavArrowRotateHover);
13302                        }
13303                    }
13304                }
13305            }
13306
13307            &.open > .navigation-nav--sub-menu {
13308                z-index: 1;
13309                opacity: 1;
13310                visibility: visible;
13311                pointer-events: auto;
13312            }
13313        }
13314
13315        /* level 2: sub menu */
13316
13317        & .navigation-nav--sub-menu {
13318            display: grid;
13319            margin: 0;
13320            padding: 0;
13321            grid-template-columns: 1fr;
13322            position: absolute;
13323            top: 0;
13324            left: 0;
13325            z-index: -1;
13326            list-style: none;
13327            opacity: 0;
13328            visibility: hidden;
13329            width: 100%;
13330            max-width: var(--hamburgerSlideContainerWidth);
13331            background-color: var(--hamburgerNavSubBackgroundColor);
13332            pointer-events: none;
13333            gap: calc(var(--hamburgerNavSubSeparatorSpacing) / 2);
13334
13335            & > .navigation-nav--separator {
13336                display: var(--hamburgerNavSubSeparatorDisplay);
13337                margin: 0 auto;
13338                width: var(--hamburgerNavSubSeparatorWidth);
13339                height: var(--hamburgerNavSubSeparatorHeight);
13340                background-color: var(--hamburgerNavSubSeparatorColor);
13341                align-self: center;
13342            }
13343        }
13344
13345        /* level 2: li sub item */
13346
13347        & .navigation-nav--sub-item {
13348            display: flex;
13349            align-items: center;
13350
13351            border-top: var(--hamburgerNavSubItemBorderTop);
13352            border-right: var(--hamburgerNavSubItemBorderRight);
13353            border-bottom: var(--hamburgerNavSubItemBorderBottom);
13354            border-left: var(--hamburgerNavSubItemBorderLeft);
13355            border-radius: var(--hamburgerNavSubItemBorderRadius);
13356            background-color: var(--hamburgerNavSubItemBackgroun
13356dColor);
13357
13358            &:hover, .wmcA_hoverState & {
13359                background-color: var(--hamburgerNavSubItemHoverBackgroundColor);
13360                border-radius: var(--hamburgerNavSubItemBorderRadiusHover);
13361                border-top: var(--hamburgerNavSubItemBorderTopHover);
13362                border-right: var(--hamburgerNavSubItemBorderRightHover);
13363                border-bottom: var(--hamburgerNavSubItemBorderBottomHover);
13364                border-left: var(--hamburgerNavSubItemBorderLeftHover);
13365            }
13366
13367            & > a {
13368                display: flex;
13369                align-items: center;
13370                padding-top: var(--hamburgerNavSubItemPaddingTop);
13371                padding-bottom: var(--hamburgerNavSubItemPaddingBottom);
13372                padding-left: var(--hamburgerNavSubItemPaddingLeft);
13373                padding-right: var(--hamburgerNavSubItemPaddingRight);
13374                font-family: var(--hamburgerNavSubItemFont);
13375                font-size: var(--hamburgerNavSubItemFontSize);
13376                color: var(--hamburgerNavSubItemFontColor);
13377                font-weight: var(--hamburgerNavSubItemFontWeight);
13378                line-height: var(--hamburgerNavSubItemLineHeight);
13379                text-decoration: var(--hamburgerNavSubItemTextDecoration);
13380                font-style: var(--hamburgerNavSubItemFontStyle);
13381                letter-spacing: var(--hamburgerNavSubItemLetterSpacing);
13382                background-color: transparent;
13383                width: var(--hamburgerNavSubArrowAutoSpacing);
13384
13385                &:hover, .wmcA_hoverState & {
13386                    color: var(--hamburgerNavSubItemHoverFontColor);
13387                    font-size: var(--hamburgerNavSubItemFontSizeHover);
13388                    font-family: var(--hamburgerNavSubItemFontHover);
13389                    font-weight: var(--hamburgerNavSubItemFontWeightHover);
13390                    line-height: var(--hamburgerNavSubItemLineHeightHover);
13391                    text-decoration: var(--hamburgerNavSubItemTextDecorationHover);
13392                    font-style: var(--hamburgerNavSubItemFontStyleHover);
13393                    letter-spacing: var(--hamburgerNavSubItemLetterSpacingHover);
13394                    padding-top: var(--hamburgerNavSubItemPaddingTopHover);
13395                    padding-bottom: var(--hamburgerNavSubItemPaddingBottomHover);
13396                    padding-left: var(--hamburgerNavSubItemPaddingLeftHover);
13397                    padding-right: var(--hamburgerNavSubItemPaddingRightHover);
13398                }
13399            }
13400
13401            &:has(.navigation-nav--sub-menu) {
13402                display: flex;
13403                align-items: center;
13404                gap: var(--hamburgerNavSubArrowSpacing);
13405                padding-right: var(--hamburgerNavSubItemPaddingRight);
13406
13407                & > a {
13408                    padding-right: 0;
13409                }
13410
13411                & > .arrow {
13412                    display: flex;
13413                    align-items: center;
13414                    justify-content: flex-end;
13415                    pointer-events: auto;
13416                    position: relative;
13417                    z-index: 1;
13418                    width: var(--hamburgerNavSubArrowSize);
13419                    height: var(--hamburgerNavSubArrowSize);
13420                    cursor: pointer;
13421
13422                    &::after {
13423                        display: block;
13424                        content: '';
13425                        width: var(--hamburgerNavSubArrowSize);
13426                        height: var(--hamburgerNavSubArrowSize);
13427                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
13428                        mask-image: var(--wmd_submenuItemIconUrl);
13429                        -webkit-mask-size: contain;
13430                        mask-size: contain;
13431                        -webkit-mask-repeat: no-repeat;
13432                        mask-repeat: no-repeat;
13433                        -webkit-mask-position: center;
13434                        mask-position: center;
13435                        background-color: var(--hamburgerNavSubArrowColor);
13436                        transform: var(--hamburgerNavSubArrowRotate);
13437                        transition: all 0.3s ease;
13438                    }
13439
13440                    &:hover, .wmcA_hoverState & {
13441                        width: var(--hamburgerNavSubArrowSizeHover);
13442                        height: var(--hamburgerNavSubArrowSizeHover);
13443
13444                        &::after {
13445                            width: var(--hamburgerNavSubArrowSizeHover);
13446                            height: var(--hamburgerNavSubArrowSizeHover);
13447                            background-color: var(--hamburgerNavSubArrowColorHover);
13448                            transform: var(--hamburgerNavSubArrowRotateHover);
13449                        }
13450                    }
13451                }
13452            }
13453
13454            &.open > .navigation-nav--sub-menu {
13455                z-index: 1;
13456                opacity: 1;
13457                visibility: visible;
13458                pointer-events: auto;
13459            }
13460        }
13461
13462        /* parent title */
13463
13464        & .navigation-nav--parent-title {
13465            display: flex;
13466            align-items: center;
13467            gap: var(--hamburgerTitleArrowSpacing);
13468            padding-right: var(--hamburgerTitlePaddingRight);
13469            border-top: var(--hamburgerTitleBorderTop);
13470            border-right: var(--hamburgerTitleBorderRight);
13471            border-bottom: var(--hamburgerTitleBorderBottom);
13472            border-left: var(--hamburgerTitleBorderLeft);
13473            border-radius: var(--hamburgerTitleBorderRadius);
13474            background-color: var(--hamburgerTitleBackgroundColor);
13475
13476            &:hover, .wmcA_hoverState & {
13477                /* border-top: var(--hamburgerTitleBorderTopHover);
13478                border-right: var(--hamburgerTitleBorderRightHover);
13479                border-bottom: var(--hamburgerTitleBorderBottomHover);
13480                border-left: var(--hamburgerTitleBorderLeftHover);
13481                border-radius: var(--hamburgerTitleBorderRadiusHover);
13482                background-color: var(--hamburgerTitleBackgroundColorHover);
13483                padding-right: var(--hamburgerTitlePaddingRightHover); */
13484            }
13485
13486            & > a {
13487                display: block;
13488                padding-top: var(--hamburgerTitlePaddingTop);
13489                padding-bottom: var(--hamburgerTitlePaddingBottom);
13490                padding-left: var(--hamburgerTitlePaddingLeft);
13491                padding-right: var(--hamburgerTitlePaddingRight);
13492                font-family: var(--hamburgerTitleFont);
13493                font-size: var(--hamburgerTitleFontSize);
13494                line-height: var(--hamburgerTitleLineHeight);
13495                font-weight: var(--hamburgerTitleFontWeight);
13496                color: var(--hamburgerTitleFontColor);
13497                font-style: var(--hamburgerTitleFontStyle);
13498                letter-spacing: var(--hamburgerTitleLetterSpacing);
13499                text-decoration: var(--hamburgerTitleTextDecoration);
13500                pointer-events: none;
13501                width: 100%;
13502
13503                &:hover, .wmcA_hoverState & {
13504                    padding-top: var(--hamburgerTitlePaddingTopHover);
13505                    padding-bottom: var(--hamburgerTitlePaddingBottomHover);
13506                    padding-left: var(--hamburgerTitlePaddingLeftHover);
13507                    padding-right: var(--hamburgerTitlePaddingRightHover);
13508                }
13509            }
13510
13511            & > span {
13512                display: flex;
13513                align-items: center;
13514                justify-content: flex-end;
13515                pointer-events: auto;
13516                position: relative;
13517                z-index: 1;
13518                width: var(--hamburgerTitleArrowSize);
13519                height: var(--hamburgerTitleArrowSize);
13520
13521                &::after {
13522                    display: block;
13523                    content: '';
13524                    width: var(--hamburgerTitleArrowSize);
13525                    height: var(--hamburgerTitleArrowSize);
13526                    -webkit-mask-image: var(--wmd_menuItemIconUrl);
13527                    mask-image: var(--wmd_menuItemIconUrl);
13528                    -webkit-mask-size: contain;
13529                    mask-size: contain;
13530                    -webkit-mask-repeat: no-repeat;
13531                    mask-repeat: no-repeat;
13532                    -webkit-mask-position: center;
13533                    mask-position: center;
13534                    background-color: var(--hamburgerTitleArrowColor);
13535                    transform: var(--hamburgerTitleArrowRotate);
13536                }
13537            }
13538        }
13539
13540        /* back button */
13541
13542        & .navigation-nav--back {
13543            display: block;
13544            padding-top: var(--hamburgerNavBackButtonPaddingTop);
13545            padding-bottom: var(--hamburgerNavBackButtonPaddingBottom);
13546            padding-left: var(--hamburgerNavBackButtonPaddingLeft);
13547            padding-right: var(--hamburgerNavBackButtonPaddingRight);
13548            border-top: var(--hamburgerNavBackButtonBorderTop);
13549            border-right: var(--hamburgerNavBackButtonBorderRight);
13550            border-bottom: var(--hamburgerNavBackButtonBorderBottom);
13551            border-left: var(--hamburgerNavBackButtonBorderLeft);
13552            border-radius: var(--hamburgerNavBackButtonBorderRadius);
13553            background-color: var(--hamburgerNavBackButtonBackgroundColor);
13554
13555            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
13556                border-radius: var(--hamburgerNavBackButtonBorderRadiusHover);
13557                background-color: var(--hamburgerNavBackButtonHoverBackgroundColor);
13558                padding-top: var(--hamburgerNavBackButtonPaddingTopHover);
13559                padding-bottom: var(--hamburgerNavBackButtonPaddingBottomHover);
13560                padding-left: var(--hamburgerNavBackButtonPaddingLeftHover);
13561                padding-right: var(--hamburgerNavBackButtonPaddingRightHover);
13562                border-top: var(--hamburgerNavBackButtonBorderTopHover);
13563                border-right: var(--hamburgerNavBackButtonBorderRightHover);
13564                border-bottom: var(--hamburgerNavBackButtonBorderBottomHover);
13565                border-left: var(--hamburgerNavBackButtonBorderLeftHover);
13566            }
13567
13568            & a {
13569                display: inline-flex;
13570                align-items: center;
13571                gap: var(--hamburgerNavBackButtonArrowSpacing);
13572                font-family: var(--hamburgerNavBackButtonFont);
13573                font-size: var(--hamburgerNavBackButtonFontSize);
13574                font-weight: var(--hamburgerNavBackButtonFontWeight);
13575                color: var(--hamburgerNavBackButtonColor);
13576                text-decoration: var(--hamburgerNavBackButtonTextDecoration);
13577                line-height: var(--hamburgerNavBackButtonLineHeight);
13578                font-style: var(--hamburgerNavBackButtonFontStyle);
13579                letter-spacing: var(--hamburgerNavBackButtonLetterSpacing);
13580                background-color: transparent;
13581                width: 100%;
13582
13583                &::before {
13584                    content: '';
13585                    display: inline-block;
13586                    width: var(--hamburgerNavBackButtonArrowSize);
13587                    height: var(--hamburgerNavBackButtonArrowSize);
13588                    -webkit-mask-image: var(--wmd_backIconUrl);
13589                    mask-image: var(--wmd_backIconUrl);
13590                    -webkit-mask-size: contain;
13591                    mask-size: contain;
13592                    -webkit-mask-repeat: no-repeat;
13593                    mask-repeat: no-repeat;
13594                    -webkit-mask-position: center;
13595                    mask-position: center;
13596                    background-color: var(--hamburgerNavBackButtonColor);
13597                    transform: var(--hamburgerNavBackButtonArrowRotate);
13598                    transition: all 0.3s ease;
13599                }
13600
13601                &:hover, .wmcA_hoverState & {
13602                    color: var(--hamburgerNavBackButtonHoverFontColor);
13603
13604                    &::before {
13605                        background-color: var(--hamburgerNavBackButtonHoverFontColor);
13606                        width: var(--hamburgerNavBackButtonArrowSizeHover);
13607                        height: var(--hamburgerNavBackButtonArrowSizeHover);
13608                    }
13609                }
13610            }
13611        }
13612
13613        /* hamburger button */
13614
13615        & .hamburger-button {
13616            display: flex;
13617            justify-content: center;
13618            align-items: center;
13619            padding: 0;
13620            margin: 0;
13621            position: relative;
13622            z-index: 100;
13623            cursor: pointer;
13624            background-color: transparent;
13625            border: none;
13626            width: var(--hamburgerMenuIconSize);
13627            height: var(--hamburgerMenuIconSize);
13628            flex-wrap: wrap;
13629
13630            & * {
13631                transition: all 0.3s ease;
13632            }
13633
13634            &.show-border {
13635                border: 1px solid var(--hamburgerMenuIconColor);
13636            }
13637
13638            & .hamburger-button-icon--container {
13639                display: block;
13640                width: var(--hamburgerMenuIconSize);
13641                height: var(--hamburgerMenuIconSize);
13642            }
13643
13644            & .hamburger-button-icon {
13645                display: flex;
13646                align-items: center;
13647                justify-content: center;
13648                margin: auto;
13649                width: var(--hamburgerMenuIconSize);
13650                height: var(--hamburgerMenuIconSize);
13651
13652                &::before {
13653                    content: '';
13654                    display: inline-block;
13655                    width: var(--hamburgerMenuIconSize);
13656                    height: var(--hamburgerMenuIconSize);
13657                    -webkit-mask-image: var(--wmd_hamburgerIconUrl);
13658                    mask-image: var(--wmd_hamburgerIconUrl);
13659                    -webkit-mask-size: contain;
13660                    mask-size: contain;
13661                    -webkit-mask-repeat: no-repeat;
13662                    mask-repeat: no-repeat;
13663                    -webkit-mask-position: center;
13664                    mask-position: center;
13665                    background-color: var(--hamburgerMenuIconColor);
13666                }
13667            }
13668
13669            & .hamburger-button-text {
13670                display: var(--hamburgerMenuDisplay);
13671                font-family: var(--hamburgerNavItemFont);
13672                font-size: 12px;
13673                font-weight: 700;
13674                line-height: 1;
13675                color: var(--hamburgerMenuIconColor);
13676                text-align: center;
13677                text-decoration: none;
13678                text-transform: uppercase;
13679            }
13680
13681            &:hover, .wmcA_hoverState & {
13682                & .hamburger-button-icon--container {
13683                    width: var(--hamburgerMenuIconSizeHover);
13684                    height: var(--hamburgerMenuIconSizeHover);
13685                }
13686
13687                & .hamburger-button-icon {
13688                    width: var(--hamburgerMenuIconSizeHover);
13689                    height: var(--hamburgerMenuIconSizeHover);
13690
13691                    &::before {
13692                        background-color: var(--hamburgerMenuIconHoverColor);
13693                        width: var(--hamburgerMenuIconSizeHover);
13694                        height: var(--hamburgerMenuIconSizeHover)
13695                    }
13696                }
13697
13698                & .hamburger-button-text {
13699                    color: var(--hamburgerMenuIconHoverColor);
13700                }
13701            }
13702
13703            &.active {
13704                margin-bottom: 25px;
13705                justify-self: var(--hamburgerMenuJustifySelf);
13706                width: var(--hamburgerMenuIconActiveSize);
13707                height: var(--hamburgerMenuIconActiveSize);
13708
13709                & .hamburger-button-icon--container {
13710                    width: var(--hamburgerMenuIconActiveSize);
13711                    height: var(--hamburgerMenuIconActiveSize);
13712                }
13713
13714                & .hamburger-button-icon {
13715                    width: var(--hamburgerMenuIconActiveSize);
13716                    height: var(--hamburgerMenuIconActiveSize);
13717
13718                    &::before {
13719                        width: var(--hamburgerMenuIconActiveSize);
13720                        height: var(--hamburgerMenuIconActiveSize);
13721                        -webkit-mask-image: var(--wmd_closeIconUrl);
13722                        mask-image: var(--wmd_closeIconUrl);
13723                        background-color: var(--hamburgerMenuIconActiveColor);
13724                    }
13725                }
13726
13727                & .hamburger-button-text {
13728                    color: var(--hamburgerMenuIconActiveColor);
13729                    height: 1px;
13730                    padding: 0;
13731                    margin: -1px;
13732                    visibility: hidden;
13733                    transition: none;
13734                    position: absolute;
13735                }
13736
13737                &:hover, .wmcA_hoverState & {
13738                    & .hamburger-button-icon--container {
13739                        width: var(--hamburgerMenuIconActiveSizeHover);
13740                        height: var(--hamburgerMenuIconActiveSizeHover);
13741                    }
13742
13743                    & .hamburger-button-icon {
13744                        width: var(--hamburgerMenuIconActiveSizeHover);
13745                        height: var(--hamburgerMenuIconActiveSizeHover);
13746
13747                        &::before {
13748                            width: var(--hamburgerMenuIconActiveSizeHover);
13749                            height: var(--hamburgerMenuIconActiveSizeHover);
13750                            background-color: var(--hamburgerMenuIconActiveHoverColor);
13751                        }
13752                    }
13753
13754                    & .hamburger-button-text {
13755                        color: var(--hamburgerMenuIconActiveHoverColor);
13756                    }
13757                }
13758            }
13759        }
13760    }
13761
13762    /* Vertical Navigation Styles */
13763    .wmc_menu.wmcM_menuVerticalDesktop .navigation-module-container {
13764        & .navigation-nav {
13765            overflow: hidden;
13766            position: relative;
13767            padding-top: var(--verticalNavPaddingTop);
13768            padding-bottom: var(--verticalNavPaddingBottom);
13769            padding-left: var(--verticalNavPaddingLeft);
13770            padding-right: var(--verticalNavPaddingRight);
13771            border-top: var(--verticalNavBorderTop);
13772            border-right: var(--verticalNavBorderRight);
13773            border-bottom: var(--verticalNavBorderBottom);
13774            border-left: var(--verticalNavBorderLeft);
13775            border-radius: var(--verticalNavBorderRadius);
13776
13777            & * {
13778                transition: all 0.3s ease;
13779            }
13780        }
13781
13782        /* level 1: main menu */
13783
13784        & ul.navigation-nav--main-menu {
13785            display: grid;
13786            margin: 0;
13787            padding: 0;
13788            grid-template-columns: 1fr;
13789            align-self: center;
13790            justify-self: var(--verticalNavJustifySelf);
13791            list-style: none;
13792            width: var(--verticalNavWidth);
13793            max-width: var(--verticalSlideContainerWidth);
13794            gap: calc(var(--verticalNavSeparatorSpacing) / 2);
13795
13796            & ul.navigation-nav--sub-menu {
13797                transform: translateX(var(--verticalSlideContainerWidth));
13798            }
13799
13800            &:has(.open) {
13801                transform: translateX(calc(var(--verticalSlideContainerWidth) * -1));
13802
13803                & .open > ul.navigation-nav--sub-menu {
13804                    transform: translateX(var(--verticalSlideContainerWidth));
13805
13806                    &:has(.open) {
13807                        transform: translateX(0px);
13808                    }
13809                }
13810            }
13811
13812            /* separator */
13813
13814            & > .navigation-nav--separator {
13815                display: var(--verticalNavSeparatorDisplay);
13816                margin: 0 auto;
13817                width: var(--verticalNavSeparatorWidth);
13818                height: var(--verticalNavSeparatorHeight);
13819                background-color: var(--verticalNavSeparatorColor);
13820            }
13821        }
13822
13823        /* level 1: li item */
13824
13825        & .navigation-nav--item {
13826            display: grid;
13827            grid-template-columns: 1fr;
13828            align-items: center;
13829            border-top: var(--verticalNavItemBorderTop);
13830            border-right: var(--verticalNavItemBorderRight);
13831            border-bottom: var(--verticalNavItemBorderBottom);
13832            border-left: var(--verticalNavItemBorderLeft);
13833            border-radius: var(--verticalNavItemBorderRadius);
13834            background-color: var(--verticalNavItemBackgroundColor);
13835
13836            &:hover, .wmcA_hoverState & {
13837                border-top: var(--verticalNavItemBorderTopHover);
13838                border-right: var(--verticalNavItemBorderRightHover);
13839                border-bottom: var(--verticalNavItemBorderBottomHover);
13840                border-left: var(--verticalNavItemBorderLeftHover);
13841                border-radius: var(--verticalNavItemBorderRadiusHover);
13842            }
13843
13844            & > a {
13845                display: flex;
13846                align-items: center;
13847                justify-content: var(--verticalNavItemsAlignment);
13848                text-align: var(--verticalNavItemsAlignment);
13849                padding-top: var(--verticalNavItemPaddingTop);
13850                padding-right: var(--verticalNavItemPaddingRight);
13851                padding-bottom: var(--verticalNavItemPaddingBottom);
13852                padding-left: var(--verticalNavItemPaddingLeft);
13853                font-family: var(--verticalNavItemFont);
13854                font-size: var(--verticalNavItemFontSize);
13855                font-weight: var(--verticalNavItemFontWeight);
13856                color: var(--verticalNavItemFontColor);
13857                line-height: var(--verticalNavItemLineHeight);
13858                text-decoration: var(--verticalNavItemTextDecoration);
13859                font-style: var(--verticalNavItemFontStyle);
13860                background-color: transparent;
13861                letter-spacing: var(--verticalNavItemLetterSpacing);
13862
13863                &:hover, .wmcA_hoverState & {
13864                    color: var(--verticalNavItemHoverFontColor);
13865                    padding-top: var(--verticalNavItemPaddingTopHover);
13866                    padding-right: var(--verticalNavItemPaddingRightHover);
13867                    padding-bottom: var(--verticalNavItemPaddingBottomHover);
13868                    padding-left: var(--verticalNavItemPaddingLeftHover);
13869                    font-style: var(--verticalNavItemFontStyleHover);
13870                    text-decoration: var(--verticalNavItemTextDecorationHover);
13871                    font-size: var(--verticalNavItemFontSizeHover);
13872                    font-weight: var(--verticalNavItemFontWeightHover);
13873                }
13874            }
13875
13876            & .arrow {
13877                display: none;
13878                pointer-events: none;
13879            }
13880
13881            /* hide: no sub menu for vertical navigation */
13882
13883            &:has(.navigation-nav--sub-menu) {
13884                display: grid;
13885                /* grid-template-columns: 1fr var(--verticalNavArrowSize); */
13886                grid-template-columns: 1fr;
13887                align-items: center;
13888                column-gap: var(--verticalNavArrowSpacing);
13889                padding-right: var(--verticalNavItemPaddingRight);
13890
13891                & > a {
13892                    padding-right: 0;
13893                    width: 100%;
13894                }
13895
13896                & > .arrow {
13897                    display: none; /* hide: no sub menu for vertical navigation */
13898                    align-items: center;
13899                    justify-content: flex-end;
13900                    pointer-events: auto;
13901                    position: relative;
13902                    z-index: 1;
13903                    width: var(--verticalNavArrowSize);
13904                    height: var(--verticalNavArrowSize);
13905                    cursor: pointer;
13906
13907                    &::after {
13908                        display: block;
13909                        content: '';
13910                        width: var(--verticalNavArrowSize);
13911                        height: var(--verticalNavArrowSize);
13912                        -webkit-mask-image: var(--wmd_caretIconUrl);
13913                        mask-image: var(--wmd_caretIconUrl);
13914                        -webkit-mask-size: contain;
13915                        mask-size: contain;
13916                        -webkit-mask-repeat: no-repeat;
13917                        mask-repeat: no-repeat;
13918                        -webkit-mask-position: center;
13919                        mask-position: center;
13920                        background-color: var(--verticalNavArrowColor);
13921                        transform: var(--verticalNavArrowRotate);
13922                    }
13923                }
13924            }
13925
13926            &:hover, .wmcA_hoverState &, &.wmcA_hoverState {
13927                background-color: var(--verticalNavItemHoverBackgroun
13927dColor);
13928
13929                & .arrow:hover, .wmcA_hoverState & {
13930                    &::after {
13931                        border-left-color: var(--verticalNavItemHoverFontColor);
13932                    }
13933                }
13934            }
13935
13936            &.open {
13937                & > .arrow {
13938                    &::after {
13939                        transform: rotate(90deg);
13940                    }
13941                }
13942
13943                & > .navigation-nav--sub-menu {
13944                    display: grid;
13945                    grid-template-columns: 1fr;
13946                    opacity: 1;
13947                    visibility: visible;
13948                    pointer-events: auto;
13949                }
13950            }
13951        }
13952
13953        /* level 2: sub menu */
13954
13955        & .navigation-nav--sub-menu {
13956            display: none;
13957            margin: 0;
13958            padding: 0;
13959            position: absolute;
13960            top: 0;
13961            left: 0;
13962            z-index: -1;
13963            list-style: none;
13964            opacity: 0;
13965            visibility: hidden;
13966            width: 100%;
13967            max-width: var(--verticalSlideContainerWidth);
13968            pointer-events: none;
13969            gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
13970
13971            /* separator */
13972
13973            & > .navigation-nav--separator {
13974                display: var(--verticalNavSubSeparatorDisplay);
13975                margin: 0 auto;
13976                width: var(--verticalNavSubSeparatorWidth);
13977                height: var(--verticalNavSubSeparatorHeight);
13978                background-color: var(--verticalNavSubSeparatorColor);
13979            }
13980        }
13981
13982        /* level 2: li sub item */
13983
13984        & .navigation-nav--sub-item {
13985            display: grid;
13986            grid-template-columns: 1fr;
13987            align-items: center;
13988            border-top: var(--verticalNavSubItemBorderTop);
13989            border-right: var(--verticalNavSubItemBorderRight);
13990            border-bottom: var(--verticalNavSubItemBorderBottom);
13991            border-left: var(--verticalNavSubItemBorderLeft);
13992            border-radius: var(--verticalNavSubItemBorderRadius);
13993            background-color: var(--verticalNavSubItemBackgroundColor);
13994
13995            & > a {
13996                display: flex;
13997                align-items: center;
13998                padding-top: var(--verticalNavSubItemPaddingTop);
13999                padding-right: var(--verticalNavSubItemPaddingRight);
14000                padding-bottom: var(--verticalNavSubItemPaddingBottom);
14001                padding-left: var(--verticalNavSubItemPaddingLeft);
14002                font-family: var(--verticalNavSubItemFont);
14003                font-size: var(--verticalNavSubItemFontSize);
14004                color: var(--verticalNavSubItemFontColor);
14005                font-weight: var(--verticalNavSubItemFontWeight);
14006                line-height: var(--verticalNavSubItemLineHeight);
14007                text-decoration: var(--verticalNavSubItemTextDecoration);
14008                font-style: var(--verticalNavSubItemFontStyle);
14009                letter-spacing: var(--verticalNavSubItemLetterSpacing);
14010                background-color: transparent;
14011
14012                &:hover, .wmcA_hoverState & {
14013                    color: var(--verticalNavSubItemHoverFontColor);
14014                }
14015            }
14016
14017            &:has(.navigation-nav--sub-menu) {
14018                display: grid;
14019                grid-template-columns: 1fr calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
14020                align-items: center;
14021                column-gap: var(--verticalNavSubArrowSpacing);
14022                padding-right: var(--verticalNavSubItemPaddingRight);
14023
14024                & > a {
14025                    padding-right: 0;
14026                    width: 100%;
14027                }
14028
14029                & > .arrow {
14030                    display: flex;
14031                    align-items: center;
14032                    justify-content: flex-end;
14033                    pointer-events: auto;
14034                    position: relative;
14035                    z-index: 1;
14036                    width: calc(var(--verticalNavSubArrowSpacing) + var(--verticalNavSubArrowSize));
14037                    height: 100%;
14038                    cursor: pointer;
14039
14040                    &::after {
14041                        display: block;
14042                        content: '';
14043                        width: var(--verticalNavSubArrowSize);
14044                        height: var(--verticalNavSubArrowSize);
14045                        -webkit-mask-image: var(--wmd_submenuItemIconUrl);
14046                        mask-image: var(--wmd_submenuItemIconUrl);
14047                        -webkit-mask-size: contain;
14048                        mask-size: contain;
14049                        -webkit-mask-repeat: no-repeat;
14050                        mask-repeat: no-repeat;
14051                        -webkit-mask-position: center;
14052                        mask-position: center;
14053                        background-color: var(--verticalNavSubArrowColor);
14054                        transform: var(--verticalNavSubArrowRotate);
14055                    }
14056                }
14057            }
14058
14059            /* Third level submenu styles */
14060
14061            & > .navigation-nav--sub-menu {
14062                display: none;
14063                opacity: 0;
14064                visibility: hidden;
14065                gap: calc(var(--verticalNavSubSeparatorSpacing) / 2);
14066            }
14067
14068            &:hover, .wmcA_hoverState & {
14069                background-color: var(--verticalNavSubItemHoverBackgroundColor);
14070
14071                & .arrow:hover, .wmcA_hoverState & {
14072                    &::after {
14073                        border-left-color: var(--verticalNavSubItemHoverFontColor);
14074                    }
14075                }
14076            }
14077
14078            &.open {
14079                & > .arrow {
14080                    &::after {
14081                        transform: rotate(90deg);
14082                    }
14083                }
14084
14085                & > .navigation-nav--sub-menu {
14086                    display: grid;
14087                    grid-template-columns: 1fr;
14088                    opacity: 1;
14089                    visibility: visible;
14090                    pointer-events: auto;
14091                }
14092            }
14093        }
14094
14095        /* parent title */
14096
14097        & .navigation-nav--parent-title {
14098            display: grid;
14099            padding: 15px 0 10px 0;
14100            grid-template-columns: 1fr max-content;
14101            align-items: center;
14102            gap: var(--verticalNavSubSeparatorSpacing);
14103            border: none;
14104            background-color: var(--verticalNavTitleContainerBackgroun
14104dColor);
14105
14106            &:hover, .wmcA_hoverState & {
14107                background-color: var(--verticalNavTitleContainerBackgroundColor);
14108            }
14109
14110            & a {
14111                display: block;
14112                margin-bottom: 4px;
14113                padding: 0;
14114                font-family: var(--verticalNavItemFont);
14115                font-size: var(--verticalNavTitleFontSize);
14116                font-weight: var(--verticalNavTitleFontWeight);
14117                color: var(--verticalNavTitleFontColor);
14118                text-decoration: none;
14119                cursor: pointer;
14120                pointer-events: none;
14121            }
14122
14123            & > span {
14124                display: none;
14125            }
14126        }
14127
14128        /* back button: NONE */
14129
14130        & .navigation-nav--back {
14131            display: block;
14132            padding: 15px 0;
14133            border-bottom: 1px solid var(--verticalNavArrowColor);
14134
14135            & a {
14136                display: inline-flex;
14137                margin-bottom: 10px;
14138                align-items: center;
14139                gap: 10px;
14140                font-family: var(--verticalNavItemFont);
14141                font-size: var(--verticalNavItemFontSize);
14142                font-weight: 400;
14143                color: var(--verticalNavItemFontColor);
14144                text-decoration: none;
14145
14146                &:hover, .wmcA_hoverState & {
14147                    color: var(--verticalNavItemHoverFontColor);
14148                }
14149
14150                &::before {
14151                    display: block;
14152                    content: '';
14153                    width: var(--verticalNavSubArrowSize);
14154                    height: var(--verticalNavSubArrowSize);
14155                    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
14156                    mask-image: var(--wmd_submenuCaretIconUrl);
14157                    -webkit-mask-size: contain;
14158                    mask-size: contain;
14159                    -webkit-mask-repeat: no-repeat;
14160                    mask-repeat: no-repeat;
14161                    -webkit-mask-position: center;
14162                    mask-position: center;
14163                    background-color: var(--verticalNavSubArrowColor);
14164                    transform: rotate(90deg);
14165                }
14166            }
14167        }
14168    }
14169
14170    body > .wmc_section .wmc_menu.wmcM_menuHamburgerDesktop:has(.navigation-module-container.active) {
14171        z-index: 6000 !important;
14172    }
14173}
14174
14175.wmc_menu {
14176    /* Panel layout */
14177    --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsDesktop);
14178    --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingDesktop);
14179    --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopDesktop);
14180    --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightDesktop);
14181    --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomDesktop);
14182    --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftDesktop);
14183    --megaNavPanelWidth: var(--megaNavPanelWidthDesktop);
14184    /* Panel fill / border / shadow */
14185    --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorDesktop);
14186    --megaNavPanelBorderTop: var(--megaNavPanelBorderTopDesktop);
14187    --megaNavPanelBorderRight: var(--megaNavPanelBorderRightDesktop);
14188    --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomDesktop);
14189    --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftDesktop);
14190    --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusDesktop);
14191    --megaNavPanelShadow: var(--megaNavPanelShadowDesktop);
14192    /* Main item icon */
14193    --megaNavItemIconDisplay: var(--megaNavItemIconDisplayDesktop);
14194    --megaNavItemIconColor: var(--megaNavItemIconColorDesktop);
14195    --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverDesktop);
14196    --megaNavItemIconSize: var(--megaNavItemIconSizeDesktop);
14197    --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverDesktop);
14198    --megaNavItemIconRotate: var(--megaNavItemIconRotateDesktop);
14199    --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverDesktop);
14200    --megaNavItemIconSpacing: var(--megaNavItemIconSpacingDesktop);
14201    /* mega main item */
14202    --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorDesktop);
14203    --megaNavItemBorderTop: var(--megaNavItemBorderTopDesktop);
14204    --megaNavItemBorderRight: var(--megaNavItemBorderRightDesktop);
14205    --megaNavItemBorderBottom: var(--megaNavItemBorderBottomDesktop);
14206    --megaNavItemBorderLeft: var(--megaNavItemBorderLeftDesktop);
14207    --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusDesktop);
14208    --megaNavItemPaddingTop: var(--megaNavItemPaddingTopDesktop);
14209    --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomDesktop);
14210    --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftDesktop);
14211    --megaNavItemPaddingRight: var(--megaNavItemPaddingRightDesktop);
14212    --megaNavItemFont: var(--megaNavItemFontDesktop);
14213    --megaNavItemFontColor: var(--megaNavItemFontColorDesktop);
14214    --megaNavItemLineHeight: var(--megaNavItemLineHeightDesktop);
14215    --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingDesktop);
14216    --megaNavItemFontSize: var(--megaNavItemFontSizeDesktop);
14217    --megaNavItemTextDecoration: var(--megaNavItemTextDecorationDesktop);
14218    --megaNavItemFontWeight: var(--megaNavItemFontWeightDesktop);
14219    --megaNavItemFontStyle: var(--megaNavItemFontStyleDesktop);
14220    --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorDesktop);
14221    --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverDesktop);
14222    --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverDesktop);
14223    --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverDesktop);
14224    --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverDesktop);
14225    --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverDesktop);
14226    --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverDesktop);
14227    --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverDesktop);
14228    --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverDesktop);
14229    --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverDesktop);
14230    --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorDesktop);
14231    --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverDesktop);
14232    --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverDesktop);
14233    --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverDesktop);
14234    --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverDesktop);
14235    --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorDesktop);
14236    --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorDesktop);
14237    /* Caret */
14238    --megaNavArrowDisplay: var(--megaNavArrowDisplayDesktop);
14239    --megaNavArrowSize: var(--megaNavArrowSizeDesktop);
14240    --megaNavArrowColor: var(--megaNavArrowColorDesktop);
14241    --megaNavArrowRotate: var(--megaNavArrowRotateDesktop);
14242    --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverDesktop);
14243    --megaNavArrowColorHover: var(--megaNavArrowColorHoverDesktop);
14244    --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverDesktop);
14245    --megaNavArrowSpacing: var(--megaNavArrowSpacingDesktop);
14246    /* Sub mega item (column title) — font */
14247    --megaNavSubItemFont: var(--megaNavSubItemFontDesktop);
14248    --megaNavSubItemFontColor: var(--megaNavSubItemFontColorDesktop);
14249    --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeDesktop);
14250    --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightDesktop);
14251    --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleDesktop);
14252    --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightDesktop);
14253    --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingDesktop);
14254    --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationDesktop);
14255    --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorDesktop);
14256    --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeDesktop);
14257    --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightDesktop);
14258    --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleDesktop);
14259    --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationDesktop);
14260    /* Sub mega item — fill / border / padding */
14261    --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorDesktop);
14262    --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorDesktop);
14263    --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopDesktop);
14264    --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightDesktop);
14265    --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomDesktop);
14266    --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftDesktop);
14267    --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusDesktop);
14268    --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverDesktop);
14269    --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverDesktop);
14270    --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverDesktop);
14271    --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverDesktop);
14272    --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverDesktop);
14273    --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopDesktop);
14274    --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightDesktop);
14275    --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomDesktop);
14276    --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftDesktop);
14277    --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverDesktop);
14278    --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverDesktop);
14279    --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverDesktop);
14280    --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverDesktop);
14281    /* Sub mega item — icon */
14282    --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayDesktop);
14283    --megaNavSubItemIconColor: var(--megaNavSubItemIconColorDesktop);
14284    --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverDesktop);
14285    --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeDesktop);
14286    --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverDesktop);
14287    --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateDesktop);
14288    --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverDesktop);
14289    --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingDesktop);
14290    /* Child mega item — font */
14291    --megaNavChildItemFont: var(--megaNavChildItemFontDesktop);
14292    --megaNavChildItemFontColor: var(--megaNavChildItemFontColorDesktop);
14293    --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeDesktop);
14294    --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightDesktop);
14295    --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleDesktop);
14296    --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightDesktop);
14297    --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingDesktop);
14298    --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationDesktop);
14299    --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorDesktop);
14300    --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeDesktop);
14301    --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightDesktop);
14302    --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleDesktop);
14303    --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationDesktop);
14304    /* Child mega item — fill / border / padding */
14305    --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorDesktop);
14306    --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorDesktop);
14307    --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopDesktop);
14308    --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightDesktop);
14309    --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomDesktop);
14310    --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftDesktop);
14311    --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusDesktop);
14312    --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverDesktop);
14313    --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverDesktop);
14314    --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverDesktop);
14315    --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverDesktop);
14316    --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverDesktop);
14317    --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopDesktop);
14318    --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightDesktop);
14319    --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomDesktop);
14320    --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftDesktop);
14321    --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverDesktop);
14322    --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverDesktop);
14323    --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverDesktop);
14324    --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverDesktop);
14325    /* Child mega item — icon */
14326    --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayDesktop);
14327    --megaNavChildItemIconColor: var(--megaNavChildItemIconColorDesktop);
14328    --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverDesktop);
14329    --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeDesktop);
14330    --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverDesktop);
14331    --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateDesktop);
14332    --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverDesktop);
14333    --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingDesktop);
14334}
14335
14336@media all and (width < 1040px) {
14337    .wmc_menu {
14338        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsTablet, var(--megaNavPanelNumberOfCellsDesktop));
14339        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingTablet, var(--megaNavPanelCellSpacingDesktop));
14340        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopTablet, var(--megaNavPanelPaddingTopDesktop));
14341        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightTablet, var(--megaNavPanelPaddingRightDesktop));
14342        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomTablet, var(--megaNavPanelPaddingBottomDesktop));
14343        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftTablet, var(--megaNavPanelPaddingLeftDesktop));
14344        --megaNavPanelWidth: var(--megaNavPanelWidthTablet, var(--megaNavPanelWidthDesktop));
14345        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorTablet, var(--megaNavPanelBackgroundColorDesktop));
14346        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopTablet, var(--megaNavPanelBorderTopDesktop));
14347        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightTablet, var(--megaNavPanelBorderRightDesktop));
14348        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomTablet, var(--megaNavPanelBorderBottomDesktop));
14349        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftTablet, var(--megaNavPanelBorderLeftDesktop));
14350        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusTablet, var(--megaNavPanelBorderRadiusDesktop));
14351        --megaNavPanelShadow: var(--megaNavPanelShadowTablet, var(--megaNavPanelShadowDesktop));
14352        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayTablet, var(--megaNavItemIconDisplayDesktop));
14353        --megaNavItemIconColor: var(--megaNavItemIconColorTablet, var(--megaNavItemIconColorDesktop));
14354        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverTablet, var(--megaNavItemIconColorHoverDesktop));
14355        --megaNavItemIconSize: var(--megaNavItemIconSizeTablet, var(--megaNavItemIconSizeDesktop));
14356        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverTablet, var(--megaNavItemIconSizeHoverDesktop));
14357        --megaNavItemIconRotate: var(--megaNavItemIconRotateTablet, var(--megaNavItemIconRotateDesktop));
14358        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverTablet, var(--megaNavItemIconRotateHoverDesktop));
14359        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingTablet, var(--megaNavItemIconSpacingDesktop));
14360        /* mega main item */
14361        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorTablet, var(--megaNavItemBackgroundColorDesktop));
14362        --megaNavItemBorderTop: var(--megaNavItemBorderTopTablet, var(--megaNavItemBorderTopDesktop));
14363        --megaNavItemBorderRight: var(--megaNavItemBorderRightTablet, var(--megaNavItemBorderRightDesktop));
14364        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomTablet, var(--megaNavItemBorderBottomDesktop));
14365        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftTablet, var(--megaNavItemBorderLeftDesktop));
14366        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusTablet, var(--megaNavItemBorderRadiusDesktop));
14367        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopTablet, var(--megaNavItemPaddingTopDesktop));
14368        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomTablet, var(--megaNavItemPaddingBottomDesktop));
14369        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftTablet, var(--megaNavItemPaddingLeftDesktop));
14370        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightTablet, var(--megaNavItemPaddingRightDesktop));
14371        --megaNavItemFont: var(--megaNavItemFontTablet, var(--megaNavItemFontDesktop));
14372        --megaNavItemFontColor: var(--megaNavItemFontColorTablet, var(--megaNavItemFontColorDesktop));
14373        --megaNavItemLineHeight: var(--megaNavItemLineHeightTablet, var(--megaNavItemLineHeightDesktop));
14374        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingTablet, var(--megaNavItemLetterSpacingDesktop));
14375        --megaNavItemFontSize: var(--megaNavItemFontSizeTablet, var(--megaNavItemFontSizeDesktop));
14376        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationTablet, var(--megaNavItemTextDecorationDesktop));
14377        --megaNavItemFontWeight: var(--megaNavItemFontWeightTablet, var(--megaNavItemFontWeightDesktop));
14378        --megaNavItemFontStyle: var(--megaNavItemFontStyleTablet, var(--megaNavItemFontStyleDesktop));
14379        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorTablet, var(--megaNavItemHoverBackgroundColorDesktop));
14380        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverTablet, var(--megaNavItemBorderTopHoverDesktop));
14381        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverTablet, var(--megaNavItemBorderRightHoverDesktop));
14382        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverTablet, var(--megaNavItemBorderBottomHoverDesktop));
14383        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverTablet, var(--megaNavItemBorderLeftHoverDesktop));
14384        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverTablet, var(--megaNavItemBorderRadiusHoverDesktop));
14385        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverTablet, var(--megaNavItemPaddingTopHoverDesktop));
14386        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverTablet, var(--megaNavItemPaddingBottomHoverDesktop));
14387        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverTablet, var(--megaNavItemPaddingLeftHoverDesktop));
14388        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverTablet, var(--megaNavItemPaddingRightHoverDesktop));
14389        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorTablet, var(--megaNavItemHoverFontColorDesktop));
14390        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverTablet, var(--megaNavItemFontSizeHoverDesktop));
14391        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverTablet, var(--megaNavItemTextDecorationHoverDesktop));
14392        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverTablet, var(--megaNavItemFontWeightHoverDesktop));
14393        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverTablet, var(--megaNavItemFontStyleHoverDesktop));
14394        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorTablet, var(--megaNavItemActiveBackgroundColorDesktop));
14395        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorTablet, var(--megaNavItemActiveFontColorDesktop));
14396        --megaNavArrowDisplay: var(--megaNavArrowDisplayTablet, var(--megaNavArrowDisplayDesktop));
14397        --megaNavArrowSize: var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop));
14398        --megaNavArrowColor: var(--megaNavArrowColorTablet, var(--megaNavArrowColorDesktop));
14399        --megaNavArrowRotate: var(--megaNavArrowRotateTablet, var(--megaNavArrowRotateDesktop));
14400        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverTablet, var(--megaNavArrowSizeTablet, var(--megaNavArrowSizeDesktop)));
14401        --megaNavArrowColorHover: var(--megaNavArrowColorHoverTablet, var(--megaNavArrowColorHoverDesktop));
14402        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverTablet, var(--megaNavArrowRotateHoverDesktop));
14403        --megaNavArrowSpacing: var(--megaNavArrowSpacingTablet, var(--megaNavArrowSpacingDesktop));
14404        --megaNavSubItemFont: var(--megaNavSubItemFontTablet, var(--megaNavSubItemFontDesktop));
14405        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorTablet, var(--megaNavSubItemFontColorDesktop));
14406        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeTablet, var(--megaNavSubItemFontSizeDesktop));
14407        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightTablet, var(--megaNavSubItemFontWeightDesktop));
14408        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleTablet, var(--megaNavSubItemFontStyleDesktop));
14409        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightTablet, var(--megaNavSubItemLineHeightDesktop));
14410        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingTablet, var(--megaNavSubItemLetterSpacingDesktop));
14411        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationTablet, var(--megaNavSubItemTextDecorationDesktop));
14412        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorTablet, var(--megaNavSubItemHoverFontColorDesktop));
14413        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeTablet, var(--megaNavSubItemHoverFontSizeDesktop));
14414        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightTablet, var(--megaNavSubItemHoverFontWeightDesktop));
14415        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleTablet, var(--megaNavSubItemHoverFontStyleDesktop));
14416        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationTablet, var(--megaNavSubItemHoverTextDecorationDesktop));
14417        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorTablet, var(--megaNavSubItemBackgroundColorDesktop));
14418        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorTablet, var(--megaNavSubItemHoverBackgroundColorDesktop));
14419        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopTablet, var(--megaNavSubItemBorderTopDesktop));
14420        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightTablet, var(--megaNavSubItemBorderRightDesktop));
14421        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomTablet, var(--megaNavSubItemBorderBottomDesktop));
14422        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftTablet, var(--megaNavSubItemBorderLeftDesktop));
14423        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusTablet, var(--megaNavSubItemBorderRadiusDesktop));
14424        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverTablet, var(--megaNavSubItemBorderTopHoverDesktop));
14425        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverTablet, var(--megaNavSubItemBorderRightHoverDesktop));
14426        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverTablet, var(--megaNavSubItemBorderBottomHoverDesktop));
14427        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverTablet, var(--megaNavSubItemBorderLeftHoverDesktop));
14428        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverTablet, var(--megaNavSubItemBorderRadiusHoverDesktop));
14429        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopTablet, var(--megaNavSubItemPaddingTopDesktop));
14430        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightTablet, var(--megaNavSubItemPaddingRightDesktop));
14431        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomTablet, var(--megaNavSubItemPaddingBottomDesktop));
14432        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftTablet, var(--megaNavSubItemPaddingLeftDesktop));
14433        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverTablet, var(--megaNavSubItemPaddingTopHoverDesktop));
14434        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverTablet, var(--megaNavSubItemPaddingRightHoverDesktop));
14435        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverTablet, var(--megaNavSubItemPaddingBottomHoverDesktop));
14436        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverTablet, var(--megaNavSubItemPaddingLeftHoverDesktop));
14437        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayTablet, var(--megaNavSubItemIconDisplayDesktop));
14438        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorTablet, var(--megaNavSubItemIconColorDesktop));
14439        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverTablet, var(--megaNavSubItemIconColorHoverDesktop));
14440        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeTablet, var(--megaNavSubItemIconSizeDesktop));
14441        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverTablet, var(--megaNavSubItemIconSizeHoverDesktop));
14442        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateTablet, var(--megaNavSubItemIconRotateDesktop));
14443        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverTablet, var(--megaNavSubItemIconRotateHoverDesktop));
14444        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingTablet, var(--megaNavSubItemIconSpacingDesktop));
14445        --megaNavChildItemFont: var(--megaNavChildItemFontTablet, var(--megaNavChildItemFontDesktop));
14446        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorTablet, var(--megaNavChildItemFontColorDesktop));
14447        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeTablet, var(--megaNavChildItemFontSizeDesktop));
14448        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightTablet, var(--megaNavChildItemFontWeightDesktop));
14449        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleTablet, var(--megaNavChildItemFontStyleDesktop));
14450        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightTablet, var(--megaNavChildItemLineHeightDesktop));
14451        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingTablet, var(--megaNavChildItemLetterSpacingDesktop));
14452        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationTablet, var(--megaNavChildItemTextDecorationDesktop));
14453        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorTablet, var(--megaNavChildItemHoverFontColorDesktop));
14454        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeTablet, var(--megaNavChildItemHoverFontSizeDesktop));
14455        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightTablet, var(--megaNavChildItemHoverFontWeightDesktop));
14456        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleTablet, var(--megaNavChildItemHoverFontStyleDesktop));
14457        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationTablet, var(--megaNavChildItemHoverTextDecorationDesktop));
14458        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorTablet, var(--megaNavChildItemBackgroundColorDesktop));
14459        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorTablet, var(--megaNavChildItemHoverBackgroundColorDesktop));
14460        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopTablet, var(--megaNavChildItemBorderTopDesktop));
14461        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightTablet, var(--megaNavChildItemBorderRightDesktop));
14462        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomTablet, var(--megaNavChildItemBorderBottomDesktop));
14463        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftTablet, var(--megaNavChildItemBorderLeftDesktop));
14464        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusTablet, var(--megaNavChildItemBorderRadiusDesktop));
14465        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverTablet, var(--megaNavChildItemBorderTopHoverDesktop));
14466        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverTablet, var(--megaNavChildItemBorderRightHoverDesktop));
14467        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverTablet, var(--megaNavChildItemBorderBottomHoverDesktop));
14468        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverTablet, var(--megaNavChildItemBorderLeftHoverDesktop));
14469        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverTablet, var(--megaNavChildItemBorderRadiusHoverDesktop));
14470        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopTablet, var(--megaNavChildItemPaddingTopDesktop));
14471        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightTablet, var(--megaNavChildItemPaddingRightDesktop));
14472        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomTablet, var(--megaNavChildItemPaddingBottomDesktop));
14473        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftTablet, var(--megaNavChildItemPaddingLeftDesktop));
14474        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverTablet, var(--megaNavChildItemPaddingTopHoverDesktop));
14475        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverTablet, var(--megaNavChildItemPaddingRightHoverDesktop));
14476        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverTablet, var(--megaNavChildItemPaddingBottomHoverDesktop));
14477        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverTablet, var(--megaNavChildItemPaddingLeftHoverDesktop));
14478        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayTablet, var(--megaNavChildItemIconDisplayDesktop));
14479        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorTablet, var(--megaNavChildItemIconColorDesktop));
14480        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverTablet, var(--megaNavChildItemIconColorHoverDesktop));
14481        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeTablet, var(--megaNavChildItemIconSizeDesktop));
14482        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverTablet, var(--megaNavChildItemIconSizeHoverDesktop));
14483        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateTablet, var(--megaNavChildItemIconRotateDesktop));
14484        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverTablet, var(--megaNavChildItemIconRotateHoverDesktop));
14485        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingTablet, var(--megaNavChildItemIconSpacingDesktop));
14486    }
14487}
14488
14489@media all and (width < 650px) {
14490    .wmc_menu {
14491        --megaNavPanelNumberOfCells: var(--megaNavPanelNumberOfCellsMobile, var(--megaNavPanelNumberOfCellsDesktop));
14492        --megaNavPanelCellSpacing: var(--megaNavPanelCellSpacingMobile, var(--megaNavPanelCellSpacingDesktop));
14493        --megaNavPanelPaddingTop: var(--megaNavPanelPaddingTopMobile, var(--megaNavPanelPaddingTopDesktop));
14494        --megaNavPanelPaddingRight: var(--megaNavPanelPaddingRightMobile, var(--megaNavPanelPaddingRightDesktop));
14495        --megaNavPanelPaddingBottom: var(--megaNavPanelPaddingBottomMobile, var(--megaNavPanelPaddingBottomDesktop));
14496        --megaNavPanelPaddingLeft: var(--megaNavPanelPaddingLeftMobile, var(--megaNavPanelPaddingLeftDesktop));
14497        --megaNavPanelWidth: var(--megaNavPanelWidthMobile, var(--megaNavPanelWidthDesktop));
14498        --megaNavPanelBackgroundColor: var(--megaNavPanelBackgroundColorMobile, var(--megaNavPanelBackgroundColorDesktop));
14499        --megaNavPanelBorderTop: var(--megaNavPanelBorderTopMobile, var(--megaNavPanelBorderTopDesktop));
14500        --megaNavPanelBorderRight: var(--megaNavPanelBorderRightMobile, var(--megaNavPanelBorderRightDesktop));
14501        --megaNavPanelBorderBottom: var(--megaNavPanelBorderBottomMobile, var(--megaNavPanelBorderBottomDesktop));
14502        --megaNavPanelBorderLeft: var(--megaNavPanelBorderLeftMobile, var(--megaNavPanelBorderLeftDesktop));
14503        --megaNavPanelBorderRadius: var(--megaNavPanelBorderRadiusMobile, var(--megaNavPanelBorderRadiusDesktop));
14504        --megaNavPanelShadow: var(--megaNavPanelShadowMobile, var(--megaNavPanelShadowDesktop));
14505        --megaNavItemIconDisplay: var(--megaNavItemIconDisplayMobile, var(--megaNavItemIconDisplayDesktop));
14506        --megaNavItemIconColor: var(--megaNavItemIconColorMobile, var(--megaNavItemIconColorDesktop));
14507        --megaNavItemIconColorHover: var(--megaNavItemIconColorHoverMobile, var(--megaNavItemIconColorHoverDesktop));
14508        --megaNavItemIconSize: var(--megaNavItemIconSizeMobile, var(--megaNavItemIconSizeDesktop));
14509        --megaNavItemIconSizeHover: var(--megaNavItemIconSizeHoverMobile, var(--megaNavItemIconSizeHoverDesktop));
14510        --megaNavItemIconRotate: var(--megaNavItemIconRotateMobile, var(--megaNavItemIconRotateDesktop));
14511        --megaNavItemIconRotateHover: var(--megaNavItemIconRotateHoverMobile, var(--megaNavItemIconRotateHoverDesktop));
14512        --megaNavItemIconSpacing: var(--megaNavItemIconSpacingMobile, var(--megaNavItemIconSpacingDesktop));
14513        /* mega main item */
14514        --megaNavItemBackgroundColor: var(--megaNavItemBackgroundColorMobile, var(--megaNavItemBackgroundColorDesktop));
14515        --megaNavItemBorderTop: var(--megaNavItemBorderTopMobile, var(--megaNavItemBorderTopDesktop));
14516        --megaNavItemBorderRight: var(--megaNavItemBorderRightMobile, var(--megaNavItemBorderRightDesktop));
14517        --megaNavItemBorderBottom: var(--megaNavItemBorderBottomMobile, var(--megaNavItemBorderBottomDesktop));
14518        --megaNavItemBorderLeft: var(--megaNavItemBorderLeftMobile, var(--megaNavItemBorderLeftDesktop));
14519        --megaNavItemBorderRadius: var(--megaNavItemBorderRadiusMobile, var(--megaNavItemBorderRadiusDesktop));
14520        --megaNavItemPaddingTop: var(--megaNavItemPaddingTopMobile, var(--megaNavItemPaddingTopDesktop));
14521        --megaNavItemPaddingBottom: var(--megaNavItemPaddingBottomMobile, var(--megaNavItemPaddingBottomDesktop));
14522        --megaNavItemPaddingLeft: var(--megaNavItemPaddingLeftMobile, var(--megaNavItemPaddingLeftDesktop));
14523        --megaNavItemPaddingRight: var(--megaNavItemPaddingRightMobile, var(--megaNavItemPaddingRightDesktop));
14524        --megaNavItemFont: var(--megaNavItemFontMobile, var(--megaNavItemFontDesktop));
14525        --megaNavItemFontColor: var(--megaNavItemFontColorMobile, var(--megaNavItemFontColorDesktop));
14526        --megaNavItemLineHeight: var(--megaNavItemLineHeightMobile, var(--megaNavItemLineHeightDesktop));
14527        --megaNavItemLetterSpacing: var(--megaNavItemLetterSpacingMobile, var(--megaNavItemLetterSpacingDesktop));
14528        --megaNavItemFontSize: var(--megaNavItemFontSizeMobile, var(--megaNavItemFontSizeDesktop));
14529        --megaNavItemTextDecoration: var(--megaNavItemTextDecorationMobile, var(--megaNavItemTextDecorationDesktop));
14530        --megaNavItemFontWeight: var(--megaNavItemFontWeightMobile, var(--megaNavItemFontWeightDesktop));
14531        --megaNavItemFontStyle: var(--megaNavItemFontStyleMobile, var(--megaNavItemFontStyleDesktop));
14532        --megaNavItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColorMobile, var(--megaNavItemHoverBackgroundColorDesktop));
14533        --megaNavItemBorderTopHover: var(--megaNavItemBorderTopHoverMobile, var(--megaNavItemBorderTopHoverDesktop));
14534        --megaNavItemBorderRightHover: var(--megaNavItemBorderRightHoverMobile, var(--megaNavItemBorderRightHoverDesktop));
14535        --megaNavItemBorderBottomHover: var(--megaNavItemBorderBottomHoverMobile, var(--megaNavItemBorderBottomHoverDesktop));
14536        --megaNavItemBorderLeftHover: var(--megaNavItemBorderLeftHoverMobile, var(--megaNavItemBorderLeftHoverDesktop));
14537        --megaNavItemBorderRadiusHover: var(--megaNavItemBorderRadiusHoverMobile, var(--megaNavItemBorderRadiusHoverDesktop));
14538        --megaNavItemPaddingTopHover: var(--megaNavItemPaddingTopHoverMobile, var(--megaNavItemPaddingTopHoverDesktop));
14539        --megaNavItemPaddingBottomHover: var(--megaNavItemPaddingBottomHoverMobile, var(--megaNavItemPaddingBottomHoverDesktop));
14540        --megaNavItemPaddingLeftHover: var(--megaNavItemPaddingLeftHoverMobile, var(--megaNavItemPaddingLeftHoverDesktop));
14541        --megaNavItemPaddingRightHover: var(--megaNavItemPaddingRightHoverMobile, var(--megaNavItemPaddingRightHoverDesktop));
14542        --megaNavItemHoverFontColor: var(--megaNavItemHoverFontColorMobile, var(--megaNavItemHoverFontColorDesktop));
14543        --megaNavItemFontSizeHover: var(--megaNavItemFontSizeHoverMobile, var(--megaNavItemFontSizeHoverDesktop));
14544        --megaNavItemTextDecorationHover: var(--megaNavItemTextDecorationHoverMobile, var(--megaNavItemTextDecorationHoverDesktop));
14545        --megaNavItemFontWeightHover: var(--megaNavItemFontWeightHoverMobile, var(--megaNavItemFontWeightHoverDesktop));
14546        --megaNavItemFontStyleHover: var(--megaNavItemFontStyleHoverMobile, var(--megaNavItemFontStyleHoverDesktop));
14547        --megaNavItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColorMobile, var(--megaNavItemActiveBackgroundColorDesktop));
14548        --megaNavItemActiveFontColor: var(--megaNavItemActiveFontColorMobile, var(--megaNavItemActiveFontColorDesktop));
14549        --megaNavArrowDisplay: var(--megaNavArrowDisplayMobile, var(--megaNavArrowDisplayDesktop));
14550        --megaNavArrowSize: var(--megaNavArrowSizeMobile, var(--megaNavArrowSizeDesktop));
14551        --megaNavArrowColor: var(--megaNavArrowColorMobile, var(--megaNavArrowColorDesktop));
14552        --megaNavArrowRotate: var(--megaNavArrowRotateMobile, var(--megaNavArrowRotateDesktop));
14553        --megaNavArrowSizeHover: var(--megaNavArrowSizeHoverMobile, var(--megaNavArrowSizeMobile, var(--megaNavArrowDesktop)));
14554        --megaNavArrowColorHover: var(--megaNavArrowColorHoverMobile, var(--megaNavArrowColorHoverDesktop));
14555        --megaNavArrowRotateHover: var(--megaNavArrowRotateHoverMobile, var(--megaNavArrowRotateHoverDesktop));
14556        --megaNavArrowSpacing: var(--megaNavArrowSpacingMobile, var(--megaNavArrowSpacingDesktop));
14557        --megaNavSubItemFont: var(--megaNavSubItemFontMobile, var(--megaNavSubItemFontDesktop));
14558        --megaNavSubItemFontColor: var(--megaNavSubItemFontColorMobile, var(--megaNavSubItemFontColorDesktop));
14559        --megaNavSubItemFontSize: var(--megaNavSubItemFontSizeMobile, var(--megaNavSubItemFontSizeDesktop));
14560        --megaNavSubItemFontWeight: var(--megaNavSubItemFontWeightMobile, var(--megaNavSubItemFontWeightDesktop));
14561        --megaNavSubItemFontStyle: var(--megaNavSubItemFontStyleMobile, var(--megaNavSubItemFontStyleDesktop));
14562        --megaNavSubItemLineHeight: var(--megaNavSubItemLineHeightMobile, var(--megaNavSubItemLineHeightDesktop));
14563        --megaNavSubItemLetterSpacing: var(--megaNavSubItemLetterSpacingMobile, var(--megaNavSubItemLetterSpacingDesktop));
14564        --megaNavSubItemTextDecoration: var(--megaNavSubItemTextDecorationMobile, var(--megaNavSubItemTextDecorationDesktop));
14565        --megaNavSubItemHoverFontColor: var(--megaNavSubItemHoverFontColorMobile, var(--megaNavSubItemHoverFontColorDesktop));
14566        --megaNavSubItemHoverFontSize: var(--megaNavSubItemHoverFontSizeMobile, var(--megaNavSubItemHoverFontSizeDesktop));
14567        --megaNavSubItemHoverFontWeight: var(--megaNavSubItemHoverFontWeightMobile, var(--megaNavSubItemHoverFontWeightDesktop));
14568        --megaNavSubItemHoverFontStyle: var(--megaNavSubItemHoverFontStyleMobile, var(--megaNavSubItemHoverFontStyleDesktop));
14569        --megaNavSubItemHoverTextDecoration: var(--megaNavSubItemHoverTextDecorationMobile, var(--megaNavSubItemHoverTextDecorationDesktop));
14570        --megaNavSubItemBackgroundColor: var(--megaNavSubItemBackgroundColorMobile, var(--megaNavSubItemBackgroundColorDesktop));
14571        --megaNavSubItemHoverBackgroundColor: var(--megaNavSubItemHoverBackgroundColorMobile, var(--megaNavSubItemHoverBackgroundColorDesktop));
14572        --megaNavSubItemBorderTop: var(--megaNavSubItemBorderTopMobile, var(--megaNavSubItemBorderTopDesktop));
14573        --megaNavSubItemBorderRight: var(--megaNavSubItemBorderRightMobile, var(--megaNavSubItemBorderRightDesktop));
14574        --megaNavSubItemBorderBottom: var(--megaNavSubItemBorderBottomMobile, var(--megaNavSubItemBorderBottomDesktop));
14575        --megaNavSubItemBorderLeft: var(--megaNavSubItemBorderLeftMobile, var(--megaNavSubItemBorderLeftDesktop));
14576        --megaNavSubItemBorderRadius: var(--megaNavSubItemBorderRadiusMobile, var(--megaNavSubItemBorderRadiusDesktop));
14577        --megaNavSubItemBorderTopHover: var(--megaNavSubItemBorderTopHoverMobile, var(--megaNavSubItemBorderTopHoverDesktop));
14578        --megaNavSubItemBorderRightHover: var(--megaNavSubItemBorderRightHoverMobile, var(--megaNavSubItemBorderRightHoverDesktop));
14579        --megaNavSubItemBorderBottomHover: var(--megaNavSubItemBorderBottomHoverMobile, var(--megaNavSubItemBorderBottomHoverDesktop));
14580        --megaNavSubItemBorderLeftHover: var(--megaNavSubItemBorderLeftHoverMobile, var(--megaNavSubItemBorderLeftHoverDesktop));
14581        --megaNavSubItemBorderRadiusHover: var(--megaNavSubItemBorderRadiusHoverMobile, var(--megaNavSubItemBorderRadiusHoverDesktop));
14582        --megaNavSubItemPaddingTop: var(--megaNavSubItemPaddingTopMobile, var(--megaNavSubItemPaddingTopDesktop));
14583        --megaNavSubItemPaddingRight: var(--megaNavSubItemPaddingRightMobile, var(--megaNavSubItemPaddingRightDesktop));
14584        --megaNavSubItemPaddingBottom: var(--megaNavSubItemPaddingBottomMobile, var(--megaNavSubItemPaddingBottomDesktop));
14585        --megaNavSubItemPaddingLeft: var(--megaNavSubItemPaddingLeftMobile, var(--megaNavSubItemPaddingLeftDesktop));
14586        --megaNavSubItemPaddingTopHover: var(--megaNavSubItemPaddingTopHoverMobile, var(--megaNavSubItemPaddingTopHoverDesktop));
14587        --megaNavSubItemPaddingRightHover: var(--megaNavSubItemPaddingRightHoverMobile, var(--megaNavSubItemPaddingRightHoverDesktop));
14588        --megaNavSubItemPaddingBottomHover: var(--megaNavSubItemPaddingBottomHoverMobile, var(--megaNavSubItemPaddingBottomHoverDesktop));
14589        --megaNavSubItemPaddingLeftHover: var(--megaNavSubItemPaddingLeftHoverMobile, var(--megaNavSubItemPaddingLeftHoverDesktop));
14590        --megaNavSubItemIconDisplay: var(--megaNavSubItemIconDisplayMobile, var(--megaNavSubItemIconDisplayDesktop));
14591        --megaNavSubItemIconColor: var(--megaNavSubItemIconColorMobile, var(--megaNavSubItemIconColorDesktop));
14592        --megaNavSubItemIconColorHover: var(--megaNavSubItemIconColorHoverMobile, var(--megaNavSubItemIconColorHoverDesktop));
14593        --megaNavSubItemIconSize: var(--megaNavSubItemIconSizeMobile, var(--megaNavSubItemIconSizeDesktop));
14594        --megaNavSubItemIconSizeHover: var(--megaNavSubItemIconSizeHoverMobile, var(--megaNavSubItemIconSizeHoverDesktop));
14595        --megaNavSubItemIconRotate: var(--megaNavSubItemIconRotateMobile, var(--megaNavSubItemIconRotateDesktop));
14596        --megaNavSubItemIconRotateHover: var(--megaNavSubItemIconRotateHoverMobile, var(--megaNavSubItemIconRotateHoverDesktop));
14597        --megaNavSubItemIconSpacing: var(--megaNavSubItemIconSpacingMobile, var(--megaNavSubItemIconSpacingDesktop));
14598        --megaNavChildItemFont: var(--megaNavChildItemFontMobile, var(--megaNavChildItemFontDesktop));
14599        --megaNavChildItemFontColor: var(--megaNavChildItemFontColorMobile, var(--megaNavChildItemFontColorDesktop));
14600        --megaNavChildItemFontSize: var(--megaNavChildItemFontSizeMobile, var(--megaNavChildItemFontSizeDesktop));
14601        --megaNavChildItemFontWeight: var(--megaNavChildItemFontWeightMobile, var(--megaNavChildItemFontWeightDesktop));
14602        --megaNavChildItemFontStyle: var(--megaNavChildItemFontStyleMobile, var(--megaNavChildItemFontStyleDesktop));
14603        --megaNavChildItemLineHeight: var(--megaNavChildItemLineHeightMobile, var(--megaNavChildItemLineHeightDesktop));
14604        --megaNavChildItemLetterSpacing: var(--megaNavChildItemLetterSpacingMobile, var(--megaNavChildItemLetterSpacingDesktop));
14605        --megaNavChildItemTextDecoration: var(--megaNavChildItemTextDecorationMobile, var(--megaNavChildItemTextDecorationDesktop));
14606        --megaNavChildItemHoverFontColor: var(--megaNavChildItemHoverFontColorMobile, var(--megaNavChildItemHoverFontColorDesktop));
14607        --megaNavChildItemHoverFontSize: var(--megaNavChildItemHoverFontSizeMobile, var(--megaNavChildItemHoverFontSizeDesktop));
14608        --megaNavChildItemHoverFontWeight: var(--megaNavChildItemHoverFontWeightMobile, var(--megaNavChildItemHoverFontWeightDesktop));
14609        --megaNavChildItemHoverFontStyle: var(--megaNavChildItemHoverFontStyleMobile, var(--megaNavChildItemHoverFontStyleDesktop));
14610        --megaNavChildItemHoverTextDecoration: var(--megaNavChildItemHoverTextDecorationMobile, var(--megaNavChildItemHoverTextDecorationDesktop));
14611        --megaNavChildItemBackgroundColor: var(--megaNavChildItemBackgroundColorMobile, var(--megaNavChildItemBackgroundColorDesktop));
14612        --megaNavChildItemHoverBackgroundColor: var(--megaNavChildItemHoverBackgroundColorMobile, var(--megaNavChildItemHoverBackgroundColorDesktop));
14613        --megaNavChildItemBorderTop: var(--megaNavChildItemBorderTopMobile, var(--megaNavChildItemBorderTopDesktop));
14614        --megaNavChildItemBorderRight: var(--megaNavChildItemBorderRightMobile, var(--megaNavChildItemBorderRightDesktop));
14615        --megaNavChildItemBorderBottom: var(--megaNavChildItemBorderBottomMobile, var(--megaNavChildItemBorderBottomDesktop));
14616        --megaNavChildItemBorderLeft: var(--megaNavChildItemBorderLeftMobile, var(--megaNavChildItemBorderLeftDesktop));
14617        --megaNavChildItemBorderRadius: var(--megaNavChildItemBorderRadiusMobile, var(--megaNavChildItemBorderRadiusDesktop));
14618        --megaNavChildItemBorderTopHover: var(--megaNavChildItemBorderTopHoverMobile, var(--megaNavChildItemBorderTopHoverDesktop));
14619        --megaNavChildItemBorderRightHover: var(--megaNavChildItemBorderRightHoverMobile, var(--megaNavChildItemBorderRightHoverDesktop));
14620        --megaNavChildItemBorderBottomHover: var(--megaNavChildItemBorderBottomHoverMobile, var(--megaNavChildItemBorderBottomHoverDesktop));
14621        --megaNavChildItemBorderLeftHover: var(--megaNavChildItemBorderLeftHoverMobile, var(--megaNavChildItemBorderLeftHoverDesktop));
14622        --megaNavChildItemBorderRadiusHover: var(--megaNavChildItemBorderRadiusHoverMobile, var(--megaNavChildItemBorderRadiusHoverDesktop));
14623        --megaNavChildItemPaddingTop: var(--megaNavChildItemPaddingTopMobile, var(--megaNavChildItemPaddingTopDesktop));
14624        --megaNavChildItemPaddingRight: var(--megaNavChildItemPaddingRightMobile, var(--megaNavChildItemPaddingRightDesktop));
14625        --megaNavChildItemPaddingBottom: var(--megaNavChildItemPaddingBottomMobile, var(--megaNavChildItemPaddingBottomDesktop));
14626        --megaNavChildItemPaddingLeft: var(--megaNavChildItemPaddingLeftMobile, var(--megaNavChildItemPaddingLeftDesktop));
14627        --megaNavChildItemPaddingTopHover: var(--megaNavChildItemPaddingTopHoverMobile, var(--megaNavChildItemPaddingTopHoverDesktop));
14628        --megaNavChildItemPaddingRightHover: var(--megaNavChildItemPaddingRightHoverMobile, var(--megaNavChildItemPaddingRightHoverDesktop));
14629        --megaNavChildItemPaddingBottomHover: var(--megaNavChildItemPaddingBottomHoverMobile, var(--megaNavChildItemPaddingBottomHoverDesktop));
14630        --megaNavChildItemPaddingLeftHover: var(--megaNavChildItemPaddingLeftHoverMobile, var(--megaNavChildItemPaddingLeftHoverDesktop));
14631        --megaNavChildItemIconDisplay: var(--megaNavChildItemIconDisplayMobile, var(--megaNavChildItemIconDisplayDesktop));
14632        --megaNavChildItemIconColor: var(--megaNavChildItemIconColorMobile, var(--megaNavChildItemIconColorDesktop));
14633        --megaNavChildItemIconColorHover: var(--megaNavChildItemIconColorHoverMobile, var(--megaNavChildItemIconColorHoverDesktop));
14634        --megaNavChildItemIconSize: var(--megaNavChildItemIconSizeMobile, var(--megaNavChildItemIconSizeDesktop));
14635        --megaNavChildItemIconSizeHover: var(--megaNavChildItemIconSizeHoverMobile, var(--megaNavChildItemIconSizeHoverDesktop));
14636        --megaNavChildItemIconRotate: var(--megaNavChildItemIconRotateMobile, var(--megaNavChildItemIconRotateDesktop));
14637        --megaNavChildItemIconRotateHover: var(--megaNavChildItemIconRotateHoverMobile, var(--megaNavChildItemIconRotateHoverDesktop));
14638        --megaNavChildItemIconSpacing: var(--megaNavChildItemIconSpacingMobile, var(--megaNavChildItemIconSpacingDesktop));
14639    }
14640}
14641
14642@media all and (width >= 1040px) {
14643    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container ul.navigation-nav--main-menu {
14644        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14645
14646        & > .navigation-nav--separator {
14647            display: var(--megaNavSeparatorDisplay);
14648            width: var(--megaNavSeparatorWidth);
14649            background-color: var(--megaNavSeparatorColor);
14650        }
14651    }
14652
14653    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14654        display: grid;
14655        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14656        align-items: center;
14657        position: relative;
14658        padding-right: calc(var(--navItemPaddingRight) / 2);
14659    }
14660
14661    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14662    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14663    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14664        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14665    }
14666
14667    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14668        padding-right: 0;
14669        width: 100%;
14670    }
14671
14672    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14673        display: var(--megaNavArrowDisplay, flex);
14674        align-items: center;
14675        justify-content: center;
14676        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14677        height: 100%;
14678        margin-left: var(--megaNavArrowSpacing, 8px);
14679        background: transparent;
14680        border: 0;
14681        padding: 0;
14682        cursor: pointer;
14683        pointer-events: auto;
14684        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14685        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14686    }
14687
14688    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14689        content: '';
14690        display: block;
14691        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14692        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14693        -webkit-mask-image: var(--wmd_caretIconUrl);
14694        mask-image: var(--wmd_caretIconUrl);
14695        -webkit-mask-size: contain;
14696        mask-size: contain;
14697        -webkit-mask-repeat: no-repeat;
14698        mask-repeat: no-repeat;
14699        -webkit-mask-position: center;
14700        mask-position: center;
14701        background-color: var(--megaNavArrowColor, currentColor);
14702        transform: var(--megaNavArrowRotate, none);
14703        transition: transform 0.2s ease, background-color 0.2s ease;
14704    }
14705
14706    .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14707    .wmcA_hoverState.wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14708    .wmcA_hoverState .wmc_menu.wmcM_menuMegaDesktop .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14709        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14710        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14711        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14712        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14713    }
14714}
14715
14716@media all and (width < 1040px) {
14717    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container ul.navigation-nav--main-menu {
14718        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14719
14720        & > .navigation-nav--separator {
14721            display: var(--megaNavSeparatorDisplay);
14722            width: var(--megaNavSeparatorWidth);
14723            background-color: var(--megaNavSeparatorColor);
14724        }
14725    }
14726
14727    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14728        display: grid;
14729        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14730        align-items: center;
14731        position: relative;
14732        padding-right: calc(var(--navItemPaddingRight) / 2);
14733    }
14734
14735    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14736    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14737    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14738        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14739    }
14740
14741    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14742        padding-right: 0;
14743        width: 100%;
14744    }
14745
14746    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14747        display: var(--megaNavArrowDisplay, flex);
14748        align-items: center;
14749        justify-content: center;
14750        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14751        height: 100%;
14752        margin-left: var(--megaNavArrowSpacing, 8px);
14753        background: transparent;
14754        border: 0;
14755        padding: 0;
14756        cursor: pointer;
14757        pointer-events: auto;
14758        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14759        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14760    }
14761
14762    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14763        content: '';
14764        display: block;
14765        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14766        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14767        -webkit-mask-image: var(--wmd_caretIconUrl);
14768        mask-image: var(--wmd_caretIconUrl);
14769        -webkit-mask-size: contain;
14770        mask-size: contain;
14771        -webkit-mask-repeat: no-repeat;
14772        mask-repeat: no-repeat;
14773        -webkit-mask-position: center;
14774        mask-position: center;
14775        background-color: var(--megaNavArrowColor, currentColor);
14776        transform: var(--megaNavArrowRotate, none);
14777        transition: transform 0.2s ease, background-color 0.2s ease;
14778    }
14779
14780    .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14781    .wmcA_hoverState.wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14782    .wmcA_hoverState .wmc_menu.wmcM_menuMegaTablet .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14783        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14784        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14785        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14786        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14787    }
14788}
14789
14790@media all and (width < 650px) {
14791    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container ul.navigation-nav--main-menu {
14792        column-gap: calc(var(--megaNavSeparatorSpacing) / 2);
14793
14794        & > .navigation-nav--separator {
14795            display: var(--megaNavSeparatorDisplay);
14796            width: var(--megaNavSeparatorWidth);
14797            background-color: var(--megaNavSeparatorColor);
14798        }
14799    }
14800
14801    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14802        display: grid;
14803        grid-template-columns: 1fr calc(var(--megaNavArrowSpacing, 8px) + var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14804        align-items: center;
14805        position: relative;
14806        padding-right: calc(var(--navItemPaddingRight) / 2);
14807    }
14808
14809    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]):hover,
14810    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]),
14811    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) {
14812        padding-right: calc(var(--navItemPaddingRightHover) / 2);
14813    }
14814
14815    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:has(> button.arrow[popovertarget]) > a {
14816        padding-right: 0;
14817        width: 100%;
14818    }
14819
14820    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget] {
14821        display: var(--megaNavArrowDisplay, flex);
14822        align-items: center;
14823        justify-content: center;
14824        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14825        height: 100%;
14826        margin-left: var(--megaNavArrowSpacing, 8px);
14827        background: transparent;
14828        border: 0;
14829        padding: 0;
14830        cursor: pointer;
14831        pointer-events: auto;
14832        --horizontalNavArrowColorActive: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14833        --horizontalNavArrowRotateActive: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14834    }
14835
14836    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14837        content: '';
14838        display: block;
14839        width: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14840        height: var(--megaNavArrowSize, var(--horizontalNavArrowSize));
14841        -webkit-mask-image: var(--wmd_caretIconUrl);
14842        mask-image: var(--wmd_caretIconUrl);
14843        -webkit-mask-size: contain;
14844        mask-size: contain;
14845        -webkit-mask-repeat: no-repeat;
14846        mask-repeat: no-repeat;
14847        -webkit-mask-position: center;
14848        mask-position: center;
14849        background-color: var(--megaNavArrowColor, currentColor);
14850        transform: var(--megaNavArrowRotate, none);
14851        transition: transform 0.2s ease, background-color 0.2s ease;
14852    }
14853
14854    .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item:hover > button.arrow[popovertarget]::after,
14855    .wmcA_hoverState.wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after,
14856    .wmcA_hoverState .wmc_menu.wmcM_menuMegaMobile .navigation-module-container .navigation-nav--item > button.arrow[popovertarget]::after {
14857        width: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14858        height: var(--megaNavArrowSizeHover, var(--megaNavArrowSize, var(--horizontalNavArrowSize)));
14859        background-color: var(--megaNavArrowColorHover, var(--megaNavArrowColor, currentColor));
14860        transform: var(--megaNavArrowRotateHover, var(--megaNavArrowRotate, none));
14861    }
14862}
14863
14864.wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14865    display: var(--navItemIconDisplay, none);
14866    width: var(--navItemIconSize, 16px);
14867    height: var(--navItemIconSize, 16px);
14868    margin-right: var(--navItemIconSpacing, 8px);
14869    background-color: var(--navItemIconColor, currentColor);
14870    transform: var(--navItemIconRotate, none);
14871    -webkit-mask-size: contain;
14872    mask-size: contain;
14873    -webkit-mask-repeat: no-repeat;
14874    mask-repeat: no-repeat;
14875    -webkit-mask-position: center;
14876    mask-position: center;
14877    flex-shrink: 0;
14878    transition: background-color 0.2s ease, transform 0.2s ease;
14879}
14880
14881.wmc_menu .navigation-module-container .navigation-nav--item > a:hover > i,
14882.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
14883.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14884    width: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
14885    height: var(--navItemIconSizeHover, var(--navItemIconSize, 16px));
14886    background-color: var(--navItemIconColorHover, var(--navItemIconColor, currentColor));
14887    transform: var(--navItemIconRotateHover, var(--navItemIconRotate, none));
14888}
14889
14890.wmc_menu .navigation-module-container .navigation-nav--item.open > a > i,
14891.wmc_menu .navigation-module-container .navigation-nav--item.wmcA_activeState > a > i,
14892.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--item > a > i,
14893.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--item > a > i {
14894    width: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
14895    height: var(--navItemIconSizeActive, var(--navItemIconSize, 16px));
14896    background-color: var(--navItemIconColorActive, var(--navItemIconColor, currentColor));
14897    transform: var(--navItemIconRotateActive, var(--navItemIconRotate, none));
14898}
14899
14900.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14901    display: var(--navSubItemIconDisplay, none);
14902    width: var(--navSubItemIconSize, 16px);
14903    height: var(--navSubItemIconSize, 16px);
14904    margin-right: var(--navSubItemIconSpacing, 8px);
14905    background-color: var(--navSubItemIconColor, currentColor);
14906    transform: var(--navSubItemIconRotate, none);
14907    -webkit-mask-size: contain;
14908    mask-size: contain;
14909    -webkit-mask-repeat: no-repeat;
14910    mask-repeat: no-repeat;
14911    -webkit-mask-position: center;
14912    mask-position: center;
14913    flex-shrink: 0;
14914    transition: background-color 0.2s ease, transform 0.2s ease;
14915}
14916
14917.wmc_menu .navigation-module-container .navigation-nav--sub-item > a:hover > i,
14918.wmcA_hoverState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
14919.wmcA_hoverState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14920    width: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
14921    height: var(--navSubItemIconSizeHover, var(--navSubItemIconSize, 16px));
14922    background-color: var(--navSubItemIconColorHover, var(--navSubItemIconColor, currentColor));
14923    transform: var(--navSubItemIconRotateHover, var(--navSubItemIconRotate, none));
14924}
14925
14926.wmc_menu .navigation-module-container .navigation-nav--sub-item.open > a > i,
14927.wmc_menu .navigation-module-container .navigation-nav--sub-item.wmcA_activeState > a > i,
14928.wmcA_activeState.wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i,
14929.wmcA_activeState .wmc_menu .navigation-module-container .navigation-nav--sub-item > a > i {
14930    width: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
14931    height: var(--navSubItemIconSizeActive, var(--navSubItemIconSize, 16px));
14932    background-color: var(--navSubItemIconColorActive, var(--navSubItemIconColor, currentColor));
14933    transform: var(--navSubItemIconRotateActive, var(--navSubItemIconRotate, none));
14934}
14935
14936/* Map the active type's icon vars -> neutral names, one device at a time.
14937   Base var names (no *Desktop/*Tablet/*Mobile suffix) are already resolved
14938   to the correct per-viewport value by the apply chain above, so each
14939   media query only needs to pick the type that is active at that width. */
14940@media all and (width >= 1040px) {
14941    .wmc_menu.wmcM_menuHorizontalDesktop {
14942        /* horizontal main item */
14943        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
14944        --navItemBorderTop: var(--horizontalNavItemBorderTop);
14945        --navItemBorderRight: var(--horizontalNavItemBorderRight);
14946        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
14947        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
14948        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
14949        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
14950        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
14951        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
14952        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
14953        --navItemFont: var(--horizontalNavItemFont);
14954        --navItemFontColor: var(--horizontalNavItemFontColor);
14955        --navItemLineHeight: var(--horizontalNavItemLineHeight);
14956        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
14957        --navItemFontSize: var(--horizontalNavItemFontSize);
14958        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
14959        --navItemFontWeight: var(--horizontalNavItemFontWeight);
14960        --navItemFontStyle: var(--horizontalNavItemFontStyle);
14961        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
14962        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
14963        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
14964        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
14965        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
14966        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
14967        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
14968        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
14969        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
14970        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
14971        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
14972        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
14973        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
14974        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
14975        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
14976        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
14977        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
14978        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
14979        --navItemIconSize: var(--horizontalNavItemIconSize);
14980        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
14981        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
14982        --navItemIconColor: var(--horizontalNavItemIconColor);
14983        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
14984        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
14985        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
14986        --navItemIconRotate: var(--horizontalNavItemIconRotate);
14987        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
14988        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
14989        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
14990        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
14991        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
14992        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
14993        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
14994        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
14995        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
14996        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
14997        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
14998        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
14999        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
15000    }
15001    .wmc_menu.wmcM_menuMegaDesktop {
15002        /* mega main item */
15003        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
15004        --navItemBorderTop: var(--megaNavItemBorderTop);
15005        --navItemBorderRight: var(--megaNavItemBorderRight);
15006        --navItemBorderBottom: var(--megaNavItemBorderBottom);
15007        --navItemBorderLeft: var(--megaNavItemBorderLeft);
15008        --navItemBorderRadius: var(--megaNavItemBorderRadius);
15009        --navItemPaddingTop: var(--megaNavItemPaddingTop);
15010        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
15011        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
15012        --navItemPaddingRight: var(--megaNavItemPaddingRight);
15013        --navItemFont: var(--megaNavItemFont);
15014        --navItemFontColor: var(--megaNavItemFontColor);
15015        --navItemLineHeight: var(--megaNavItemLineHeight);
15016        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
15017        --navItemFontSize: var(--megaNavItemFontSize);
15018        --navItemTextDecoration: var(--megaNavItemTextDecoration);
15019        --navItemFontWeight: var(--megaNavItemFontWeight);
15020        --navItemFontStyle: var(--megaNavItemFontStyle);
15021        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
15022        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
15023        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
15024        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
15025        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
15026        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
15027        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
15028        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
15029        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
15030        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
15031        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
15032        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
15033        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
15034        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
15035        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
15036        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
15037        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
15038        --navItemIconDisplay: var(--megaNavItemIconDisplay);
15039        --navItemIconSize: var(--megaNavItemIconSize);
15040        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
15041        --navItemIconColor: var(--megaNavItemIconColor);
15042        --navItemIconColorHover: var(--megaNavItemIconColorHover);
15043        --navItemIconSpacing: var(--megaNavItemIconSpacing);
15044        --navItemIconRotate: var(--megaNavItemIconRotate);
15045        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
15046    }
15047    .wmc_menu.wmcM_menuHamburgerDesktop {
15048        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
15049        --navItemIconSize: var(--hamburgerNavItemIconSize);
15050        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
15051        --navItemIconColor: var(--hamburgerNavItemIconColor);
15052        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
15053        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
15054        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
15055        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
15056        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
15057        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
15058        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
15059        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
15060        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
15061        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
15062        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
15063        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
15064    }
15065    .wmc_menu.wmcM_menuVerticalDesktop {
15066        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
15067        --navItemIconSize: var(--verticalNavItemIconSize);
15068        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
15069        --navItemIconColor: var(--verticalNavItemIconColor);
15070        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
15071        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
15072        --navItemIconRotate: var(--verticalNavItemIconRotate);
15073        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
15074        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
15075        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
15076        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
15077        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
15078        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
15079        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
15080        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
15081        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
15082    }
15083}
15084
15085@media all and (min-width: 650px) and (width < 1040px) {
15086    .wmc_menu.wmcM_menuHorizontalTablet {
15087        /* horizontal main item */
15088        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
15089        --navItemBorderTop: var(--horizontalNavItemBorderTop);
15090        --navItemBorderRight: var(--horizontalNavItemBorderRight);
15091        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
15092        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
15093        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
15094        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
15095        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
15096        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
15097        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
15098        --navItemFont: var(--horizontalNavItemFont);
15099        --navItemFontColor: var(--horizontalNavItemFontColor);
15100        --navItemLineHeight: var(--horizontalNavItemLineHeight);
15101        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
15102        --navItemFontSize: var(--horizontalNavItemFontSize);
15103        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
15104        --navItemFontWeight: var(--horizontalNavItemFontWeight);
15105        --navItemFontStyle: var(--horizontalNavItemFontStyle);
15106        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
15107        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
15108        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
15109        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
15110        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
15111        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
15112        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
15113        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
15114        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
15115        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
15116        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
15117        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
15118        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
15119        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
15120        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
15121        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
15122        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
15123        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
15124        --navItemIconSize: var(--horizontalNavItemIconSize);
15125        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
15126        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
15127        --navItemIconColor: var(--horizontalNavItemIconColor);
15128        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
15129        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
15130        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
15131        --navItemIconRotate: var(--horizontalNavItemIconRotate);
15132        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
15133        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
15134        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
15135        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
15136        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
15137        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
15138        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
15139        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
15140        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
15141        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
15142        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
15143        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
15144        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
15145    }
15146    .wmc_menu.wmcM_menuMegaTablet {
15147        /* mega main item */
15148        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
15149        --navItemBorderTop: var(--megaNavItemBorderTop);
15150        --navItemBorderRight: var(--megaNavItemBorderRight);
15151        --navItemBorderBottom: var(--megaNavItemBorderBottom);
15152        --navItemBorderLeft: var(--megaNavItemBorderLeft);
15153        --navItemBorderRadius: var(--megaNavItemBorderRadius);
15154        --navItemPaddingTop: var(--megaNavItemPaddingTop);
15155        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
15156        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
15157        --navItemPaddingRight: var(--megaNavItemPaddingRight);
15158        --navItemFont: var(--megaNavItemFont);
15159        --navItemFontColor: var(--megaNavItemFontColor);
15160        --navItemLineHeight: var(--megaNavItemLineHeight);
15161        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
15162        --navItemFontSize: var(--megaNavItemFontSize);
15163        --navItemTextDecoration: var(--megaNavItemTextDecoration);
15164        --navItemFontWeight: var(--megaNavItemFontWeight);
15165        --navItemFontStyle: var(--megaNavItemFontStyle);
15166        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
15167        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
15168        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
15169        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
15170        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
15171        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
15172        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
15173        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
15174        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
15175        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
15176        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
15177        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
15178        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
15179        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
15180        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
15181        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
15182        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
15183        --navItemIconDisplay: var(--megaNavItemIconDisplay);
15184        --navItemIconSize: var(--megaNavItemIconSize);
15185        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
15186        --navItemIconColor: var(--megaNavItemIconColor);
15187        --navItemIconColorHover: var(--megaNavItemIconColorHover);
15188        --navItemIconSpacing: var(--megaNavItemIconSpacing);
15189        --navItemIconRotate: var(--megaNavItemIconRotate);
15190        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
15191    }
15192    .wmc_menu.wmcM_menuHamburgerTablet {
15193        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
15194        --navItemIconSize: var(--hamburgerNavItemIconSize);
15195        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
15196        --navItemIconColor: var(--hamburgerNavItemIconColor);
15197        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
15198        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
15199        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
15200        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
15201        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
15202        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
15203        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
15204        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
15205        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
15206        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
15207        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
15208        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
15209    }
15210    .wmc_menu.wmcM_menuVerticalTablet {
15211        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
15212        --navItemIconSize: var(--verticalNavItemIconSize);
15213        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
15214        --navItemIconColor: var(--verticalNavItemIconColor);
15215        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
15216        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
15217        --navItemIconRotate: var(--verticalNavItemIconRotate);
15218        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
15219        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
15220        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
15221        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
15222        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
15223        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
15224        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
15225        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
15226        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
15227    }
15228}
15229
15230@media all and (width < 650px) {
15231    .wmc_menu.wmcM_menuHorizontalMobile {
15232        /* horizontal main item */
15233        --navItemBackgroundColor: var(--horizontalNavItemBackgroundColor);
15234        --navItemBorderTop: var(--horizontalNavItemBorderTop);
15235        --navItemBorderRight: var(--horizontalNavItemBorderRight);
15236        --navItemBorderBottom: var(--horizontalNavItemBorderBottom);
15237        --navItemBorderLeft: var(--horizontalNavItemBorderLeft);
15238        --navItemBorderRadius: var(--horizontalNavItemBorderRadius);
15239        --navItemPaddingTop: var(--horizontalNavItemPaddingTop);
15240        --navItemPaddingBottom: var(--horizontalNavItemPaddingBottom);
15241        --navItemPaddingLeft: var(--horizontalNavItemPaddingLeft);
15242        --navItemPaddingRight: var(--horizontalNavItemPaddingRight);
15243        --navItemFont: var(--horizontalNavItemFont);
15244        --navItemFontColor: var(--horizontalNavItemFontColor);
15245        --navItemLineHeight: var(--horizontalNavItemLineHeight);
15246        --navItemLetterSpacing: var(--horizontalNavItemLetterSpacing);
15247        --navItemFontSize: var(--horizontalNavItemFontSize);
15248        --navItemTextDecoration: var(--horizontalNavItemTextDecoration);
15249        --navItemFontWeight: var(--horizontalNavItemFontWeight);
15250        --navItemFontStyle: var(--horizontalNavItemFontStyle);
15251        --navItemHoverBackgroundColor: var(--horizontalNavItemHoverBackgroundColor);
15252        --navItemBorderTopHover: var(--horizontalNavItemBorderTopHover);
15253        --navItemBorderRightHover: var(--horizontalNavItemBorderRightHover);
15254        --navItemBorderBottomHover: var(--horizontalNavItemBorderBottomHover);
15255        --navItemBorderLeftHover: var(--horizontalNavItemBorderLeftHover);
15256        --navItemBorderRadiusHover: var(--horizontalNavItemBorderRadiusHover);
15257        --navItemPaddingTopHover: var(--horizontalNavItemPaddingTopHover);
15258        --navItemPaddingBottomHover: var(--horizontalNavItemPaddingBottomHover);
15259        --navItemPaddingLeftHover: var(--horizontalNavItemPaddingLeftHover);
15260        --navItemPaddingRightHover: var(--horizontalNavItemPaddingRightHover);
15261        --navItemHoverFontColor: var(--horizontalNavItemHoverFontColor);
15262        --navItemFontSizeHover: var(--horizontalNavItemFontSizeHover);
15263        --navItemTextDecorationHover: var(--horizontalNavItemTextDecorationHover);
15264        --navItemFontWeightHover: var(--horizontalNavItemFontWeightHover);
15265        --navItemFontStyleHover: var(--horizontalNavItemFontStyleHover);
15266        --navItemActiveBackgroundColor: var(--horizontalNavItemActiveBackgroundColor);
15267        --navItemActiveFontColor: var(--horizontalNavItemActiveFontColor);
15268        --navItemIconDisplay: var(--horizontalNavItemIconDisplay);
15269        --navItemIconSize: var(--horizontalNavItemIconSize);
15270        --navItemIconSizeHover: var(--horizontalNavItemIconSizeHover);
15271        --navItemIconSizeActive: var(--horizontalNavItemIconSizeActive);
15272        --navItemIconColor: var(--horizontalNavItemIconColor);
15273        --navItemIconColorHover: var(--horizontalNavItemIconColorHover);
15274        --navItemIconColorActive: var(--horizontalNavItemIconColorActive);
15275        --navItemIconSpacing: var(--horizontalNavItemIconSpacing);
15276        --navItemIconRotate: var(--horizontalNavItemIconRotate);
15277        --navItemIconRotateHover: var(--horizontalNavItemIconRotateHover);
15278        --navItemIconRotateActive: var(--horizontalNavItemIconRotateActive);
15279        --navSubItemIconDisplay: var(--horizontalNavSubItemIconDisplay);
15280        --navSubItemIconSize: var(--horizontalNavSubItemIconSize);
15281        --navSubItemIconSizeHover: var(--horizontalNavSubItemIconSizeHover);
15282        --navSubItemIconSizeActive: var(--horizontalNavSubItemIconSizeActive);
15283        --navSubItemIconColor: var(--horizontalNavSubItemIconColor);
15284        --navSubItemIconColorHover: var(--horizontalNavSubItemIconColorHover);
15285        --navSubItemIconColorActive: var(--horizontalNavSubItemIconColorActive);
15286        --navSubItemIconSpacing: var(--horizontalNavSubItemIconSpacing);
15287        --navSubItemIconRotate: var(--horizontalNavSubItemIconRotate);
15288        --navSubItemIconRotateHover: var(--horizontalNavSubItemIconRotateHover);
15289        --navSubItemIconRotateActive: var(--horizontalNavSubItemIconRotateActive);
15290    }
15291    .wmc_menu.wmcM_menuMegaMobile {
15292        /* mega main item */
15293        --navItemBackgroundColor: var(--megaNavItemBackgroundColor);
15294        --navItemBorderTop: var(--megaNavItemBorderTop);
15295        --navItemBorderRight: var(--megaNavItemBorderRight);
15296        --navItemBorderBottom: var(--megaNavItemBorderBottom);
15297        --navItemBorderLeft: var(--megaNavItemBorderLeft);
15298        --navItemBorderRadius: var(--megaNavItemBorderRadius);
15299        --navItemPaddingTop: var(--megaNavItemPaddingTop);
15300        --navItemPaddingBottom: var(--megaNavItemPaddingBottom);
15301        --navItemPaddingLeft: var(--megaNavItemPaddingLeft);
15302        --navItemPaddingRight: var(--megaNavItemPaddingRight);
15303        --navItemFont: var(--megaNavItemFont);
15304        --navItemFontColor: var(--megaNavItemFontColor);
15305        --navItemLineHeight: var(--megaNavItemLineHeight);
15306        --navItemLetterSpacing: var(--megaNavItemLetterSpacing);
15307        --navItemFontSize: var(--megaNavItemFontSize);
15308        --navItemTextDecoration: var(--megaNavItemTextDecoration);
15309        --navItemFontWeight: var(--megaNavItemFontWeight);
15310        --navItemFontStyle: var(--megaNavItemFontStyle);
15311        --navItemHoverBackgroundColor: var(--megaNavItemHoverBackgroundColor);
15312        --navItemBorderTopHover: var(--megaNavItemBorderTopHover);
15313        --navItemBorderRightHover: var(--megaNavItemBorderRightHover);
15314        --navItemBorderBottomHover: var(--megaNavItemBorderBottomHover);
15315        --navItemBorderLeftHover: var(--megaNavItemBorderLeftHover);
15316        --navItemBorderRadiusHover: var(--megaNavItemBorderRadiusHover);
15317        --navItemPaddingTopHover: var(--megaNavItemPaddingTopHover);
15318        --navItemPaddingBottomHover: var(--megaNavItemPaddingBottomHover);
15319        --navItemPaddingLeftHover: var(--megaNavItemPaddingLeftHover);
15320        --navItemPaddingRightHover: var(--megaNavItemPaddingRightHover);
15321        --navItemHoverFontColor: var(--megaNavItemHoverFontColor);
15322        --navItemFontSizeHover: var(--megaNavItemFontSizeHover);
15323        --navItemTextDecorationHover: var(--megaNavItemTextDecorationHover);
15324        --navItemFontWeightHover: var(--megaNavItemFontWeightHover);
15325        --navItemFontStyleHover: var(--megaNavItemFontStyleHover);
15326        --navItemActiveBackgroundColor: var(--megaNavItemActiveBackgroundColor);
15327        --navItemActiveFontColor: var(--megaNavItemActiveFontColor);
15328        --navItemIconDisplay: var(--megaNavItemIconDisplay);
15329        --navItemIconSize: var(--megaNavItemIconSize);
15330        --navItemIconSizeHover: var(--megaNavItemIconSizeHover);
15331        --navItemIconColor: var(--megaNavItemIconColor);
15332        --navItemIconColorHover: var(--megaNavItemIconColorHover);
15333        --navItemIconSpacing: var(--megaNavItemIconSpacing);
15334        --navItemIconRotate: var(--megaNavItemIconRotate);
15335        --navItemIconRotateHover: var(--megaNavItemIconRotateHover);
15336    }
15337    .wmc_menu.wmcM_menuHamburgerMobile {
15338        --navItemIconDisplay: var(--hamburgerNavItemIconDisplay);
15339        --navItemIconSize: var(--hamburgerNavItemIconSize);
15340        --navItemIconSizeHover: var(--hamburgerNavItemIconSizeHover);
15341        --navItemIconColor: var(--hamburgerNavItemIconColor);
15342        --navItemIconColorHover: var(--hamburgerNavItemIconColorHover);
15343        --navItemIconSpacing: var(--hamburgerNavItemIconSpacing);
15344        --navItemIconRotate: var(--hamburgerNavItemIconRotate);
15345        --navItemIconRotateHover: var(--hamburgerNavItemIconRotateHover);
15346        --navSubItemIconDisplay: var(--hamburgerNavSubItemIconDisplay);
15347        --navSubItemIconSize: var(--hamburgerNavSubItemIconSize);
15348        --navSubItemIconSizeHover: var(--hamburgerNavSubItemIconSizeHover);
15349        --navSubItemIconColor: var(--hamburgerNavSubItemIconColor);
15350        --navSubItemIconColorHover: var(--hamburgerNavSubItemIconColorHover);
15351        --navSubItemIconSpacing: var(--hamburgerNavSubItemIconSpacing);
15352        --navSubItemIconRotate: var(--hamburgerNavSubItemIconRotate);
15353        --navSubItemIconRotateHover: var(--hamburgerNavSubItemIconRotateHover);
15354    }
15355    .wmc_menu.wmcM_menuVerticalMobile {
15356        --navItemIconDisplay: var(--verticalNavItemIconDisplay);
15357        --navItemIconSize: var(--verticalNavItemIconSize);
15358        --navItemIconSizeHover: var(--verticalNavItemIconSizeHover);
15359        --navItemIconColor: var(--verticalNavItemIconColor);
15360        --navItemIconColorHover: var(--verticalNavItemIconColorHover);
15361        --navItemIconSpacing: var(--verticalNavItemIconSpacing);
15362        --navItemIconRotate: var(--verticalNavItemIconRotate);
15363        --navItemIconRotateHover: var(--verticalNavItemIconRotateHover);
15364        --navSubItemIconDisplay: var(--verticalNavSubItemIconDisplay);
15365        --navSubItemIconSize: var(--verticalNavSubItemIconSize);
15366        --navSubItemIconSizeHover: var(--verticalNavSubItemIconSizeHover);
15367        --navSubItemIconColor: var(--verticalNavSubItemIconColor);
15368        --navSubItemIconColorHover: var(--verticalNavSubItemIconColorHover);
15369        --navSubItemIconSpacing: var(--verticalNavSubItemIconSpacing);
15370        --navSubItemIconRotate: var(--verticalNavSubItemIconRotate);
15371        --navSubItemIconRotateHover: var(--verticalNavSubItemIconRotateHover);
15372    }
15373}
15374
15375.wmc_menu .navigation-nav--icon-spacer {
15376    visibility: hidden;
15377}
15378
15379/*
15380 * Top/bottom spacing of the horizontal & mega menu bar.
15381 */
15382.wmc_menu[class*="wmcM_menuHorizontal"] .navigation-nav--main-menu,
15383.wmc_menu[class*="wmcM_menuMega"] .navigation-nav--main-menu {
15384    margin-top: var(--horizontalNavMenuVerticalSpacing, 1rem);
15385    margin-bottom: var(--horizontalNavMenuVerticalSpacing, 1rem);
15386}
15387
15388
15389@media all and (width >= 1040px) {
15390    .wmc_menu.wmcM_menuMegaDesktop {
15391        /* Hidden until promoted to the top layer via the Popover API. */
15392        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
15393            display: none;
15394            position: fixed;
15395            top: var(--megaNavPanelTriggerTop, 0);
15396            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
15397            inset-block-end: auto;
15398            inset-inline-end: auto;
15399            margin: 0;
15400            box-sizing: border-box;
15401            width: var(--megaNavPanelWidth, 100vw);
15402            max-width: 100vw;
15403            grid-template-columns: repeat(var(--megaNavPanelNumberOfCells, 4), minmax(0, 1fr));
15404            gap: var(--megaNavPanelCellSpacing, 24px);
15405            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
15406            background-color: var(--megaNavPanelBackgroundColor, #fff);
15407            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
15408            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
15409            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
15410            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
15411            border-radius: var(--megaNavPanelBorderRadius, 0);
15412            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
15413            z-index: 1000;
15414            min-width: 0;
15415            opacity: 1;
15416            visibility: visible;
15417            transform: none;
15418            transition: none;
15419        }
15420
15421        /* Shown only while the panel is open in the top layer. */
15422        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
15423            display: grid;
15424        }
15425
15426        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
15427        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
15428            display: none;
15429        }
15430
15431        /* Nested sub-menus inside the panel are laid out statically as
15432           columns/lists, not as hover flyouts. */
15433        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
15434            position: static;
15435            opacity: 1;
15436            visibility: visible;
15437            transform: none;
15438            max-height: none;
15439            background-color: transparent;
15440        }
15441
15442        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15443            display: flex;
15444            flex-direction: column;
15445            align-items: stretch;
15446            grid-template-columns: none;
15447            position: static;
15448            padding-right: 0;
15449        }
15450
15451        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
15452            min-width: 0;
15453            display: flex;
15454            flex-direction: column;
15455            align-items: stretch;
15456            justify-items: stretch;
15457            position: static;
15458            padding-right: 0;
15459            gap: 8px;
15460        }
15461
15462        /* Column title (the column sub-item's own link). */
15463        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15464            display: inline-flex;
15465            align-items: center;
15466            width: 100%;
15467            gap: var(--megaNavSubItemIconSpacing, 8px);
15468            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15469            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15470            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15471            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15472            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15473            border-radius: var(--megaNavSubItemBorderRadius, 0);
15474            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15475                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15476            font-family: var(--megaNavSubItemFont, inherit);
15477            color: var(--megaNavSubItemFontColor, currentColor);
15478            font-size: var(--megaNavSubItemFontSize, 18px);
15479            font-weight: var(--megaNavSubItemFontWeight, 600);
15480            font-style: var(--megaNavSubItemFontStyle, normal);
15481            line-height: var(--megaNavSubItemLineHeight, normal);
15482            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15483            text-decoration: var(--megaNavSubItemTextDecoration, none);
15484            text-transform: none;
15485        }
15486
15487        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
15488        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
15489        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15490            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15491            color: var(--megaNavSubItemHoverFontColor, currentColor);
15492            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
15493            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15494            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15495            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15496            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15497            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15498            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15499            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15500            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15501            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15502                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15503                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15504                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15505        }
15506
15507        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15508            display: var(--megaNavSubItemIconDisplay, none);
15509            width: var(--megaNavSubItemIconSize, 16px);
15510            height: var(--megaNavSubItemIconSize, 16px);
15511            background-color: var(--megaNavSubItemIconColor, currentColor);
15512            transform: var(--megaNavSubItemIconRotate, none);
15513            -webkit-mask-size: contain;
15514            mask-size: contain;
15515            -webkit-mask-repeat: no-repeat;
15516            mask-repeat: no-repeat;
15517            -webkit-mask-position: center;
15518            mask-position: center;
15519            flex-shrink: 0;
15520            transition: background-color 0.2s ease, transform 0.2s ease;
15521        }
15522
15523        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
15524        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
15525        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15526            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15527            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15528            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15529            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
15530        }
15531
15532        /* List of children inside a column (the column's nested sub-menu). */
15533        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
15534            list-style: none;
15535            padding: 0;
15536            margin: 0;
15537            display: flex;
15538            flex-direction: column;
15539            gap: 4px;
15540        }
15541
15542        /* Each individual link inside a column, at any nesting depth. */
15543        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15544            display: inline-flex;
15545            align-items: center;
15546            width: 100%;
15547            gap: var(--megaNavChildItemIconSpacing, 8px);
15548            background-color: var(--megaNavChildItemBackgroundColor, transparent);
15549            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
15550            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
15551            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
15552            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
15553            border-radius: var(--megaNavChildItemBorderRadius, 0);
15554            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
15555                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
15556            font-family: var(--megaNavChildItemFont, inherit);
15557            color: var(--megaNavChildItemFontColor, currentColor);
15558            font-size: var(--megaNavChildItemFontSize, 14px);
15559            font-weight: var(--megaNavChildItemFontWeight, 400);
15560            font-style: var(--megaNavChildItemFontStyle, normal);
15561            line-height: var(--megaNavChildItemLineHeight, normal);
15562            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
15563            text-decoration: var(--megaNavChildItemTextDecoration, none);
15564        }
15565
15566        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
15567        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
15568        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15569            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
15570            color: var(--megaNavChildItemHoverFontColor, currentColor);
15571            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
15572            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
15573            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
15574            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
15575            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
15576            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
15577            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
15578            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
15579            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
15580        }
15581
15582        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15583            display: var(--megaNavChildItemIconDisplay, none);
15584            width: var(--megaNavChildItemIconSize, 14px);
15585            height: var(--megaNavChildItemIconSize, 14px);
15586            background-color: var(--megaNavChildItemIconColor, currentColor);
15587            transform: var(--megaNavChildItemIconRotate, none);
15588            -webkit-mask-size: contain;
15589            mask-size: contain;
15590            -webkit-mask-repeat: no-repeat;
15591            mask-repeat: no-repeat;
15592            -webkit-mask-position: center;
15593            mask-position: center;
15594            flex-shrink: 0;
15595            transition: background-color 0.2s ease, transform 0.2s ease;
15596        }
15597
15598        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
15599        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
15600        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15601            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15602            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15603            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
15604            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
15605        }
15606
15607        /* Deeper nested groups inside a column are indented under their parent. */
15608        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
15609            list-style: none;
15610            margin: 0;
15611            padding: 0;
15612            padding-left: 16px;
15613            display: flex;
15614            flex-direction: column;
15615            gap: 4px;
15616        }
15617
15618        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
15619            background-color: var(--megaNavPanelBackgroundColor, #fff);
15620        }
15621
15622        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15623            min-width: 0;
15624            position: static;
15625            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15626            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15627            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15628            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15629            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15630            border-radius: var(--megaNavSubItemBorderRadius, 0);
15631        }
15632
15633        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
15634        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
15635        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15636            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15637            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15638            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15639            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15640            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15641            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15642        }
15643
15644        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15645            display: inline-flex;
15646            align-items: center;
15647            width: 100%;
15648            gap: var(--megaNavSubItemIconSpacing, 8px);
15649            background-color: transparent;
15650            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15651                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15652            font-family: var(--megaNavSubItemFont, inherit);
15653            color: var(--megaNavSubItemFontColor, currentColor);
15654            font-size: var(--megaNavSubItemFontSize, 18px);
15655            font-weight: var(--megaNavSubItemFontWeight, 600);
15656            font-style: var(--megaNavSubItemFontStyle, normal);
15657            line-height: var(--megaNavSubItemLineHeight, normal);
15658            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15659            text-decoration: var(--megaNavSubItemTextDecoration, none);
15660            text-transform: none;
15661        }
15662
15663        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
15664        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
15665        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15666            color: var(--megaNavSubItemHoverFontColor, currentColor);
15667            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15668            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15669            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15670            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15671                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15672                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15673                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15674        }
15675
15676        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15677            display: var(--megaNavSubItemIconDisplay, none);
15678            width: var(--megaNavSubItemIconSize, 16px);
15679            height: var(--megaNavSubItemIconSize, 16px);
15680            background-color: var(--megaNavSubItemIconColor, currentColor);
15681            transform: var(--megaNavSubItemIconRotate, none);
15682            -webkit-mask-size: contain;
15683            mask-size: contain;
15684            -webkit-mask-repeat: no-repeat;
15685            mask-repeat: no-repeat;
15686            -webkit-mask-position: center;
15687            mask-position: center;
15688            flex-shrink: 0;
15689            transition: background-color 0.2s ease, transform 0.2s ease;
15690        }
15691
15692        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
15693        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
15694        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15695            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15696            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15697            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15698        }
15699    }
15700}
15701
15702@media all and (width < 1040px) {
15703    .wmc_menu.wmcM_menuMegaTablet {
15704        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
15705            display: none;
15706            position: fixed;
15707            top: var(--megaNavPanelTriggerTop, 0);
15708            left: max(0px, calc((100vw - var(--megaNavPanelWidth, 100vw)) / 2));
15709            inset-block-end: auto;
15710            inset-inline-end: auto;
15711            margin: 0;
15712            box-sizing: border-box;
15713            width: var(--megaNavPanelWidth, 100vw);
15714            max-width: 100vw;
15715            grid-template-columns: repeat(min(var(--megaNavPanelNumberOfCells, 4), 2), minmax(0, 1fr));
15716            gap: var(--megaNavPanelCellSpacing, 24px);
15717            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
15718            background-color: var(--megaNavPanelBackgroundColor, #fff);
15719            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
15720            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
15721            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
15722            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
15723            border-radius: var(--megaNavPanelBorderRadius, 0);
15724            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
15725            z-index: 1000;
15726            min-width: 0;
15727            opacity: 1;
15728            visibility: visible;
15729            transform: none;
15730            transition: none;
15731        }
15732
15733        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
15734            display: grid;
15735        }
15736
15737        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
15738        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
15739            display: none;
15740        }
15741
15742        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
15743            position: static;
15744            opacity: 1;
15745            visibility: visible;
15746            transform: none;
15747            max-height: none;
15748            background-color: transparent;
15749        }
15750
15751        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
15752            display: flex;
15753            flex-direction: column;
15754            align-items: stretch;
15755            grid-template-columns: none;
15756            position: static;
15757            padding-right: 0;
15758        }
15759
15760        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
15761            min-width: 0;
15762            display: flex;
15763            flex-direction: column;
15764            align-items: stretch;
15765            justify-items: stretch;
15766            position: static;
15767            padding-right: 0;
15768            gap: 8px;
15769        }
15770
15771        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15772            display: inline-flex;
15773            align-items: center;
15774            width: 100%;
15775            gap: var(--megaNavSubItemIconSpacing, 8px);
15776            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15777            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15778            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15779            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15780            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15781            border-radius: var(--megaNavSubItemBorderRadius, 0);
15782            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15783                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15784            font-family: var(--megaNavSubItemFont, inherit);
15785            color: var(--megaNavSubItemFontColor, currentColor);
15786            font-size: var(--megaNavSubItemFontSize, 18px);
15787            font-weight: var(--megaNavSubItemFontWeight, 600);
15788            font-style: var(--megaNavSubItemFontStyle, normal);
15789            line-height: var(--megaNavSubItemLineHeight, normal);
15790            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15791            text-decoration: var(--megaNavSubItemTextDecoration, none);
15792            text-transform: none;
15793        }
15794
15795        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
15796        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
15797        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
15798            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15799            color: var(--megaNavSubItemHoverFontColor, currentColor);
15800            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
15801            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15802            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15803            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15804            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15805            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15806            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15807            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15808            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15809            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15810                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15811                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15812                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15813        }
15814
15815        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15816            display: var(--megaNavSubItemIconDisplay, none);
15817            width: var(--megaNavSubItemIconSize, 16px);
15818            height: var(--megaNavSubItemIconSize, 16px);
15819            background-color: var(--megaNavSubItemIconColor, currentColor);
15820            transform: var(--megaNavSubItemIconRotate, none);
15821            -webkit-mask-size: contain;
15822            mask-size: contain;
15823            -webkit-mask-repeat: no-repeat;
15824            mask-repeat: no-repeat;
15825            -webkit-mask-position: center;
15826            mask-position: center;
15827            flex-shrink: 0;
15828            transition: background-color 0.2s ease, transform 0.2s ease;
15829        }
15830
15831        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
15832        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
15833        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
15834            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15835            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
15836            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
15837            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
15838        }
15839
15840        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
15841            list-style: none;
15842            padding: 0;
15843            margin: 0;
15844            display: flex;
15845            flex-direction: column;
15846            gap: 4px;
15847        }
15848
15849        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15850            display: inline-flex;
15851            align-items: center;
15852            width: 100%;
15853            gap: var(--megaNavChildItemIconSpacing, 8px);
15854            background-color: var(--megaNavChildItemBackgroundColor, transparent);
15855            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
15856            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
15857            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
15858            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
15859            border-radius: var(--megaNavChildItemBorderRadius, 0);
15860            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
15861                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
15862            font-family: var(--megaNavChildItemFont, inherit);
15863            color: var(--megaNavChildItemFontColor, currentColor);
15864            font-size: var(--megaNavChildItemFontSize, 14px);
15865            font-weight: var(--megaNavChildItemFontWeight, 400);
15866            font-style: var(--megaNavChildItemFontStyle, normal);
15867            line-height: var(--megaNavChildItemLineHeight, normal);
15868            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
15869            text-decoration: var(--megaNavChildItemTextDecoration, none);
15870        }
15871
15872        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
15873        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
15874        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
15875            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
15876            color: var(--megaNavChildItemHoverFontColor, currentColor);
15877            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
15878            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
15879            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
15880            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
15881            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
15882            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
15883            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
15884            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
15885            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
15886        }
15887
15888        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15889            display: var(--megaNavChildItemIconDisplay, none);
15890            width: var(--megaNavChildItemIconSize, 14px);
15891            height: var(--megaNavChildItemIconSize, 14px);
15892            background-color: var(--megaNavChildItemIconColor, currentColor);
15893            transform: var(--megaNavChildItemIconRotate, none);
15894            -webkit-mask-size: contain;
15895            mask-size: contain;
15896            -webkit-mask-repeat: no-repeat;
15897            mask-repeat: no-repeat;
15898            -webkit-mask-position: center;
15899            mask-position: center;
15900            flex-shrink: 0;
15901            transition: background-color 0.2s ease, transform 0.2s ease;
15902        }
15903
15904        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
15905        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
15906        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
15907            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15908            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
15909            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
15910            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
15911        }
15912
15913        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
15914            list-style: none;
15915            margin: 0;
15916            padding: 0;
15917            padding-left: 16px;
15918            display: flex;
15919            flex-direction: column;
15920            gap: 4px;
15921        }
15922
15923        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
15924            background-color: var(--megaNavPanelBackgroundColor, #fff);
15925        }
15926
15927        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15928            min-width: 0;
15929            position: static;
15930            background-color: var(--megaNavSubItemBackgroundColor, transparent);
15931            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
15932            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
15933            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
15934            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
15935            border-radius: var(--megaNavSubItemBorderRadius, 0);
15936        }
15937
15938        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
15939        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
15940        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
15941            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
15942            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
15943            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
15944            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
15945            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
15946            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
15947        }
15948
15949        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15950            display: inline-flex;
15951            align-items: center;
15952            width: 100%;
15953            gap: var(--megaNavSubItemIconSpacing, 8px);
15954            background-color: transparent;
15955            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
15956                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
15957            font-family: var(--megaNavSubItemFont, inherit);
15958            color: var(--megaNavSubItemFontColor, currentColor);
15959            font-size: var(--megaNavSubItemFontSize, 18px);
15960            font-weight: var(--megaNavSubItemFontWeight, 600);
15961            font-style: var(--megaNavSubItemFontStyle, normal);
15962            line-height: var(--megaNavSubItemLineHeight, normal);
15963            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
15964            text-decoration: var(--megaNavSubItemTextDecoration, none);
15965            text-transform: none;
15966        }
15967
15968        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
15969        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
15970        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
15971            color: var(--megaNavSubItemHoverFontColor, currentColor);
15972            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
15973            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
15974            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
15975            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
15976                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
15977                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
15978                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
15979        }
15980
15981        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
15982            display: var(--megaNavSubItemIconDisplay, none);
15983            width: var(--megaNavSubItemIconSize, 16px);
15984            height: var(--megaNavSubItemIconSize, 16px);
15985            background-color: var(--megaNavSubItemIconColor, currentColor);
15986            transform: var(--megaNavSubItemIconRotate, none);
15987            -webkit-mask-size: contain;
15988            mask-size: contain;
15989            -webkit-mask-repeat: no-repeat;
15990            mask-repeat: no-repeat;
15991            -webkit-mask-position: center;
15992            mask-position: center;
15993            flex-shrink: 0;
15994            transition: background-color 0.2s ease, transform 0.2s ease;
15995        }
15996
15997        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
15998        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
15999        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
16000            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16001            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16002            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
16003        }
16004    }
16005}
16006
16007@media all and (width < 650px) {
16008    .wmc_menu.wmcM_menuMegaMobile {
16009        & .navigation-nav--sub-menu.navigation-nav--mega-panel {
16010            display: none;
16011            position: fixed;
16012            top: var(--megaNavPanelTriggerTop, 0);
16013            left: 0;
16014            right: 0;
16015            inset-block-end: auto;
16016            inset-inline-end: auto;
16017            margin: 0;
16018            box-sizing: border-box;
16019            width: 100vw;
16020            max-width: 100vw;
16021            grid-template-columns: 1fr;
16022            gap: var(--megaNavPanelCellSpacing, 24px);
16023            padding: var(--megaNavPanelPaddingTop, 40px) var(--megaNavPanelPaddingRight, 40px) var(--megaNavPanelPaddingBottom, 40px) var(--megaNavPanelPaddingLeft, 40px);
16024            background-color: var(--megaNavPanelBackgroundColor, #fff);
16025            border-top: var(--megaNavPanelBorderTop, 0 none transparent);
16026            border-right: var(--megaNavPanelBorderRight, 0 none transparent);
16027            border-bottom: var(--megaNavPanelBorderBottom, 0 none transparent);
16028            border-left: var(--megaNavPanelBorderLeft, 0 none transparent);
16029            border-radius: var(--megaNavPanelBorderRadius, 0);
16030            box-shadow: var(--megaNavPanelShadow, 0 6px 24px rgba(0, 0, 0, 0.08));
16031            z-index: 1000;
16032            min-width: 0;
16033            opacity: 1;
16034            visibility: visible;
16035            transform: none;
16036            transition: none;
16037        }
16038
16039        & .navigation-nav--sub-menu.navigation-nav--mega-panel:popover-open {
16040            display: grid;
16041        }
16042
16043        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .arrow,
16044        & .navigation-module-container .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--separator {
16045            display: none;
16046        }
16047
16048        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-menu {
16049            position: static;
16050            opacity: 1;
16051            visibility: visible;
16052            transform: none;
16053            max-height: none;
16054            background-color: transparent;
16055        }
16056
16057        & .navigation-nav--sub-menu.navigation-nav--mega-panel .navigation-nav--sub-item:has(> .navigation-nav--sub-menu) {
16058            display: flex;
16059            flex-direction: column;
16060            align-items: stretch;
16061            grid-template-columns: none;
16062            position: static;
16063            padding-right: 0;
16064        }
16065
16066        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item {
16067            min-width: 0;
16068            display: flex;
16069            flex-direction: column;
16070            align-items: stretch;
16071            justify-items: stretch;
16072            position: static;
16073            padding-right: 0;
16074            gap: 8px;
16075        }
16076
16077        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
16078            display: inline-flex;
16079            align-items: center;
16080            width: 100%;
16081            gap: var(--megaNavSubItemIconSpacing, 8px);
16082            background-color: var(--megaNavSubItemBackgroundColor, transparent);
16083            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
16084            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
16085            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
16086            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
16087            border-radius: var(--megaNavSubItemBorderRadius, 0);
16088            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
16089                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
16090            font-family: var(--megaNavSubItemFont, inherit);
16091            color: var(--megaNavSubItemFontColor, currentColor);
16092            font-size: var(--megaNavSubItemFontSize, 18px);
16093            font-weight: var(--megaNavSubItemFontWeight, 600);
16094            font-style: var(--megaNavSubItemFontStyle, normal);
16095            line-height: var(--megaNavSubItemLineHeight, normal);
16096            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
16097            text-decoration: var(--megaNavSubItemTextDecoration, none);
16098            text-transform: none;
16099        }
16100
16101        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover,
16102        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a,
16103        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a {
16104            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
16105            color: var(--megaNavSubItemHoverFontColor, currentColor);
16106            font-size: var(--megaNavSubItemHoverFontSize, var(--megaNavSubItemFontSize, 18px));
16107            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
16108            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
16109            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
16110            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
16111            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
16112            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
16113            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
16114            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
16115            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
16116                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
16117                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
16118                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
16119        }
16120
16121        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
16122            display: var(--megaNavSubItemIconDisplay, none);
16123            width: var(--megaNavSubItemIconSize, 16px);
16124            height: var(--megaNavSubItemIconSize, 16px);
16125            background-color: var(--megaNavSubItemIconColor, currentColor);
16126            transform: var(--megaNavSubItemIconRotate, none);
16127            -webkit-mask-size: contain;
16128            mask-size: contain;
16129            -webkit-mask-repeat: no-repeat;
16130            mask-repeat: no-repeat;
16131            -webkit-mask-position: center;
16132            mask-position: center;
16133            flex-shrink: 0;
16134            transition: background-color 0.2s ease, transform 0.2s ease;
16135        }
16136
16137        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a:hover > i,
16138        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i,
16139        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > a > i {
16140            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16141            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16142            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
16143            transform: var(--megaNavSubItemIconRotateHover, var(--megaNavSubItemIconRotate, none));
16144        }
16145
16146        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu {
16147            list-style: none;
16148            padding: 0;
16149            margin: 0;
16150            display: flex;
16151            flex-direction: column;
16152            gap: 4px;
16153        }
16154
16155        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
16156            display: inline-flex;
16157            align-items: center;
16158            width: 100%;
16159            gap: var(--megaNavChildItemIconSpacing, 8px);
16160            background-color: var(--megaNavChildItemBackgroundColor, transparent);
16161            border-top: var(--megaNavChildItemBorderTop, 0 none transparent);
16162            border-right: var(--megaNavChildItemBorderRight, 0 none transparent);
16163            border-bottom: var(--megaNavChildItemBorderBottom, 0 none transparent);
16164            border-left: var(--megaNavChildItemBorderLeft, 0 none transparent);
16165            border-radius: var(--megaNavChildItemBorderRadius, 0);
16166            padding: var(--megaNavChildItemPaddingTop, 4px) var(--megaNavChildItemPaddingRight, 0)
16167                     var(--megaNavChildItemPaddingBottom, 4px) var(--megaNavChildItemPaddingLeft, 0);
16168            font-family: var(--megaNavChildItemFont, inherit);
16169            color: var(--megaNavChildItemFontColor, currentColor);
16170            font-size: var(--megaNavChildItemFontSize, 14px);
16171            font-weight: var(--megaNavChildItemFontWeight, 400);
16172            font-style: var(--megaNavChildItemFontStyle, normal);
16173            line-height: var(--megaNavChildItemLineHeight, normal);
16174            letter-spacing: var(--megaNavChildItemLetterSpacing, 0);
16175            text-decoration: var(--megaNavChildItemTextDecoration, none);
16176        }
16177
16178        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover,
16179        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a,
16180        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a {
16181            background-color: var(--megaNavChildItemHoverBackgroundColor, transparent);
16182            color: var(--megaNavChildItemHoverFontColor, currentColor);
16183            font-size: var(--megaNavChildItemHoverFontSize, var(--megaNavChildItemFontSize, 14px));
16184            font-weight: var(--megaNavChildItemHoverFontWeight, var(--megaNavChildItemFontWeight, 400));
16185            font-style: var(--megaNavChildItemHoverFontStyle, var(--megaNavChildItemFontStyle, normal));
16186            text-decoration: var(--megaNavChildItemHoverTextDecoration, var(--megaNavChildItemTextDecoration, none));
16187            border-top: var(--megaNavChildItemBorderTopHover, var(--megaNavChildItemBorderTop, 0 none transparent));
16188            border-right: var(--megaNavChildItemBorderRightHover, var(--megaNavChildItemBorderRight, 0 none transparent));
16189            border-bottom: var(--megaNavChildItemBorderBottomHover, var(--megaNavChildItemBorderBottom, 0 none transparent));
16190            border-left: var(--megaNavChildItemBorderLeftHover, var(--megaNavChildItemBorderLeft, 0 none transparent));
16191            border-radius: var(--megaNavChildItemBorderRadiusHover, var(--megaNavChildItemBorderRadius, 0));
16192        }
16193
16194        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
16195            display: var(--megaNavChildItemIconDisplay, none);
16196            width: var(--megaNavChildItemIconSize, 14px);
16197            height: var(--megaNavChildItemIconSize, 14px);
16198            background-color: var(--megaNavChildItemIconColor, currentColor);
16199            transform: var(--megaNavChildItemIconRotate, none);
16200            -webkit-mask-size: contain;
16201            mask-size: contain;
16202            -webkit-mask-repeat: no-repeat;
16203            mask-repeat: no-repeat;
16204            -webkit-mask-position: center;
16205            mask-position: center;
16206            flex-shrink: 0;
16207            transition: background-color 0.2s ease, transform 0.2s ease;
16208        }
16209
16210        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a:hover > i,
16211        &.wmcA_hoverState .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i,
16212        .wmcA_hoverState & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-item > a > i {
16213            width: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
16214            height: var(--megaNavChildItemIconSizeHover, var(--megaNavChildItemIconSize, 14px));
16215            background-color: var(--megaNavChildItemIconColorHover, var(--megaNavChildItemIconColor, currentColor));
16216            transform: var(--megaNavChildItemIconRotateHover, var(--megaNavChildItemIconRotate, none));
16217        }
16218
16219        & .navigation-nav--sub-menu.navigation-nav--mega-panel > .navigation-nav--sub-item > .navigation-nav--sub-menu .navigation-nav--sub-menu {
16220            list-style: none;
16221            margin: 0;
16222            padding: 0;
16223            padding-left: 16px;
16224            display: flex;
16225            flex-direction: column;
16226            gap: 4px;
16227        }
16228
16229        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu {
16230            background-color: var(--megaNavPanelBackgroundColor, #fff);
16231        }
16232
16233        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
16234            min-width: 0;
16235            position: static;
16236            background-color: var(--megaNavSubItemBackgroundColor, transparent);
16237            border-top: var(--megaNavSubItemBorderTop, 0 none transparent);
16238            border-right: var(--megaNavSubItemBorderRight, 0 none transparent);
16239            border-bottom: var(--megaNavSubItemBorderBottom, 0 none transparent);
16240            border-left: var(--megaNavSubItemBorderLeft, 0 none transparent);
16241            border-radius: var(--megaNavSubItemBorderRadius, 0);
16242        }
16243
16244        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item:hover,
16245        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item,
16246        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item {
16247            background-color: var(--megaNavSubItemHoverBackgroundColor, transparent);
16248            border-top: var(--megaNavSubItemBorderTopHover, var(--megaNavSubItemBorderTop, 0 none transparent));
16249            border-right: var(--megaNavSubItemBorderRightHover, var(--megaNavSubItemBorderRight, 0 none transparent));
16250            border-bottom: var(--megaNavSubItemBorderBottomHover, var(--megaNavSubItemBorderBottom, 0 none transparent));
16251            border-left: var(--megaNavSubItemBorderLeftHover, var(--megaNavSubItemBorderLeft, 0 none transparent));
16252            border-radius: var(--megaNavSubItemBorderRadiusHover, var(--megaNavSubItemBorderRadius, 0));
16253        }
16254
16255        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
16256            display: inline-flex;
16257            align-items: center;
16258            width: 100%;
16259            gap: var(--megaNavSubItemIconSpacing, 8px);
16260            background-color: transparent;
16261            padding: var(--megaNavSubItemPaddingTop, 0) var(--megaNavSubItemPaddingRight, 0)
16262                     var(--megaNavSubItemPaddingBottom, 8px) var(--megaNavSubItemPaddingLeft, 0);
16263            font-family: var(--megaNavSubItemFont, inherit);
16264            color: var(--megaNavSubItemFontColor, currentColor);
16265            font-size: var(--megaNavSubItemFontSize, 18px);
16266            font-weight: var(--megaNavSubItemFontWeight, 600);
16267            font-style: var(--megaNavSubItemFontStyle, normal);
16268            line-height: var(--megaNavSubItemLineHeight, normal);
16269            letter-spacing: var(--megaNavSubItemLetterSpacing, 0);
16270            text-decoration: var(--megaNavSubItemTextDecoration, none);
16271            text-transform: none;
16272        }
16273
16274        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover,
16275        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a,
16276        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a {
16277            color: var(--megaNavSubItemHoverFontColor, currentColor);
16278            font-weight: var(--megaNavSubItemHoverFontWeight, var(--megaNavSubItemFontWeight, 600));
16279            font-style: var(--megaNavSubItemHoverFontStyle, var(--megaNavSubItemFontStyle, normal));
16280            text-decoration: var(--megaNavSubItemHoverTextDecoration, var(--megaNavSubItemTextDecoration, none));
16281            padding: var(--megaNavSubItemPaddingTopHover, var(--megaNavSubItemPaddingTop, 0))
16282                     var(--megaNavSubItemPaddingRightHover, var(--megaNavSubItemPaddingRight, 0))
16283                     var(--megaNavSubItemPaddingBottomHover, var(--megaNavSubItemPaddingBottom, 8px))
16284                     var(--megaNavSubItemPaddingLeftHover, var(--megaNavSubItemPaddingLeft, 0));
16285        }
16286
16287        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
16288            display: var(--megaNavSubItemIconDisplay, none);
16289            width: var(--megaNavSubItemIconSize, 16px);
16290            height: var(--megaNavSubItemIconSize, 16px);
16291            background-color: var(--megaNavSubItemIconColor, currentColor);
16292            transform: var(--megaNavSubItemIconRotate, none);
16293            -webkit-mask-size: contain;
16294            mask-size: contain;
16295            -webkit-mask-repeat: no-repeat;
16296            mask-repeat: no-repeat;
16297            -webkit-mask-position: center;
16298            mask-position: center;
16299            flex-shrink: 0;
16300            transition: background-color 0.2s ease, transform 0.2s ease;
16301        }
16302
16303        & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a:hover > i,
16304        &.wmcA_hoverState .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i,
16305        .wmcA_hoverState & .navigation-module-container .navigation-nav--more-menu.navigation-nav--sub-menu > .navigation-nav--sub-item > a > i {
16306            width: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16307            height: var(--megaNavSubItemIconSizeHover, var(--megaNavSubItemIconSize, 16px));
16308            background-color: var(--megaNavSubItemIconColorHover, var(--megaNavSubItemIconColor, currentColor));
16309        }
16310    }
16311}
16312
16313@media all and (width >= 1040px) {
16314    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover],
16315    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
16316        display: none;
16317        position: fixed;
16318        top: var(--horizontalNavSubPanelTriggerTop, 0);
16319        left: var(--horizontalNavSubPanelTriggerLeft, 0);
16320        right: auto;
16321        bottom: auto;
16322        margin: 0;
16323        overflow: visible;
16324        opacity: 1;
16325        visibility: visible;
16326        transform: none;
16327        transition: none;
16328        z-index: auto;
16329    }
16330
16331    .wmc_menu.wmcM_menuHorizontalDesktop .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
16332    .wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
16333        display: flex;
16334    }
16335}
16336
16337@media all and (width < 1040px) {
16338    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover],
16339    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
16340        display: none;
16341        position: fixed;
16342        top: var(--horizontalNavSubPanelTriggerTop, 0);
16343        left: var(--horizontalNavSubPanelTriggerLeft, 0);
16344        right: auto;
16345        bottom: auto;
16346        margin: 0;
16347        overflow: visible;
16348        opacity: 1;
16349        visibility: visible;
16350        transform: none;
16351        transition: none;
16352        z-index: auto;
16353    }
16354
16355    .wmc_menu.wmcM_menuHorizontalTablet .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
16356    .wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
16357        display: flex;
16358    }
16359}
16360
16361@media all and (width < 650px) {
16362    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover],
16363    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover] {
16364        display: none;
16365        position: fixed;
16366        top: var(--horizontalNavSubPanelTriggerTop, 0);
16367        left: var(--horizontalNavSubPanelTriggerLeft, 0);
16368        right: auto;
16369        bottom: auto;
16370        margin: 0;
16371        overflow: visible;
16372        opacity: 1;
16373        visibility: visible;
16374        transform: none;
16375        transition: none;
16376        z-index: auto;
16377    }
16378
16379    .wmc_menu.wmcM_menuHorizontalMobile .navigation-nav--item > .navigation-nav--sub-menu[popover]:popover-open,
16380    .wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-trigger > .navigation-nav--more-menu[popover]:popover-open {
16381        display: flex;
16382    }
16383}
16384
16385.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
16386.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]),
16387.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) {
16388    display: grid;
16389    grid-template-columns: 1fr calc(var(--horizontalNavSubArrowSpacing, 8px) + var(--horizontalNavSubArrowSize, 12px));
16390    align-items: center;
16391}
16392
16393.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
16394.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a,
16395.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item:has(> button.arrow[popovertarget]) > a {
16396    padding-right: 0;
16397    width: 100%;
16398}
16399
16400.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
16401.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget],
16402.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget] {
16403    display: flex;
16404    align-items: center;
16405    justify-content: center;
16406    width: var(--horizontalNavSubArrowSize, 12px);
16407    height: 100%;
16408    margin-left: var(--horizontalNavSubArrowSpacing, 8px);
16409    background: transparent;
16410    border: 0;
16411    padding: 0;
16412    cursor: pointer;
16413    pointer-events: auto;
16414}
16415
16416.wmc_menu.wmcM_menuMegaDesktop .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
16417.wmc_menu.wmcM_menuMegaTablet .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after,
16418.wmc_menu.wmcM_menuMegaMobile .navigation-nav--more-menu > .navigation-nav--sub-item > button.arrow[popovertarget]::after {
16419    content: '';
16420    display: block;
16421    width: var(--horizontalNavSubArrowSize, 12px);
16422    height: var(--horizontalNavSubArrowSize, 12px);
16423    -webkit-mask-image: var(--wmd_submenuCaretIconUrl);
16424    mask-image: var(--wmd_submenuCaretIconUrl);
16425    -webkit-mask-size: contain;
16426    mask-size: contain;
16427    -webkit-mask-repeat: no-repeat;
16428    mask-repeat: no-repeat;
16429    -webkit-mask-position: center;
16430    mask-position: center;
16431    background-color: var(--horizontalNavSubArrowColor, currentColor);
16432    transition: transform 0.2s ease, background-color 0.2s ease;
16433}
16434
16435.wmc_menu .navigation-module-container.active:popover-open {
16436    position: fixed;
16437    top: 0;
16438    left: 0;
16439    right: auto;
16440    bottom: auto;
16441    width: calc(100vw / var(--wm_scale));
16442    height: calc(100dvh / var(--wm_scale));
16443    max-width: none;
16444    transform: scale(var(--wm_scale));
16445    transform-origin: 0 0;
16446    margin: 0;
16447    border: 0;
16448}
16449
16450body > .wmcM_scrollBehavior .wmc_menu.wmcM_menuHamburgerMobile .navigation-module-container.active:popover-open {
16451    transform: scale(var(--wm_scale)) !important;
16452    transform-origin: 0 0 !important;
16453    top: 0 !important;
16454    left: 0 !important;
16455    width: calc(100vw / var(--wm_scale)) !important;
16456    height: calc(100dvh / var(--wm_scale)) !important;
16457}
16458</style>
16459            <style>/* columns.css */
16460@media all and (min-width: 1040px) {
16461    .wmc_columns.wmcM_stackDesktop > .wml_columns {
16462        grid-template-columns: unset;
16463        & > .wmc_column {
16464            --wm_columnsRatiosSum: 1;
16465            --contentWidthOverride: unset;
16466            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
16467
16468            & > .wml:not(:has(> .wmc)) {
16469                height: var(--height) !important;
16470                min-height: var(--minHeight) !important;
16471                max-height: var(--maxHeight) !important;
16472            }
16473        }
16474    }
16475}
16476
16477@media all and (min-width: 650px) and (max-width: 1039px) {
16478    .wmc_columns.wmcM_stackTablet > .wml_columns {
16479        grid-template-columns: unset;
16480        & > .wmc_column {
16481            --wm_columnsRatiosSum: 1;
16482            --contentWidthOverride: unset;
16483            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
16484
16485            & > .wml:not(:has(> .wmc)) {
16486                height: var(--height) !important;
16487                min-height: var(--minHeight) !important;
16488                max-height: var(--maxHeight) !important;
16489            }
16490        }
16491    }
16492}
16493
16494@media all and (max-width: 649px) {
16495    .wmc_columns > .wml_columns {
16496        grid-template-columns: unset;
16497        & > .wmc_column {
16498            --wm_columnsRatiosSum: 1;
16499            --contentWidthOverride: unset;
16500            grid-area: var(--gridPosition) / 1 / calc(var(--gridPosition) + 1) / -1;
16501
16502            & > .wml:not(:has(> .wmc)) {
16503                height: var(--height) !important;
16504                min-height: var(--minHeight) !important;
16505                max-height: var(--maxHeight) !important;
16506            }
16507        }
16508    }
16509}
16510</style>
16511            <style>/* map.css */
16512.wmc_map {
16513    --mapCloseIconSize: 15px;
16514    --mapPopupWidth: 300px;
16515    --minHeightDesktop: 450px;
16516    --minHeightTablet: 450px;
16517    --minHeightMobile: 450px;
16518    --height: min-content;
16519}
16520
16521.wmc_map wm-google-map,
16522.wmc_map wm-leaflet-map {
16523    width: 100%;
16524    max-height: 100%;
16525    max-width: 100%;
16526    min-height: var(--minHeight);
16527    height: var(--minHeight);
16528    display: block;
16529    background-size: cover;
16530    background-image: url('data:image/webp;base64,UklGRmIBAABXRUJQVlA4IFYBAACQCwCdASpAACYAPmkqkEWkIqGZWk8wQAaEoAnTLLwslFdwQsgEBCt5ckj2Fb6NKbP8sBAux3bv1HEv6H2QC7zopFTTYjqGLxmGgjAkiPtuE4CKo3Dd97WDYIsw68XKyj8PE3LDAAD++NXEoSwFFGq9zrSCoYqny+vXGji7IzR7uzwrYPb5k+d2ZsR/SoyAo7F3rLqwZH54k8w/lJMBEtELj8SEP3F2cOoELUDyrWfS6wYvtcnzYYCp7Ia1TvXaJ5OofRbG4MRaMBExnYNfmGxfAwaVWfYFwNk/xKJjs5tf/0tzeW900Cx01gVKfQoM7T675e5M1sLB2HbKZysb251Nb3YHw+G/d+pFJzBe69m9jUO4iRdITHBVoyzttKPLbGg3R0KOfVlO8MsGU7p3r67HkciLOu+ZM//CVpiglMs4NxtdT5Qlp75lvyUvxmhRd/BwHx4AAAA=');
16531}
16532
16533.wmc_map .info-window {
16534    max-width: var(--mapPopupWidth);
16535
16536    & p {
16537        margin: 0;
16538        padding: 0;
16539        color: black;
16540        font-size: 14px;
16541        line-height: 1.4;
16542        margin-bottom: 3px;
16543
16544        &:last-child {
16545            margin-bottom: 0;
16546        }
16547    }
16548
16549    & .info-window-title {
16550        display: none;
16551        font-size: 14px;
16552        font-weight: bold;
16553        margin-bottom: 5px;
16554    }
16555
16556    & .info-window-address {
16557        display: block;
16558        font-size: 14px;
16559        font-weight: bold;
16560        margin-bottom: 5px;
16561    }
16562
16563    & .info-window-address-text {
16564        font-size: 12px;
16565    }
16566}
16567
16568/***
16569 * Google Maps
16570 ***/
16571
16572.wmc_map .gm-style .gm-style-iw-c {
16573    padding: 10px !important;
16574    border: none !important;
16575    outline: none !important;
16576
16577    * {
16578        outline: none !important;
16579    }
16580
16581    & .gm-style-iw-chr {
16582        position: absolute;
16583        top: 5px;
16584        right: 5px;
16585        width: var(--mapCloseIconSize);
16586        height: var(--mapCloseIconSize);
16587        z-index: 10;
16588
16589        & button {
16590            margin: 0;
16591            padding: 0;
16592            width: var(--mapCloseIconSize) !important;
16593            height: var(--mapCloseIconSize) !important;
16594        }
16595
16596        & span {
16597            margin: 0 !important;
16598            padding: 0;
16599            width: var(--mapCloseIconSize) !important;
16600            height: var(--mapCloseIconSize) !important;
16601        }
16602    }
16603
16604    & .gm-style-iw-d {
16605        margin: 0;
16606        padding: 0;
16607        overflow: hidden !important;
16608    }
16609}
16610
16611/***
16612 * Leaflet
16613 ***/
16614
16615.wmc_map .grayscale-layer {
16616    filter: grayscale(100%);
16617}
16618
16619.wmc_map .leaflet-popup-content {
16620    margin: 0 !important;
16621    padding: 10px !important;
16622    max-width: var(--mapPopupWidth) !important;
16623}
16624</style>
16625            <style>/* breadcrumb.css */
16626.wmc_breadcrumb {
16627    --height: min-content;
16628
16629    --breadcrumbHorizontalGap: 0px;
16630    --breadcrumbVerticalGap: 0px;
16631    --breadcrumbHomeIconColor: rgba(var(--colorPrimaryA), 1);
16632    --breadcrumbDelimiterIconColor: rgba(var(--colorSecondaryC), 1);
16633    --breadcrumbHomeIconSize: 1.25rem;
16634    --wmd_homeIconUrl: ;
16635    --wmd_delimiterIconUrl: ;
16636
16637    /* item font */
16638    --breadcrumbItemFontDesktop: var(--fontFamilyPrimary);
16639    --breadcrumbItemFontColorDesktop: rgba(var(--colorPrimaryA), 1);
16640    --breadcrumbItemFontSizeDesktop: 16px;
16641    --breadcrumbItemFontWeightDesktop: 300;
16642    --breadcrumbItemTextDecorationDesktop: none;
16643    --breadcrumbItemFontStyleDesktop: normal;
16644    --breadcrumbItemLineHeightDesktop: 1.4;
16645    --breadcrumbDelimiterIconSizeDesktop: 1rem;
16646
16647    /*  item font hover */
16648    --breadcrumbItemHoverFontColorDesktop: var(--breadcrumbItemFontColorDesktop);
16649    --breadcrumbItemFontSizeHoverDesktop: var(--breadcrumbItemFontSizeDesktop);
16650    --breadcrumbItemFontWeightHoverDesktop: var(--breadcrumbItemFontWeightDesktop);
16651    --breadcrumbItemTextDecorationHoverDesktop: var(--breadcrumbItemTextDecorationDesktop);
16652    --breadcrumbItemFontStyleHoverDesktop: var(--breadcrumbItemFontStyleDesktop);
16653    --breadcrumbItemLineHeightHoverDesktop: var(--breadcrumbItemLineHeightDesktop);
16654
16655    --breadcrumbItemFont: var(--breadcrumbItemFontDesktop);
16656    --breadcrumbItemFontColor: var(--breadcrumbItemFontColorDesktop);
16657    --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeDesktop);
16658    --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightDesktop);
16659    --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationDesktop);
16660    --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleDesktop);
16661    --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightDesktop);
16662    --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeDesktop);
16663
16664    a.wmd__item, span.wmd__item {
16665
16666
16667        &:hover,
16668        .wmcA_hoverState & {
16669            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
16670            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
16671            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
16672            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
16673            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
16674        }
16675    }
16676
16677    .wmd__item {
16678        transition: all 0.3s ease;
16679        -webkit-transition: all 0.3s ease;
16680
16681        /* apply  item font */
16682        font-family: var(--breadcrumbItemFont);
16683        color: var(--breadcrumbItemFontColor);
16684        font-size: var(--breadcrumbItemFontSize);
16685        font-weight: var(--breadcrumbItemFontWeight);
16686        text-decoration: var(--breadcrumbItemTextDecoration);
16687        font-style: var(--breadcrumbItemFontStyle);
16688        line-height: var(--breadcrumbItemLineHeight);
16689
16690        &:hover,
16691        .wmcA_hoverState & {
16692            --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorDesktop);
16693            --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverDesktop);
16694            --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverDesktop);
16695            --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverDesktop);
16696            --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverDesktop);
16697            --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverDesktop);
16698        }
16699    }
16700}
16701
16702@media all and (width < 1040px) {
16703    .wmc_breadcrumb {
16704        /* item font */
16705        --breadcrumbItemFontTablet: var(--breadcrumbItemFontDesktop);
16706        --breadcrumbItemFontColorTablet: var(--breadcrumbItemFontColorDesktop);
16707        --breadcrumbItemFontSizeTablet: var(--breadcrumbItemFontSizeDesktop);
16708        --breadcrumbItemFontWeightTablet: var(--breadcrumbItemFontWeightDesktop);
16709        --breadcrumbItemTextDecorationTablet: var(--breadcrumbItemTextDecorationDesktop);
16710        --breadcrumbItemFontStyleTablet: var(--breadcrumbItemFontStyleDesktop);
16711        --breadcrumbItemLineHeightTablet: var(--breadcrumbItemLineHeightDesktop);
16712        --breadcrumbDelimiterIconSizeTablet: var(--breadcrumbDelimiterIconSizeDesktop);
16713
16714        /* item font hover */
16715        --breadcrumbItemHoverFontColorTablet: var(--breadcrumbItemHoverFontColorDesktop);
16716        --breadcrumbItemFontSizeHoverTablet: var(--breadcrumbItemFontSizeTablet);
16717        --breadcrumbItemFontWeightHoverTablet: var(--breadcrumbItemFontWeightHoverDesktop);
16718        --breadcrumbItemTextDecorationHoverTablet: var(--breadcrumbItemTextDecorationHoverDesktop);
16719        --breadcrumbItemFontStyleHoverTablet: var(--breadcrumbItemFontStyleHoverDesktop);
16720        --breadcrumbItemLineHeightHoverTablet: var(--breadcrumbItemLineHeightHoverDesktop);
16721
16722        --breadcrumbItemFont: var(--breadcrumbItemFontTablet);
16723        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorTablet);
16724        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeTablet);
16725        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightTablet);
16726        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationTablet);
16727        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleTablet);
16728        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightTablet);
16729        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeTablet);
16730
16731        a.wmd__item, span.wmd__item {
16732            &:hover,
16733            .wmcA_hoverState & {
16734                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorTablet);
16735                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverTablet);
16736                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverTablet);
16737                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverTablet);
16738                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverTablet);
16739                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverTablet);
16740            }
16741        }
16742    }
16743}
16744
16745@media all and (width < 650px) {
16746    .wmc_breadcrumb {
16747        /* item font */
16748        --breadcrumbItemFontMobile: var(--breadcrumbItemFontDesktop);
16749        --breadcrumbItemFontColorMobile: var(--breadcrumbItemFontColorDesktop);
16750        --breadcrumbItemFontSizeMobile: var(--breadcrumbItemFontSizeDesktop);
16751        --breadcrumbItemFontWeightMobile: var(--breadcrumbItemFontWeightDesktop);
16752        --breadcrumbItemTextDecorationMobile: var(--breadcrumbItemTextDecorationDesktop);
16753        --breadcrumbItemFontStyleMobile: var(--breadcrumbItemFontStyleDesktop);
16754        --breadcrumbItemLineHeightMobile: var(--breadcrumbItemLineHeightDesktop);
16755        --breadcrumbDelimiterIconSizeMobile: var(--breadcrumbDelimiterIconSizeDesktop);
16756
16757        /*  item font hover*/
16758        --breadcrumbItemHoverFontColorMobile: var(--breadcrumbItemHoverFontColorDesktop);
16759        --breadcrumbItemFontSizeHoverMobile: var(--breadcrumbItemFontSizeMobile);
16760        --breadcrumbItemFontWeightHoverMobile: var(--breadcrumbItemFontWeightHoverDesktop);
16761        --breadcrumbItemTextDecorationHoverMobile: var(--breadcrumbItemTextDecorationHoverDesktop);
16762        --breadcrumbItemFontStyleHoverMobile: var(--breadcrumbItemFontStyleHoverDesktop);
16763        --breadcrumbItemLineHeightHoverMobile: var(--breadcrumbItemLineHeightHoverDesktop);
16764
16765        --breadcrumbItemFont: var(--breadcrumbItemFontMobile);
16766        --breadcrumbItemFontColor: var(--breadcrumbItemFontColorMobile);
16767        --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeMobile);
16768        --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightMobile);
16769        --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationMobile);
16770        --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleMobile);
16771        --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightMobile);
16772        --breadcrumbDelimiterIconSize: var(--breadcrumbDelimiterIconSizeMobile);
16773
16774        a.wmd__item, span.wmd__item {
16775            &:hover,
16776            .wmcA_hoverState & {
16777                --breadcrumbItemFontColor: var(--breadcrumbItemHoverFontColorMobile);
16778                --breadcrumbItemFontSize: var(--breadcrumbItemFontSizeHoverMobile);
16779                --breadcrumbItemFontWeight: var(--breadcrumbItemFontWeightHoverMobile);
16780                --breadcrumbItemTextDecoration: var(--breadcrumbItemTextDecorationHoverMobile);
16781                --breadcrumbItemFontStyle: var(--breadcrumbItemFontStyleHoverMobile);
16782                --breadcrumbItemLineHeight: var(--breadcrumbItemLineHeightHoverMobile);
16783            }
16784        }
16785    }
16786}
16787
16788.wmc_breadcrumb .wmd_homeIcon i {
16789    transition: all 0.3s ease;
16790    -webkit-transition: all 0.3s ease;
16791    display: inline-block;
16792    width: var(--breadcrumbItemFontSize);
16793    height: var(--breadcrumbItemFontSize);
16794    background-color: var(--breadcrumbItemFontColor);
16795    mask: var(--wmd_homeIconUrl) center / contain no-repeat;
16796}
16797
16798.wmc_breadcrumb .wmd_delimiterIcon i {
16799    display: inline-block;
16800    width: var(--breadcrumbDelimiterIconSize);
16801    height: var(--breadcrumbDelimiterIconSize);
16802    background-color: var(--breadcrumbDelimiterIconColor);
16803    mask: var(--wmd_delimiterIconUrl) center / contain no-repeat;
16804}
16805
16806.wmc_breadcrumb .wml.wml_breadcrumb {
16807    display: block;
16808
16809    & > * {
16810        line-height: var(--breadcrumbItemLineHeight);
16811        vertical-align: middle;
16812
16813        &.wmd_homeIcon {
16814            display: inline-block;
16815            line-height: 0;
16816            & > a {
16817                display: inline-flex;
16818                width: var(--breadcrumbItemFontSize);
16819                height: var(--breadcrumbItemFontSize);
16820                justify-content: center;
16821                align-items: flex-start;
16822                & > span {
16823                    display: inline-flex;
16824                    width: var(--breadcrumbItemFontSize);
16825                    height: var(--breadcrumbItemFontSize);
16826                }
16827            }
16828        }
16829        &.space-separator {
16830            display: inline-block;
16831            width: var(--breadcrumbHorizontalGap);
16832        }
16833        &.wmd_delimiterIcon {
16834            display: inline-block;
16835            margin-right: var(--breadcrumbHorizontalGap);
16836            line-height: 0;
16837        }
16838    }
16839}
16840
16841.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb {
16842    & > * {
16843        &.wmd_home + .space-separator,
16844        &.wmd_delimiterIcon--first + .space-separator {
16845            display: none;
16846        }
16847    }
16848}
16849
16850.wmc_breadcrumb.wmcM_breadcrumbHideSeparator .wml.wml_breadcrumb .wmd_delimiterIcon,
16851.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_home,
16852.wmc_breadcrumb.wmcM_breadcrumbHideHome .wml.wml_breadcrumb .wmd_delimiterIcon--first,
16853.wmc_breadcrumb.wmcM_breadcrumbHomeText .wml.wml_breadcrumb .wmd_homeIcon,
16854.wmc_breadcrumb:not(.wmcM_breadcrumbHomeText) .wml.wml_breadcrumb .wmd_homeText {
16855    display: none;
16856}
16857
16858.wmc_breadcrumb.wmcM_breadcrumbHomeText:not(.wmcM_breadcrumbHideHome) .wml.wml_breadcrumb .wmd_homeText {
16859    display: inline-block;
16860}
16861</style>
16862            <style>/* repeater.css */
16863.wmc_repeater {
16864    --height: min-content;
16865    --repeaterPaddingDesktop: 0px;
16866    --repeaterRowGapDesktop: 0px;
16867    --repeaterColumnGapDesktop: 0px;
16868    --repeaterJustifyContentDesktop: normal;
16869    --repeaterItemsPerRowDesktop: 3;
16870
16871    --repeaterPadding: var(--repeaterPaddingDesktop);
16872    --repeaterRowGap: var(--repeaterRowGapDesktop);
16873    --repeaterColumnGap: var(--repeaterColumnGapDesktop);
16874    --repeaterJustifyContent: var(--repeaterJustifyContentDesktop);
16875    --repeaterItemsPerRow: var(--repeaterItemsPerRowDesktop);
16876
16877    & > .wml_repeater {
16878        min-height: unset;
16879
16880        & > .wms_repeater {
16881            display: flex;
16882            flex-wrap: wrap;
16883            flex-direction: row;
16884            align-items: stretch;
16885            padding: var(--repeaterPadding);
16886            row-gap: var(--repeaterRowGap);
16887            column-gap: var(--repeaterColumnGap);
16888            justify-content: var(--repeaterJustifyContent);
16889
16890            & > .wmc_repeaterItem {
16891                display: flex;
16892                align-items: stretch;
16893                justify-items: stretch;
16894
16895                & > .wml_repeaterItem {
16896                    --marginLeft: 0px;
16897                    --marginTop: 0px;
16898                    --marginRight: 0px;
16899                    --marginBottom: 0px;
16900                }
16901            }
16902        }
16903    }
16904
16905    &:is(.wmcM_containerSizeFull, .wmcM_containerSizeFull--tablet, .wmcM_containerSizeFull--mobile) > .wml_repeater > .wms_repeater {
16906        justify-content: start;
16907
16908        & > .wmc_repeaterItem {
16909            flex: 0 0 calc((100% - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1))) / var(--repeaterItemsPerRow));
16910            max-width: calc((100% - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1))) / var(--repeaterItemsPerRow));
16911
16912            & > .wml_repeaterItem {
16913                width: 100%;
16914                max-width: none;
16915                min-width: 0;
16916            }
16917        }
16918    }
16919}
16920
16921@media all and (width < 1040px) {
16922    .wmc_repeater {
16923        --repeaterPaddingTablet: var(--repeaterPaddingDesktop);
16924        --repeaterRowGapTablet: var(--repeaterRowGapDesktop);
16925        --repeaterColumnGapTablet: var(--repeaterColumnGapDesktop);
16926        --repeaterJustifyContentTablet: var(--repeaterJustifyContentDesktop);
16927        --repeaterItemsPerRowTablet: var(--repeaterItemsPerRowDesktop);
16928
16929        --repeaterPadding: var(--repeaterPaddingTablet);
16930        --repeaterRowGap: var(--repeaterRowGapTablet);
16931        --repeaterColumnGap: var(--repeaterColumnGapTablet);
16932        --repeaterJustifyContent: var(--repeaterJustifyContentTablet);
16933        --repeaterItemsPerRow: var(--repeaterItemsPerRowTablet);
16934    }
16935}
16936
16937@media all and (width < 650px) {
16938    .wmc_repeater {
16939        --repeaterPaddingMobile: var(--repeaterPaddingTablet);
16940        --repeaterRowGapMobile: var(--repeaterRowGapTablet);
16941        --repeaterColumnGapMobile: var(--repeaterColumnGapTablet);
16942        --repeaterJustifyContentMobile: var(--repeaterJustifyContentTablet);
16943        --repeaterItemsPerRowMobile: var(--repeaterItemsPerRowTablet);
16944
16945        --repeaterPadding: var(--repeaterPaddingMobile);
16946        --repeaterRowGap: var(--repeaterRowGapMobile);
16947        --repeaterColumnGap: var(--repeaterColumnGapMobile);
16948        --repeaterJustifyContent: var(--repeaterJustifyContentMobile);
16949        --repeaterItemsPerRow: var(--repeaterItemsPerRowMobile);
16950    }
16951}
16952
16953.wmc_repeaterEmptyMessage {
16954    width: 100%;
16955}
16956
16957.wmc_repeaterItem {
16958    & > .wml {
16959        .wmcM_dynamicHeight > .wml {
16960            --height: var(--minHeight);
16961            height: var(--minHeight);
16962            min-height: var(--minHeight);
16963            max-height: fit-content;
16964            padding-bottom: calc(var(--dynamicPaddingBottom, 0px) + var(--paddingBottom, 0px));
16965        }
16966    }
16967}
16968
16969.wmc_repeater {
16970    /* mirrors --wm_columnsWidth: each item's share of the page content width;
16971       the viewport cancels out of the derivation, so the page gutter
16972       (viewport − contentWidth) lands distributed equally across the items */
16973    --wm_repeaterItemContentWidth: calc(
16974        (var(--contentWidthPage)
16975        - 2 * var(--repeaterPadding)
16976        - (var(--repeaterColumnGap) * (var(--repeaterItemsPerRow) - 1)))
16977        / var(--repeaterItemsPerRow)
16978    );
16979}
16980
16981.wmc_repeaterItem > .wml_repeaterItem > .wms_content > .wmc {
16982    --contentWidthOverride: var(--wm_repeaterItemContentWidth);
16983}
16984
16985@media all and (width < 650px) {
16986    /* core.css's own `--contentWidthOverride: unset` loses to the higher-specificity
16987       rule above, so the no-safe-zones-on-mobile rule must be restated here */
16988    .wmc_repeaterItem > .wml_repeaterItem > .wms_content > .wmc {
16989        --contentWidthOverride: unset;
16990    }
16991}
16992</style>
16993            <style>/* paginator.css */
16994.wmc_paginator {
16995    --height: min-content;
16996    --minWidthDesktop: 0px;
16997
16998    /* Picker caret (same pattern as horizontal menu span.arrow) */
16999    --wmd_caretIconUrl: ;
17000    --paginatorPickerArrowSpacingDesktop: 8px;
17001    --paginatorPickerArrowRotateDesktop: 0deg;
17002    --paginatorPickerArrowSpacing: var(--paginatorPickerArrowSpacingDesktop);
17003    --paginatorPickerArrowColor: var(--paginatorLinkTextColor);
17004    --paginatorPickerArrowRotate: var(--paginatorPickerArrowRotateDesktop);
17005
17006    /* Paginator link padding */
17007    --paginatorLinkPaddingTopDesktop: 16px;
17008    --paginatorLinkPaddingRightDesktop: 23px;
17009    --paginatorLinkPaddingBottomDesktop: 16px;
17010    --paginatorLinkPaddingLeftDesktop: 23px;
17011    --paginatorLinkPaddingTopHoverDesktop: var(--paginatorLinkPaddingTopDesktop);
17012    --paginatorLinkPaddingRightHoverDesktop: var(--paginatorLinkPaddingRightDesktop);
17013    --paginatorLinkPaddingBottomHoverDesktop: var(--paginatorLinkPaddingBottomDesktop);
17014    --paginatorLinkPaddingLeftHoverDesktop: var(--paginatorLinkPaddingLeftDesktop);
17015
17016    /* Paginator link padding  */
17017    --paginatorLinkPaddingTop: var(--paginatorLinkPaddingTopDesktop);
17018    --paginatorLinkPaddingRight: var(--paginatorLinkPaddingRightDesktop);
17019    --paginatorLinkPaddingBottom: var(--paginatorLinkPaddingBottomDesktop);
17020    --paginatorLinkPaddingLeft: var(--paginatorLinkPaddingLeftDesktop);
17021
17022    /* Paginator link border */
17023    --paginatorLinkBorderTopDesktop: 2px solid transparent;
17024    --paginatorLinkBorderRightDesktop: 2px solid transparent;
17025    --paginatorLinkBorderBottomDesktop: 2px solid transparent;
17026    --paginatorLinkBorderLeftDesktop: 2px solid transparent;
17027    --paginatorLinkBorderTopHoverDesktop: var(--paginatorLinkBorderTopDesktop);
17028    --paginatorLinkBorderRightHoverDesktop: var(--paginatorLinkBorderRightDesktop);
17029    --paginatorLinkBorderBottomHoverDesktop: var(--paginatorLinkBorderBottomDesktop);
17030    --paginatorLinkBorderLeftHoverDesktop: var(--paginatorLinkBorderLeftDesktop);
17031
17032    /* Paginator link border */
17033    --paginatorLinkBorderTop: var(--paginatorLinkBorderTopDesktop);
17034    --paginatorLinkBorderRight: var(--paginatorLinkBorderRightDesktop);
17035    --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomDesktop);
17036    --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftDesktop);
17037
17038    /* Paginator link border radius */
17039    --paginatorLinkBorderRadiusDesktop: 100% 100% 100% 100%;
17040    --paginatorLinkBorderRadiusHoverDesktop: var(--paginatorLinkBorderRadiusDesktop);
17041    --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusDesktop);
17042
17043    /* Paginator link background color */
17044    --paginatorLinkBgColorDesktop: rgba(var(--colorBackgroundI), 1);
17045    --paginatorLinkBgColorHoverDesktop: var(--paginatorLinkBgColorDesktop);
17046    --paginatorLinkBgColor: var(--paginatorLinkBgColorDesktop);
17047
17048    /* Paginator link font size */
17049    --paginatorLinkFontSizeDesktop: 16px;
17050    --paginatorLinkFontSizeHoverDesktop: var(--paginatorLinkFontSizeDesktop);
17051    --paginatorLinkFontSize: var(--paginatorLinkFontSizeDesktop);
17052
17053    /* Paginator link text color */
17054    --paginatorLinkTextColorDesktop: rgba(var(--colorPrimaryA), 1);
17055    --paginatorLinkTextColorHoverDesktop: var(--paginatorLinkTextColorDesktop);
17056    --paginatorLinkTextColor: var(--paginatorLinkTextColorDesktop);
17057
17058    /* Prev/Next button padding */
17059    --paginatorPrevNextPaddingTopDesktop: var(--paginatorLinkPaddingTopDesktop);
17060    --paginatorPrevNextPaddingRightDesktop: var(--paginatorLinkPaddingRightDesktop);
17061    --paginatorPrevNextPaddingBottomDesktop: var(--paginatorLinkPaddingBottomDesktop);
17062    --paginatorPrevNextPaddingLeftDesktop: var(--paginatorLinkPaddingLeftDesktop);
17063    --paginatorPrevNextPaddingTopHoverDesktop: var(--paginatorLinkPaddingTopHoverDesktop);
17064    --paginatorPrevNextPaddingRightHoverDesktop: var(--paginatorLinkPaddingRightHoverDesktop);
17065    --paginatorPrevNextPaddingBottomHoverDesktop: var(--paginatorLinkPaddingBottomHoverDesktop);
17066    --paginatorPrevNextPaddingLeftHoverDesktop: var(--paginatorLinkPaddingLeftHoverDesktop);
17067
17068    /* Prev/Next button padding  */
17069    --paginatorPrevNextPaddingTop: var(--paginatorPrevNextPaddingTopDesktop);
17070    --paginatorPrevNextPaddingRight: var(--paginatorPrevNextPaddingRightDesktop);
17071    --paginatorPrevNextPaddingBottom: var(--paginatorPrevNextPaddingBottomDesktop);
17072    --paginatorPrevNextPaddingLeft: var(--paginatorPrevNextPaddingLeftDesktop);
17073
17074    /* Prev/Next button border */
17075    --paginatorPrevNextBorderTopDesktop: var(--paginatorLinkBorderTopDesktop);
17076    --paginatorPrevNextBorderRightDesktop: var(--paginatorLinkBorderRightDesktop);
17077    --paginatorPrevNextBorderBottomDesktop: var(--paginatorLinkBorderBottomDesktop);
17078    --paginatorPrevNextBorderLeftDesktop: var(--paginatorLinkBorderLeftDesktop);
17079    --paginatorPrevNextBorderTopHoverDesktop: var(--paginatorLinkBorderTopHoverDesktop);
17080    --paginatorPrevNextBorderRightHoverDesktop: var(--paginatorLinkBorderRightHoverDesktop);
17081    --paginatorPrevNextBorderBottomHoverDesktop: var(--paginatorLinkBorderBottomHoverDesktop);
17082    --paginatorPrevNextBorderLeftHoverDesktop: var(--paginatorLinkBorderLeftHoverDesktop);
17083
17084    /* Prev/Next button border */
17085    --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopDesktop);
17086    --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightDesktop);
17087    --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomDesktop);
17088    --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftDesktop);
17089
17090    /* Prev/Next button border radius */
17091    --paginatorPrevNextBorderRadiusDesktop: var(--paginatorLinkBorderRadiusDesktop);
17092    --paginatorPrevNextBorderRadiusHoverDesktop: var(--paginatorLinkBorderRadiusHoverDesktop);
17093    --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusDesktop);
17094
17095    /* Prev/Next button background color */
17096    --paginatorPrevNextBgColorDesktop: var(--paginatorLinkBgColorDesktop);
17097    --paginatorPrevNextBgColorHoverDesktop: var(--paginatorLinkBgColorHoverDesktop);
17098    --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorDesktop);
17099
17100    /* Prev/Next button font size */
17101    --paginatorPrevNextFontSizeDesktop: var(--paginatorLinkFontSizeDesktop);
17102    --paginatorPrevNextFontSizeHoverDesktop: var(--paginatorLinkFontSizeHoverDesktop);
17103    --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeDesktop);
17104
17105    /* Prev/Next button text color */
17106    --paginatorPrevNextTextColorDesktop: var(--paginatorLinkTextColorDesktop);
17107    --paginatorPrevNextTextColorHoverDesktop: var(--paginatorLinkTextColorHoverDesktop);
17108    --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorDesktop);
17109
17110    /* First/Last button padding */
17111    --paginatorFirstLastPaddingTopDesktop: var(--paginatorLinkPaddingTopDesktop);
17112    --paginatorFirstLastPaddingRightDesktop: var(--paginatorLinkPaddingRightDesktop);
17113    --paginatorFirstLastPaddingBottomDesktop: var(--paginatorLinkPaddingBottomDesktop);
17114    --paginatorFirstLastPaddingLeftDesktop: var(--paginatorLinkPaddingLeftDesktop);
17115    --paginatorFirstLastPaddingTopHoverDesktop: var(--paginatorLinkPaddingTopHoverDesktop);
17116    --paginatorFirstLastPaddingRightHoverDesktop: var(--paginatorLinkPaddingRightHoverDesktop);
17117    --paginatorFirstLastPaddingBottomHoverDesktop: var(--paginatorLinkPaddingBottomHoverDesktop);
17118    --paginatorFirstLastPaddingLeftHoverDesktop: var(--paginatorLinkPaddingLeftHoverDesktop);
17119
17120    /* First/Last button padding*/
17121    --paginatorFirstLastPaddingTop: var(--paginatorFirstLastPaddingTopDesktop);
17122    --paginatorFirstLastPaddingRight: var(--paginatorFirstLastPaddingRightDesktop);
17123    --paginatorFirstLastPaddingBottom: var(--paginatorFirstLastPaddingBottomDesktop);
17124    --paginatorFirstLastPaddingLeft: var(--paginatorFirstLastPaddingLeftDesktop);
17125
17126    /* First/Last button border */
17127    --paginatorFirstLastBorderTopDesktop: var(--paginatorLinkBorderTopDesktop);
17128    --paginatorFirstLastBorderRightDesktop: var(--paginatorLinkBorderRightDesktop);
17129    --paginatorFirstLastBorderBottomDesktop: var(--paginatorLinkBorderBottomDesktop);
17130    --paginatorFirstLastBorderLeftDesktop: var(--paginatorLinkBorderLeftDesktop);
17131    --paginatorFirstLastBorderTopHoverDesktop: var(--paginatorLinkBorderTopHoverDesktop);
17132    --paginatorFirstLastBorderRightHoverDesktop: var(--paginatorLinkBorderRightHoverDesktop);
17133    --paginatorFirstLastBorderBottomHoverDesktop: var(--paginatorLinkBorderBottomHoverDesktop);
17134    --paginatorFirstLastBorderLeftHoverDesktop: var(--paginatorLinkBorderLeftHoverDesktop);
17135
17136    /* First/Last button border */
17137    --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopDesktop);
17138    --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightDesktop);
17139    --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomDesktop);
17140    --paginatorFirstLastBorderLeft: var(--paginatorFirstLastBorderLeftDesktop);
17141
17142    /* First/Last button border radius */
17143    --paginatorFirstLastBorderRadiusDesktop: var(--paginatorLinkBorderRadiusDesktop);
17144    --paginatorFirstLastBorderRadiusHoverDesktop: var(--paginatorLinkBorderRadiusHoverDesktop);
17145    --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusDesktop);
17146
17147    /* First/Last button background color */
17148    --paginatorFirstLastBgColorDesktop: var(--paginatorLinkBgColorDesktop);
17149    --paginatorFirstLastBgColorHoverDesktop: var(--paginatorLinkBgColorHoverDesktop);
17150    --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorDesktop);
17151
17152    /* First/Last button font size */
17153    --paginatorFirstLastFontSizeDesktop: var(--paginatorLinkFontSizeDesktop);
17154    --paginatorFirstLastFontSizeHoverDesktop: var(--paginatorLinkFontSizeHoverDesktop);
17155    --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeDesktop);
17156
17157    /* First/Last button text color */
17158    --paginatorFirstLastTextColorDesktop: var(--paginatorLinkTextColorDesktop);
17159    --paginatorFirstLastTextColorHoverDesktop: var(--paginatorLinkTextColorHoverDesktop);
17160    --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorDesktop);
17161
17162    /* Current page button padding */
17163    --paginatorCurrentPaddingTopDesktop: var(--paginatorLinkPaddingTopDesktop);
17164    --paginatorCurrentPaddingRightDesktop: var(--paginatorLinkPaddingRightDesktop);
17165    --paginatorCurrentPaddingBottomDesktop: var(--paginatorLinkPaddingBottomDesktop);
17166    --paginatorCurrentPaddingLeftDesktop: var(--paginatorLinkPaddingLeftDesktop);
17167
17168    /* Current page button padding */
17169    --paginatorCurrentPaddingTop: var(--paginatorCurrentPaddingTopDesktop);
17170    --paginatorCurrentPaddingRight: var(--paginatorCurrentPaddingRightDesktop);
17171    --paginatorCurrentPaddingBottom: var(--paginatorCurrentPaddingBottomDesktop);
17172    --paginatorCurrentPaddingLeft: var(--paginatorCurrentPaddingLeftDesktop);
17173
17174    /* Current page button border */
17175    --paginatorCurrentBorderTopDesktop: var(--paginatorLinkBorderTopDesktop);
17176    --paginatorCurrentBorderRightDesktop: var(--paginatorLinkBorderRightDesktop);
17177    --paginatorCurrentBorderBottomDesktop: var(--paginatorLinkBorderBottomDesktop);
17178    --paginatorCurrentBorderLeftDesktop: var(--paginatorLinkBorderLeftDesktop);
17179
17180    /* Current page button border  */
17181    --paginatorCurrentBorderTop: var(--paginatorCurrentBorderTopDesktop);
17182    --paginatorCurrentBorderRight: var(--paginatorCurrentBorderRightDesktop);
17183    --paginatorCurrentBorderBottom: var(--paginatorCurrentBorderBottomDesktop);
17184    --paginatorCurrentBorderLeft: var(--paginatorCurrentBorderLeftDesktop);
17185
17186    /* Current page button border radius */
17187    --paginatorCurrentBorderRadiusDesktop: var(--paginatorLinkBorderRadiusDesktop);
17188    --paginatorCurrentBorderRadius: var(--paginatorCurrentBorderRadiusDesktop);
17189
17190    /* Current page button background color -*/
17191    --paginatorCurrentBgColorDesktop: rgba(var(--colorBackgroundJ), 1);
17192    --paginatorCurrentBgColor: var(--paginatorCurrentBgColorDesktop);
17193
17194    /* Current page button font size */
17195    --paginatorCurrentFontSizeDesktop: var(--paginatorLinkFontSizeDesktop);
17196    --paginatorCurrentFontSize: var(--paginatorCurrentFontSizeDesktop);
17197
17198    /* Current page button text color */
17199    --paginatorCurrentTextColorDesktop: rgba(var(--colorCtaC), 1);
17200    --paginatorCurrentTextColor: var(--paginatorCurrentTextColorDesktop);
17201
17202    > .wml.wml_paginator {
17203        display: flex;
17204        gap: 0.5rem;
17205        justify-content: center;
17206        align-items: center;
17207        flex-wrap: nowrap;
17208        max-width: 100%;
17209        min-width: 0;
17210        overflow-x: clip;
17211        box-sizing: border-box;
17212    }
17213
17214    wm-paginator.paginator-pagination {
17215        display: block;
17216        width: 100%;
17217        max-width: 100%;
17218        min-width: 0;
17219        overflow-x: clip;
17220        box-sizing: border-box;
17221    }
17222
17223    wm-paginator.paginator-pagination:focus-within,
17224    .paginator-pagination__controls:focus-within,
17225    .paginator-pagination__cluster:focus-within,
17226    .paginator-pagination__pages:focus-within {
17227        overflow: visible;
17228    }
17229
17230    .paginator-pagination__controls {
17231        display: flex;
17232        align-items: center;
17233        justify-content: center;
17234        gap: 16px;
17235        flex-wrap: nowrap;
17236        width: 100%;
17237        max-width: 100%;
17238        min-width: 0;
17239        overflow: hidden;
17240    }
17241
17242    .paginator-pagination__cluster {
17243        display: inline-flex;
17244        align-items: center;
17245        gap: 16px;
17246        flex: 0 1 auto;
17247        min-width: 0;
17248        overflow: hidden;
17249    }
17250
17251    wm-paginator.paginator-pagination[data-strategy='dropdown'] .paginator-pagination__cluster {
17252        display: contents;
17253    }
17254
17255    wm-paginator.paginator-pagination[data-strategy='fit'] [data-pagination-picker] {
17256        flex-shrink: 0;
17257    }
17258
17259    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-nav='prev'] {
17260        order: 1;
17261    }
17262
17263    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-picker] {
17264        order: 2;
17265        flex: 0 1 auto;
17266        width: fit-content;
17267        max-width: calc(100% - 96px - 24px);
17268        align-self: center;
17269        margin-inline: 0;
17270        display: block;
17271    }
17272
17273    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-nav='next'] {
17274        order: 3;
17275    }
17276
17277    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-fit-group],
17278    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-nav='first'],
17279    wm-paginator.paginator-pagination[data-strategy='dropdown'] [data-pagination-nav='last'] {
17280        display: none !important;
17281    }
17282
17283    [data-pagination-nav][hidden] {
17284        display: none !important;
17285    }
17286
17287    .paginator-pagination__fit-group {
17288        display: inline-flex;
17289        align-items: center;
17290        justify-content: flex-start;
17291        gap: 16px;
17292        flex: 0 1 auto;
17293        min-width: 0;
17294        max-width: 100%;
17295        overflow: hidden;
17296    }
17297
17298    .paginator-pagination__pages {
17299        display: inline-flex;
17300        align-items: center;
17301        justify-content: flex-start;
17302        gap: 16px;
17303        flex-wrap: nowrap;
17304        min-width: 0;
17305        max-width: 100%;
17306        overflow: hidden;
17307    }
17308
17309    [data-pagination-page][hidden] {
17310        display: none !important;
17311    }
17312
17313    .paginator-pagination__nav,
17314    .paginator-pagination-picker-wrap {
17315        flex-shrink: 0;
17316    }
17317
17318    .paginator-pagination-picker-wrap {
17319        position: relative;
17320        flex-shrink: 0;
17321        z-index: 1;
17322        width: fit-content;
17323        isolation: isolate;
17324    }
17325
17326    wm-paginator.paginator-pagination:has([data-pagination-picker-popover]:popover-open),
17327    .paginator-pagination__controls:has([data-pagination-picker-popover]:popover-open),
17328    .paginator-pagination__cluster:has([data-pagination-picker-popover]:popover-open),
17329    .paginator-pagination__fit-group:has([data-pagination-picker-popover]:popover-open),
17330    .paginator-pagination__pages:has([data-pagination-picker-popover]:popover-open) {
17331        overflow: visible;
17332    }
17333
17334    .wmc_paginator:has([data-pagination-picker-popover]:popover-open),
17335    .wmc_paginator > .wml:has([data-pagination-picker-popover]:popover-open),
17336    .wmc_paginator > .wml.wml_paginator:has([data-pagination-picker-popover]:popover-open) {
17337        overflow: visible;
17338    }
17339
17340    .wml .paginator-link {
17341        box-sizing: border-box;
17342        flex-shrink: 0;
17343        display: inline-grid;
17344        aspect-ratio: 1 / 1;
17345        align-items: center;
17346        justify-content: center;
17347        line-height: 1;
17348        width: 2em;
17349        min-width: 2em;
17350        padding: var(--paginatorLinkPaddingTop) var(--paginatorLinkPaddingRight) var(--paginatorLinkPaddingBottom) var(--paginatorLinkPaddingLeft);
17351        background-color: var(--paginatorLinkBgColor);
17352        border-top: var(--paginatorLinkBorderTop);
17353        border-right: var(--paginatorLinkBorderRight);
17354        border-bottom: var(--paginatorLinkBorderBottom);
17355        border-left: var(--paginatorLinkBorderLeft);
17356        border-radius: var(--paginatorLinkBorderRadius);
17357        font-size: var(--paginatorLinkFontSize);
17358        color: var(--paginatorLinkTextColor);
17359        font-family: var(--fontFamilySecondary);
17360        font-variant-numeric: tabular-nums;
17361        text-decoration: none;
17362        cursor: pointer;
17363    }
17364
17365    .wml a.paginator-link.paginator-link--page:not(.paginator-link--current):hover,
17366    .wml button.paginator-link.paginator-link--picker:hover,
17367    .wml button.paginator-link.paginator-link--picker[aria-expanded="true"] {
17368        --paginatorLinkBorderTop: var(--paginatorLinkBorderTopHoverDesktop);
17369        --paginatorLinkBorderRight: var(--paginatorLinkBorderRightHoverDesktop);
17370        --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomHoverDesktop);
17371        --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftHoverDesktop);
17372        --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusHoverDesktop);
17373        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverDesktop);
17374        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverDesktop);
17375        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverDesktop);
17376    }
17377
17378    .wml .paginator-link--edge-first,
17379    .wml .paginator-link--edge-last {
17380        padding: var(--paginatorFirstLastPaddingTop) var(--paginatorFirstLastPaddingRight) var(--paginatorFirstLastPaddingBottom) var(--paginatorFirstLastPaddingLeft);
17381        border-top: var(--paginatorFirstLastBorderTop);
17382        border-right: var(--paginatorFirstLastBorderRight);
17383        border-bottom: var(--paginatorFirstLastBorderBottom);
17384        border-left: var(--paginatorFirstLastBorderLeft);
17385        border-radius: var(--paginatorFirstLastBorderRadius);
17386        background-color: var(--paginatorFirstLastBgColor);
17387        font-size: var(--paginatorFirstLastFontSize);
17388        color: var(--paginatorFirstLastTextColor);
17389    }
17390
17391    .wml a.paginator-link--edge-first:hover,
17392    .wml a.paginator-link--edge-last:hover {
17393        --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopHoverDesktop);
17394        --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightHoverDesktop);
17395        --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomHoverDesktop);
17396        --paginatorFirstLastBorderLeft: var(--paginatorFirstLastBorderLeftHoverDesktop);
17397        --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusHoverDesktop);
17398        --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorHoverDesktop);
17399        --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeHoverDesktop);
17400        --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorHoverDesktop);
17401    }
17402
17403    .wml .paginator-link--edge-prev,
17404    .wml .paginator-link--edge-next {
17405        padding: var(--paginatorPrevNextPaddingTop) var(--paginatorPrevNextPaddingRight) var(--paginatorPrevNextPaddingBottom) var(--paginatorPrevNextPaddingLeft);
17406        border-top: var(--paginatorPrevNextBorderTop);
17407        border-right: var(--paginatorPrevNextBorderRight);
17408        border-bottom: var(--paginatorPrevNextBorderBottom);
17409        border-left: var(--paginatorPrevNextBorderLeft);
17410        border-radius: var(--paginatorPrevNextBorderRadius);
17411        background-color: var(--paginatorPrevNextBgColor);
17412        font-size: var(--paginatorPrevNextFontSize);
17413        color: var(--paginatorPrevNextTextColor);
17414    }
17415
17416    .wml a.paginator-link--edge-prev:hover,
17417    .wml a.paginator-link--edge-next:hover {
17418        --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopHoverDesktop);
17419        --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightHoverDesktop);
17420        --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomHoverDesktop);
17421        --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftHoverDesktop);
17422        --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusHoverDesktop);
17423        --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorHoverDesktop);
17424        --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeHoverDesktop);
17425        --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorHoverDesktop);
17426    }
17427
17428    .wml .paginator-link--page {
17429        font-weight: 700;
17430    }
17431
17432    .wml .paginator-link--current {
17433        padding: var(--paginatorCurrentPaddingTop) var(--paginatorCurrentPaddingRight) var(--paginatorCurrentPaddingBottom) var(--paginatorCurrentPaddingLeft);
17434        border-top: var(--paginatorCurrentBorderTop);
17435        border-right: var(--paginatorCurrentBorderRight);
17436        border-bottom: var(--paginatorCurrentBorderBottom);
17437        border-left: var(--paginatorCurrentBorderLeft);
17438        border-radius: var(--paginatorCurrentBorderRadius);
17439        background-color: var(--paginatorCurrentBgColor);
17440        font-size: var(--paginatorCurrentFontSize);
17441        color: var(--paginatorCurrentTextColor);
17442        cursor: default;
17443    }
17444
17445    .wml .paginator-link--picker {
17446        display: inline-flex;
17447        align-items: center;
17448        justify-content: center;
17449        gap: var(--paginatorPickerArrowSpacing);
17450        aspect-ratio: auto;
17451        width: auto;
17452        min-width: 0;
17453        max-width: none;
17454        height: auto;
17455        min-height: unset;
17456        padding: var(--paginatorLinkPaddingTop) var(--paginatorLinkPaddingRight) var(--paginatorLinkPaddingBottom) var(--paginatorLinkPaddingLeft);
17457        appearance: none;
17458        font-weight: 700;
17459        white-space: nowrap;
17460    }
17461
17462    .paginator-picker-label {
17463        line-height: 1.2;
17464        flex: 0 0 auto;
17465    }
17466
17467    .wml .paginator-link--picker > span.arrow {
17468        display: flex;
17469        align-items: center;
17470        justify-content: center;
17471        flex-shrink: 0;
17472        pointer-events: none;
17473        position: relative;
17474        z-index: 1;
17475        width: 1em;
17476        height: 1em;
17477        color: inherit;
17478
17479        &::after {
17480            display: block;
17481            content: '';
17482            width: 1em;
17483            height: 1em;
17484            -webkit-mask-image: var(--wmd_caretIconUrl);
17485            mask-image: var(--wmd_caretIconUrl);
17486            -webkit-mask-size: contain;
17487            mask-size: contain;
17488            -webkit-mask-repeat: no-repeat;
17489            mask-repeat: no-repeat;
17490            -webkit-mask-position: center;
17491            mask-position: center;
17492            background-color: currentColor;
17493            transform: var(--paginatorPickerArrowRotate);
17494            flex-shrink: 0;
17495        }
17496    }
17497
17498    .wml .paginator-link--disabled {
17499        opacity: 0.4;
17500        cursor: default;
17501        pointer-events: none;
17502    }
17503
17504    .wml span.paginator-link--disabled {
17505        color: rgba(var(--colorBackgroundF), 1);
17506        background-color: rgba(var(--colorBackgroundJ), 1);
17507    }
17508
17509    .paginator-pagination-popover {
17510        position: fixed;
17511        inset: auto;
17512        z-index: 100;
17513        margin: 0;
17514        width: max-content;
17515        min-width: 48px;
17516        max-width: min(12rem, 80vw);
17517        border-top: var(--paginatorLinkBorderTop);
17518        border-right: var(--paginatorLinkBorderRight);
17519        border-bottom: var(--paginatorLinkBorderBottom);
17520        border-left: var(--paginatorLinkBorderLeft);
17521        background-color: var(--paginatorLinkBgColor);
17522        box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
17523        overflow: visible;
17524        flex-direction: column;
17525        gap: 0;
17526    }
17527
17528    .paginator-pagination-popover__scroll {
17529        max-height: min(60vh, 320px);
17530        padding: 4px 0;
17531        overflow-x: clip;
17532        overflow-y: auto;
17533        overscroll-behavior: contain;
17534        scroll-padding-block: 4px;
17535    }
17536
17537    .paginator-pagination-popover:popover-open {
17538        display: flex;
17539    }
17540
17541    .wml .paginator-popover-link {
17542        display: flex;
17543        align-items: center;
17544        justify-content: flex-start;
17545        min-height: 36px;
17546        min-width: 36px;
17547        padding: var(--paginatorLinkPaddingTop) var(--paginatorLinkPaddingRight) var(--paginatorLinkPaddingBottom) var(--paginatorLinkPaddingLeft);
17548        border: 0;
17549        font-family: var(--fontFamilySecondary);
17550        font-size: var(--paginatorLinkFontSize);
17551        font-weight: 700;
17552        font-variant-numeric: tabular-nums;
17553        text-align: left;
17554        text-decoration: none;
17555        color: var(--paginatorLinkTextColor);
17556        background-color: var(--paginatorLinkBgColor);
17557        cursor: pointer;
17558        white-space: nowrap;
17559    }
17560
17561    .wml a.paginator-popover-link:not(.paginator-popover-link--current):hover {
17562        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverDesktop);
17563        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverDesktop);
17564        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverDesktop);
17565    }
17566
17567    .wml .paginator-popover-link--current {
17568        padding: var(--paginatorCurrentPaddingTop) var(--paginatorCurrentPaddingRight) var(--paginatorCurrentPaddingBottom) var(--paginatorCurrentPaddingLeft);
17569        background-color: var(--paginatorCurrentBgColor);
17570        font-size: var(--paginatorCurrentFontSize);
17571        color: var(--paginatorCurrentTextColor);
17572        cursor: default;
17573    }
17574
17575    .paginator-pagination :is(a, button, [role="menuitem"]):focus-visible {
17576        outline: auto;
17577        outline-offset: -2px;
17578    }
17579}
17580
17581@media all and (width < 1040px) {
17582    .wmc_paginator {
17583        --minWidthTablet: 0px;
17584
17585        /*  padding */
17586        --paginatorLinkPaddingTopTablet: var(--paginatorLinkPaddingTopDesktop);
17587        --paginatorLinkPaddingRightTablet: var(--paginatorLinkPaddingRightDesktop);
17588        --paginatorLinkPaddingBottomTablet: var(--paginatorLinkPaddingBottomDesktop);
17589        --paginatorLinkPaddingLeftTablet: var(--paginatorLinkPaddingLeftDesktop);
17590        --paginatorLinkPaddingTopHoverTablet: var(--paginatorLinkPaddingTopTablet);
17591        --paginatorLinkPaddingRightHoverTablet: var(--paginatorLinkPaddingRightTablet);
17592        --paginatorLinkPaddingBottomHoverTablet: var(--paginatorLinkPaddingBottomTablet);
17593        --paginatorLinkPaddingLeftHoverTablet: var(--paginatorLinkPaddingLeftTablet);
17594
17595        --paginatorLinkPaddingTop: var(--paginatorLinkPaddingTopTablet);
17596        --paginatorLinkPaddingRight: var(--paginatorLinkPaddingRightTablet);
17597        --paginatorLinkPaddingBottom: var(--paginatorLinkPaddingBottomTablet);
17598        --paginatorLinkPaddingLeft: var(--paginatorLinkPaddingLeftTablet);
17599
17600        /* border */
17601        --paginatorLinkBorderTopTablet: var(--paginatorLinkBorderTopDesktop);
17602        --paginatorLinkBorderRightTablet: var(--paginatorLinkBorderRightDesktop);
17603        --paginatorLinkBorderBottomTablet: var(--paginatorLinkBorderBottomDesktop);
17604        --paginatorLinkBorderLeftTablet: var(--paginatorLinkBorderLeftDesktop);
17605        --paginatorLinkBorderTopHoverTablet: var(--paginatorLinkBorderTopTablet);
17606        --paginatorLinkBorderRightHoverTablet: var(--paginatorLinkBorderRightTablet);
17607        --paginatorLinkBorderBottomHoverTablet: var(--paginatorLinkBorderBottomTablet);
17608        --paginatorLinkBorderLeftHoverTablet: var(--paginatorLinkBorderLeftTablet);
17609
17610        --paginatorLinkBorderTop: var(--paginatorLinkBorderTopTablet);
17611        --paginatorLinkBorderRight: var(--paginatorLinkBorderRightTablet);
17612        --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomTablet);
17613        --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftTablet);
17614
17615        /*  border radius */
17616        --paginatorLinkBorderRadiusTablet: var(--paginatorLinkBorderRadiusDesktop);
17617        --paginatorLinkBorderRadiusHoverTablet: var(--paginatorLinkBorderRadiusTablet);
17618        --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusTablet);
17619
17620        /*  background color */
17621        --paginatorLinkBgColorTablet: var(--paginatorLinkBgColorDesktop);
17622        --paginatorLinkBgColorHoverTablet: var(--paginatorLinkBgColorTablet);
17623        --paginatorLinkBgColor: var(--paginatorLinkBgColorTablet);
17624
17625        /*  font size */
17626        --paginatorLinkFontSizeTablet: var(--paginatorLinkFontSizeDesktop);
17627        --paginatorLinkFontSizeHoverTablet: var(--paginatorLinkFontSizeTablet);
17628        --paginatorLinkFontSize: var(--paginatorLinkFontSizeTablet);
17629        /*  text color */
17630        --paginatorLinkTextColorTablet: var(--paginatorLinkTextColorDesktop);
17631        --paginatorLinkTextColorHoverTablet: var(--paginatorLinkTextColorTablet);
17632        --paginatorLinkTextColor: var(--paginatorLinkTextColorTablet);
17633        --paginatorPickerArrowColor: var(--paginatorLinkTextColor);
17634
17635        /* Prev/Next  padding */
17636        --paginatorPrevNextPaddingTopTablet: var(--paginatorLinkPaddingTopTablet);
17637        --paginatorPrevNextPaddingRightTablet: var(--paginatorLinkPaddingRightTablet);
17638        --paginatorPrevNextPaddingBottomTablet: var(--paginatorLinkPaddingBottomTablet);
17639        --paginatorPrevNextPaddingLeftTablet: var(--paginatorLinkPaddingLeftTablet);
17640        --paginatorPrevNextPaddingTopHoverTablet: var(--paginatorLinkPaddingTopHoverTablet);
17641        --paginatorPrevNextPaddingRightHoverTablet: var(--paginatorLinkPaddingRightHoverTablet);
17642        --paginatorPrevNextPaddingBottomHoverTablet: var(--paginatorLinkPaddingBottomHoverTablet);
17643        --paginatorPrevNextPaddingLeftHoverTablet: var(--paginatorLinkPaddingLeftHoverTablet);
17644
17645        --paginatorPrevNextPaddingTop: var(--paginatorPrevNextPaddingTopTablet);
17646        --paginatorPrevNextPaddingRight: var(--paginatorPrevNextPaddingRightTablet);
17647        --paginatorPrevNextPaddingBottom: var(--paginatorPrevNextPaddingBottomTablet);
17648        --paginatorPrevNextPaddingLeft: var(--paginatorPrevNextPaddingLeftTablet);
17649
17650        /* Prev/Next  border */
17651        --paginatorPrevNextBorderTopTablet: var(--paginatorLinkBorderTopTablet);
17652        --paginatorPrevNextBorderRightTablet: var(--paginatorLinkBorderRightTablet);
17653        --paginatorPrevNextBorderBottomTablet: var(--paginatorLinkBorderBottomTablet);
17654        --paginatorPrevNextBorderLeftTablet: var(--paginatorLinkBorderLeftTablet);
17655        --paginatorPrevNextBorderTopHoverTablet: var(--paginatorLinkBorderTopHoverTablet);
17656        --paginatorPrevNextBorderRightHoverTablet: var(--paginatorLinkBorderRightHoverTablet);
17657        --paginatorPrevNextBorderBottomHoverTablet: var(--paginatorLinkBorderBottomHoverTablet);
17658        --paginatorPrevNextBorderLeftHoverTablet: var(--paginatorLinkBorderLeftHoverTablet);
17659
17660        --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopTablet);
17661        --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightTablet);
17662        --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomTablet);
17663        --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftTablet);
17664
17665        /* Prev/Next  border radius */
17666        --paginatorPrevNextBorderRadiusTablet: var(--paginatorLinkBorderRadiusTablet);
17667        --paginatorPrevNextBorderRadiusHoverTablet: var(--paginatorLinkBorderRadiusHoverTablet);
17668        --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusTablet);
17669
17670        /* Prev/Next background color */
17671        --paginatorPrevNextBgColorTablet: var(--paginatorLinkBgColorTablet);
17672        --paginatorPrevNextBgColorHoverTablet: var(--paginatorLinkBgColorHoverTablet);
17673        --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorTablet);
17674
17675        /* Prev/Next font size */
17676        --paginatorPrevNextFontSizeTablet: var(--paginatorLinkFontSizeTablet);
17677        --paginatorPrevNextFontSizeHoverTablet: var(--paginatorLinkFontSizeHoverTablet);
17678        --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeTablet);
17679
17680        /* Prev/Next text color */
17681        --paginatorPrevNextTextColorTablet: var(--paginatorLinkTextColorTablet);
17682        --paginatorPrevNextTextColorHoverTablet: var(--paginatorLinkTextColorHoverTablet);
17683        --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorTablet);
17684
17685        /* First/Last padding */
17686        --paginatorFirstLastPaddingTopTablet: var(--paginatorLinkPaddingTopTablet);
17687        --paginatorFirstLastPaddingRightTablet: var(--paginatorLinkPaddingRightTablet);
17688        --paginatorFirstLastPaddingBottomTablet: var(--paginatorLinkPaddingBottomTablet);
17689        --paginatorFirstLastPaddingLeftTablet: var(--paginatorLinkPaddingLeftTablet);
17690        --paginatorFirstLastPaddingTopHoverTablet: var(--paginatorLinkPaddingTopHoverTablet);
17691        --paginatorFirstLastPaddingRightHoverTablet: var(--paginatorLinkPaddingRightHoverTablet);
17692        --paginatorFirstLastPaddingBottomHoverTablet: var(--paginatorLinkPaddingBottomHoverTablet);
17693        --paginatorFirstLastPaddingLeftHoverTablet: var(--paginatorLinkPaddingLeftHoverTablet);
17694
17695        --paginatorFirstLastPaddingTop: var(--paginatorFirstLastPaddingTopTablet);
17696        --paginatorFirstLastPaddingRight: var(--paginatorFirstLastPaddingRightTablet);
17697        --paginatorFirstLastPaddingBottom: var(--paginatorFirstLastPaddingBottomTablet);
17698        --paginatorFirstLastPaddingLeft: var(--paginatorFirstLastPaddingLeftTablet);
17699
17700        /* First/Last border */
17701        --paginatorFirstLastBorderTopTablet: var(--paginatorLinkBorderTopTablet);
17702        --paginatorFirstLastBorderRightTablet: var(--paginatorLinkBorderRightTablet);
17703        --paginatorFirstLastBorderBottomTablet: var(--paginatorLinkBorderBottomTablet);
17704        --paginatorFirstLastBorderLeftTablet: var(--paginatorLinkBorderLeftTablet);
17705        --paginatorFirstLastBorderTopHoverTablet: var(--paginatorLinkBorderTopHoverTablet);
17706        --paginatorFirstLastBorderRightHoverTablet: var(--paginatorLinkBorderRightHoverTablet);
17707        --paginatorFirstLastBorderBottomHoverTablet: var(--paginatorLinkBorderBottomHoverTablet);
17708        --paginatorFirstLastBorderLeftHoverTablet: var(--paginatorLinkBorderLeftHoverTablet);
17709
17710        --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopTablet);
17711        --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightTablet);
17712        --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomTablet);
17713        --paginatorFirstLastBorderLeft: var(--paginatorFirstLastBorderLeftTablet);
17714
17715        /* First/Last border radius */
17716        --paginatorFirstLastBorderRadiusTablet: var(--paginatorLinkBorderRadiusTablet);
17717        --paginatorFirstLastBorderRadiusHoverTablet: var(--paginatorLinkBorderRadiusHoverTablet);
17718        --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusTablet);
17719
17720        /* First/Last background color */
17721        --paginatorFirstLastBgColorTablet: var(--paginatorLinkBgColorTablet);
17722        --paginatorFirstLastBgColorHoverTablet: var(--paginatorLinkBgColorHoverTablet);
17723        --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorTablet);
17724
17725        /* First/Last font size */
17726        --paginatorFirstLastFontSizeTablet: var(--paginatorLinkFontSizeTablet);
17727        --paginatorFirstLastFontSizeHoverTablet: var(--paginatorLinkFontSizeHoverTablet);
17728        --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeTablet);
17729
17730        /* First/Last  text color */
17731        --paginatorFirstLastTextColorTablet: var(--paginatorLinkTextColorTablet);
17732        --paginatorFirstLastTextColorHoverTablet: var(--paginatorLinkTextColorHoverTablet);
17733        --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorTablet);
17734
17735        /* Current padding */
17736        --paginatorCurrentPaddingTopTablet: var(--paginatorCurrentPaddingTopDesktop);
17737        --paginatorCurrentPaddingRightTablet: var(--paginatorCurrentPaddingRightDesktop);
17738        --paginatorCurrentPaddingBottomTablet: var(--paginatorCurrentPaddingBottomDesktop);
17739        --paginatorCurrentPaddingLeftTablet: var(--paginatorCurrentPaddingLeftDesktop);
17740
17741        --paginatorCurrentPaddingTop: var(--paginatorCurrentPaddingTopTablet);
17742        --paginatorCurrentPaddingRight: var(--paginatorCurrentPaddingRightTablet);
17743        --paginatorCurrentPaddingBottom: var(--paginatorCurrentPaddingBottomTablet);
17744        --paginatorCurrentPaddingLeft: var(--paginatorCurrentPaddingLeftTablet);
17745
17746        /* Current border */
17747        --paginatorCurrentBorderTopTablet: var(--paginatorCurrentBorderTopDesktop);
17748        --paginatorCurrentBorderRightTablet: var(--paginatorCurrentBorderRightDesktop);
17749        --paginatorCurrentBorderBottomTablet: var(--paginatorCurrentBorderBottomDesktop);
17750        --paginatorCurrentBorderLeftTablet: var(--paginatorCurrentBorderLeftDesktop);
17751
17752        --paginatorCurrentBorderTop: var(--paginatorCurrentBorderTopTablet);
17753        --paginatorCurrentBorderRight: var(--paginatorCurrentBorderRightTablet);
17754        --paginatorCurrentBorderBottom: var(--paginatorCurrentBorderBottomTablet);
17755        --paginatorCurrentBorderLeft: var(--paginatorCurrentBorderLeftTablet);
17756
17757        /* Current border radius */
17758        --paginatorCurrentBorderRadiusTablet: var(--paginatorCurrentBorderRadiusDesktop);
17759        --paginatorCurrentBorderRadius: var(--paginatorCurrentBorderRadiusTablet);
17760
17761        /* Current background color */
17762        --paginatorCurrentBgColorTablet: var(--paginatorCurrentBgColorDesktop);
17763        --paginatorCurrentBgColor: var(--paginatorCurrentBgColorTablet);
17764
17765        /* Current font size */
17766        --paginatorCurrentFontSizeTablet: var(--paginatorLinkFontSizeTablet);
17767        --paginatorCurrentFontSize: var(--paginatorCurrentFontSizeTablet);
17768
17769        /* Current  text color */
17770        --paginatorCurrentTextColorTablet: var(--paginatorCurrentTextColorDesktop);
17771        --paginatorCurrentTextColor: var(--paginatorCurrentTextColorTablet);
17772    }
17773
17774    .wmc_paginator .wml a.paginator-link.paginator-link--page:not(.paginator-link--current):hover,
17775    .wmc_paginator .wml button.paginator-link.paginator-link--picker:hover,
17776    .wmc_paginator .wml button.paginator-link.paginator-link--picker[aria-expanded="true"] {
17777        --paginatorLinkBorderTop: var(--paginatorLinkBorderTopHoverTablet);
17778        --paginatorLinkBorderRight: var(--paginatorLinkBorderRightHoverTablet);
17779        --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomHoverTablet);
17780        --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftHoverTablet);
17781        --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusHoverTablet);
17782        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverTablet);
17783        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverTablet);
17784        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverTablet);
17785    }
17786
17787    .wmc_paginator .wml a.paginator-popover-link:not(.paginator-popover-link--current):hover {
17788        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverTablet);
17789        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverTablet);
17790        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverTablet);
17791    }
17792
17793    .wmc_paginator .wml a.paginator-link--edge-first:hover,
17794    .wmc_paginator .wml a.paginator-link--edge-last:hover {
17795        --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopHoverTablet);
17796        --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightHoverTablet);
17797        --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomHoverTablet);
17798        --paginatorFirstLastBorderLeft: var(--pagin
17798atorFirstLastBorderLeftHoverTablet);
17799        --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusHoverTablet);
17800        --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorHoverTablet);
17801        --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeHoverTablet);
17802        --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorHoverTablet);
17803    }
17804
17805    .wmc_paginator .wml a.paginator-link--edge-prev:hover,
17806    .wmc_paginator .wml a.paginator-link--edge-next:hover {
17807        --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopHoverTablet);
17808        --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightHoverTablet);
17809        --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomHoverTablet);
17810        --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftHoverTablet);
17811        --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusHoverTablet);
17812        --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorHoverTablet);
17813        --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeHoverTablet);
17814        --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorHoverTablet);
17815    }
17816
17817}
17818
17819@media all and (width < 650px) {
17820    .wmc_paginator {
17821        --minWidthMobile: 0px;
17822
17823        /*  padding */
17824        --paginatorLinkPaddingTopMobile: var(--paginatorLinkPaddingTopDesktop);
17825        --paginatorLinkPaddingRightMobile: var(--paginatorLinkPaddingRightDesktop);
17826        --paginatorLinkPaddingBottomMobile: var(--paginatorLinkPaddingBottomDesktop);
17827        --paginatorLinkPaddingLeftMobile: var(--paginatorLinkPaddingLeftDesktop);
17828        --paginatorLinkPaddingTopHoverMobile: var(--paginatorLinkPaddingTopMobile);
17829        --paginatorLinkPaddingRightHoverMobile: var(--paginatorLinkPaddingRightMobile);
17830        --paginatorLinkPaddingBottomHoverMobile: var(--paginatorLinkPaddingBottomMobile);
17831        --paginatorLinkPaddingLeftHoverMobile: var(--paginatorLinkPaddingLeftMobile);
17832
17833        --paginatorLinkPaddingTop: var(--paginatorLinkPaddingTopMobile);
17834        --paginatorLinkPaddingRight: var(--paginatorLinkPaddingRightMobile);
17835        --paginatorLinkPaddingBottom: var(--paginatorLinkPaddingBottomMobile);
17836        --paginatorLinkPaddingLeft: var(--paginatorLinkPaddingLeftMobile);
17837
17838        /* border */
17839        --paginatorLinkBorderTopMobile: var(--paginatorLinkBorderTopDesktop);
17840        --paginatorLinkBorderRightMobile: var(--paginatorLinkBorderRightDesktop);
17841        --paginatorLinkBorderBottomMobile: var(--paginatorLinkBorderBottomDesktop);
17842        --paginatorLinkBorderLeftMobile: var(--paginatorLinkBorderLeftDesktop);
17843        --paginatorLinkBorderTopHoverMobile: var(--paginatorLinkBorderTopMobile);
17844        --paginatorLinkBorderRightHoverMobile: var(--paginatorLinkBorderRightMobile);
17845        --paginatorLinkBorderBottomHoverMobile: var(--paginatorLinkBorderBottomMobile);
17846        --paginatorLinkBorderLeftHoverMobile: var(--paginatorLinkBorderLeftMobile);
17847
17848        --paginatorLinkBorderTop: var(--paginatorLinkBorderTopMobile);
17849        --paginatorLinkBorderRight: var(--paginatorLinkBorderRightMobile);
17850        --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomMobile);
17851        --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftMobile);
17852
17853        /*  border radius */
17854        --paginatorLinkBorderRadiusMobile: var(--paginatorLinkBorderRadiusDesktop);
17855        --paginatorLinkBorderRadiusHoverMobile: var(--paginatorLinkBorderRadiusMobile);
17856        --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusMobile);
17857
17858        /* background color */
17859        --paginatorLinkBgColorMobile: var(--paginatorLinkBgColorDesktop);
17860        --paginatorLinkBgColorHoverMobile: var(--paginatorLinkBgColorMobile);
17861        --paginatorLinkBgColor: var(--paginatorLinkBgColorMobile);
17862
17863        /*  font size */
17864        --paginatorLinkFontSizeMobile: var(--paginatorLinkFontSizeDesktop);
17865        --paginatorLinkFontSizeHoverMobile: var(--paginatorLinkFontSizeMobile);
17866        --paginatorLinkFontSize: var(--paginatorLinkFontSizeMobile);
17867
17868        /*  text color */
17869        --paginatorLinkTextColorMobile: var(--paginatorLinkTextColorDesktop);
17870        --paginatorLinkTextColorHoverMobile: var(--paginatorLinkTextColorMobile);
17871        --paginatorLinkTextColor: var(--paginatorLinkTextColorMobile);
17872        --paginatorPickerArrowColor: var(--paginatorLinkTextColor);
17873
17874        /* Prev/Next  padding */
17875        --paginatorPrevNextPaddingTopMobile: var(--paginatorLinkPaddingTopMobile);
17876        --paginatorPrevNextPaddingRightMobile: var(--paginatorLinkPaddingRightMobile);
17877        --paginatorPrevNextPaddingBottomMobile: var(--paginatorLinkPaddingBottomMobile);
17878        --paginatorPrevNextPaddingLeftMobile: var(--paginatorLinkPaddingLeftMobile);
17879        --paginatorPrevNextPaddingTopHoverMobile: var(--paginatorLinkPaddingTopHoverMobile);
17880        --paginatorPrevNextPaddingRightHoverMobile: var(--paginatorLinkPaddingRightHoverMobile);
17881        --paginatorPrevNextPaddingBottomHoverMobile: var(--paginatorLinkPaddingBottomHoverMobile);
17882        --paginatorPrevNextPaddingLeftHoverMobile: var(--paginatorLinkPaddingLeftHoverMobile);
17883
17884        --paginatorPrevNextPaddingTop: var(--paginatorPrevNextPaddingTopMobile);
17885        --paginatorPrevNextPaddingRight: var(--paginatorPrevNextPaddingRightMobile);
17886        --paginatorPrevNextPaddingBottom: var(--paginatorPrevNextPaddingBottomMobile);
17887        --paginatorPrevNextPaddingLeft: var(--paginatorPrevNextPaddingLeftMobile);
17888
17889        /* Prev/Next border */
17890        --paginatorPrevNextBorderTopMobile: var(--paginatorLinkBorderTopMobile);
17891        --paginatorPrevNextBorderRightMobile: var(--paginatorLinkBorderRightMobile);
17892        --paginatorPrevNextBorderBottomMobile: var(--paginatorLinkBorderBottomMobile);
17893        --paginatorPrevNextBorderLeftMobile: var(--paginatorLinkBorderLeftMobile);
17894        --paginatorPrevNextBorderTopHoverMobile: var(--paginatorLinkBorderTopHoverMobile);
17895        --paginatorPrevNextBorderRightHoverMobile: var(--paginatorLinkBorderRightHoverMobile);
17896        --paginatorPrevNextBorderBottomHoverMobile: var(--paginatorLinkBorderBottomHoverMobile);
17897        --paginatorPrevNextBorderLeftHoverMobile: var(--paginatorLinkBorderLeftHoverMobile);
17898
17899        --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopMobile);
17900        --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightMobile);
17901        --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomMobile);
17902        --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftMobile);
17903
17904        /* Prev/Next  border radius */
17905        --paginatorPrevNextBorderRadiusMobile: var(--paginatorLinkBorderRadiusMobile);
17906        --paginatorPrevNextBorderRadiusHoverMobile: var(--paginatorLinkBorderRadiusHoverMobile);
17907        --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusMobile);
17908
17909        /* Prev/Next background color */
17910        --paginatorPrevNextBgColorMobile: var(--paginatorLinkBgColorMobile);
17911        --paginatorPrevNextBgColorHoverMobile: var(--paginatorLinkBgColorHoverMobile);
17912        --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorMobile);
17913
17914        /* Prev/Next font size */
17915        --paginatorPrevNextFontSizeMobile: var(--paginatorLinkFontSizeMobile);
17916        --paginatorPrevNextFontSizeHoverMobile: var(--paginatorLinkFontSizeHoverMobile);
17917        --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeMobile);
17918
17919        /* Prev/Next text color */
17920        --paginatorPrevNextTextColorMobile: var(--paginatorLinkTextColorMobile);
17921        --paginatorPrevNextTextColorHoverMobile: var(--paginatorLinkTextColorHoverMobile);
17922        --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorMobile);
17923
17924        /* First/Last  padding */
17925        --paginatorFirstLastPaddingTopMobile: var(--paginatorLinkPaddingTopMobile);
17926        --paginatorFirstLastPaddingRightMobile: var(--paginatorLinkPaddingRightMobile);
17927        --paginatorFirstLastPaddingBottomMobile: var(--paginatorLinkPaddingBottomMobile);
17928        --paginatorFirstLastPaddingLeftMobile: var(--paginatorLinkPaddingLeftMobile);
17929        --paginatorFirstLastPaddingTopHoverMobile: var(--paginatorLinkPaddingTopHoverMobile);
17930        --paginatorFirstLastPaddingRightHoverMobile: var(--paginatorLinkPaddingRightHoverMobile);
17931        --paginatorFirstLastPaddingBottomHoverMobile: var(--paginatorLinkPaddingBottomHoverMobile);
17932        --paginatorFirstLastPaddingLeftHoverMobile: var(--paginatorLinkPaddingLeftHoverMobile);
17933
17934        --paginatorFirstLastPaddingTop: var(--paginatorFirstLastPaddingTopMobile);
17935        --paginatorFirstLastPaddingRight: var(--paginatorFirstLastPaddingRightMobile);
17936        --paginatorFirstLastPaddingBottom: var(--paginatorFirstLastPaddingBottomMobile);
17937        --paginatorFirstLastPaddingLeft: var(--paginatorFirstLastPaddingLeftMobile);
17938
17939        /* First/Last  border */
17940        --paginatorFirstLastBorderTopMobile: var(--paginatorLinkBorderTopMobile);
17941        --paginatorFirstLastBorderRightMobile: var(--paginatorLinkBorderRightMobile);
17942        --paginatorFirstLastBorderBottomMobile: var(--paginatorLinkBorderBottomMobile);
17943        --paginatorFirstLastBorderLeftMobile: var(--paginatorLinkBorderLeftMobile);
17944        --paginatorFirstLastBorderTopHoverMobile: var(--paginatorLinkBorderTopHoverMobile);
17945        --paginatorFirstLastBorderRightHoverMobile: var(--paginatorLinkBorderRightHoverMobile);
17946        --paginatorFirstLastBorderBottomHoverMobile: var(--paginatorLinkBorderBottomHoverMobile);
17947        --paginatorFirstLastBorderLeftHoverMobile: var(--paginatorLinkBorderLeftHoverMobile);
17948
17949        --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopMobile);
17950        --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightMobile);
17951        --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomMobile);
17952        --paginatorFirstLastBorderLeft: var(--paginatorFirstLastBorderLeftMobile);
17953
17954        /* First/Last border radius */
17955        --paginatorFirstLastBorderRadiusMobile: var(--paginatorLinkBorderRadiusMobile);
17956        --paginatorFirstLastBorderRadiusHoverMobile: var(--paginatorLinkBorderRadiusHoverMobile);
17957        --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusMobile);
17958
17959        /* First/Last background color */
17960        --paginatorFirstLastBgColorMobile: var(--paginatorLinkBgColorMobile);
17961        --paginatorFirstLastBgColorHoverMobile: var(--paginatorLinkBgColorHoverMobile);
17962        --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorMobile);
17963
17964        /* First/Last font size */
17965        --paginatorFirstLastFontSizeMobile: var(--paginatorLinkFontSizeMobile);
17966        --paginatorFirstLastFontSizeHoverMobile: var(--paginatorLinkFontSizeHoverMobile);
17967        --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeMobile);
17968
17969        /* First/Last text color */
17970        --paginatorFirstLastTextColorMobile: var(--paginatorLinkTextColorMobile);
17971        --paginatorFirstLastTextColorHoverMobile: var(--paginatorLinkTextColorHoverMobile);
17972        --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorMobile);
17973
17974        /* Current  padding */
17975        --paginatorCurrentPaddingTopMobile: var(--paginatorCurrentPaddingTopDesktop);
17976        --paginatorCurrentPaddingRightMobile: var(--paginatorCurrentPaddingRightDesktop);
17977        --paginatorCurrentPaddingBottomMobile: var(--paginatorCurrentPaddingBottomDesktop);
17978        --paginatorCurrentPaddingLeftMobile: var(--paginatorCurrentPaddingLeftDesktop);
17979
17980        --paginatorCurrentPaddingTop: var(--paginatorCurrentPaddingTopMobile);
17981        --paginatorCurrentPaddingRight: var(--paginatorCurrentPaddingRightMobile);
17982        --paginatorCurrentPaddingBottom: var(--paginatorCurrentPaddingBottomMobile);
17983        --paginatorCurrentPaddingLeft: var(--paginatorCurrentPaddingLeftMobile);
17984
17985        /* Current  border */
17986        --paginatorCurrentBorderTopMobile: var(--paginatorCurrentBorderTopDesktop);
17987        --paginatorCurrentBorderRightMobile: var(--paginatorCurrentBorderRightDesktop);
17988        --paginatorCurrentBorderBottomMobile: var(--paginatorCurrentBorderBottomDesktop);
17989        --paginatorCurrentBorderLeftMobile: var(--paginatorCurrentBorderLeftDesktop);
17990
17991        --paginatorCurrentBorderTop: var(--paginatorCurrentBorderTopMobile);
17992        --paginatorCurrentBorderRight: var(--paginatorCurrentBorderRightMobile);
17993        --paginatorCurrentBorderBottom: var(--paginatorCurrentBorderBottomMobile);
17994        --paginatorCurrentBorderLeft: var(--paginatorCurrentBorderLeftMobile);
17995
17996        /* Current  border radius */
17997        --paginatorCurrentBorderRadiusMobile: var(--paginatorCurrentBorderRadiusDesktop);
17998        --paginatorCurrentBorderRadius: var(--paginatorCurrentBorderRadiusMobile);
17999
18000        /* Current background color */
18001        --paginatorCurrentBgColorMobile: var(--paginatorCurrentBgColorDesktop);
18002        --paginatorCurrentBgColor: var(--paginatorCurrentBgColorMobile);
18003
18004        /* Current  font size */
18005        --paginatorCurrentFontSizeMobile: var(--paginatorLinkFontSizeMobile);
18006        --paginatorCurrentFontSize: var(--paginatorCurrentFontSizeMobile);
18007
18008        /* Current  text color */
18009        --paginatorCurrentTextColorMobile: var(--paginatorCurrentTextColorDesktop);
18010        --paginatorCurrentTextColor: var(--paginatorCurrentTextColorMobile);
18011    }
18012
18013    .wmc_paginator .wml a.paginator-link.paginator-link--page:not(.paginator-link--current):hover,
18014    .wmc_paginator .wml button.paginator-link.paginator-link--picker:hover,
18015    .wmc_paginator .wml button.paginator-link.paginator-link--picker[aria-expanded="true"] {
18016        --paginatorLinkBorderTop: var(--paginatorLinkBorderTopHoverMobile);
18017        --paginatorLinkBorderRight: var(--paginatorLinkBorderRightHoverMobile);
18018        --paginatorLinkBorderBottom: var(--paginatorLinkBorderBottomHoverMobile);
18019        --paginatorLinkBorderLeft: var(--paginatorLinkBorderLeftHoverMobile);
18020        --paginatorLinkBorderRadius: var(--paginatorLinkBorderRadiusHoverMobile);
18021        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverMobile);
18022        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverMobile);
18023        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverMobile);
18024    }
18025
18026    .wmc_paginator .wml a.paginator-popover-link:not(.paginator-popover-link--current):hover {
18027        --paginatorLinkBgColor: var(--paginatorLinkBgColorHoverMobile);
18028        --paginatorLinkFontSize: var(--paginatorLinkFontSizeHoverMobile);
18029        --paginatorLinkTextColor: var(--paginatorLinkTextColorHoverMobile);
18030    }
18031
18032    .wmc_paginator .wml a.paginator-link--edge-first:hover,
18033    .wmc_paginator .wml a.paginator-link--edge-last:hover {
18034        --paginatorFirstLastBorderTop: var(--paginatorFirstLastBorderTopHoverMobile);
18035        --paginatorFirstLastBorderRight: var(--paginatorFirstLastBorderRightHoverMobile);
18036        --paginatorFirstLastBorderBottom: var(--paginatorFirstLastBorderBottomHoverMobile);
18037        --paginatorFirstLastBorderLeft: var(--paginatorFirstLastBorderLeftHoverMobile);
18038        --paginatorFirstLastBorderRadius: var(--paginatorFirstLastBorderRadiusHoverMobile);
18039        --paginatorFirstLastBgColor: var(--paginatorFirstLastBgColorHoverMobile);
18040        --paginatorFirstLastFontSize: var(--paginatorFirstLastFontSizeHoverMobile);
18041        --paginatorFirstLastTextColor: var(--paginatorFirstLastTextColorHoverMobile);
18042    }
18043
18044    .wmc_paginator .wml a.paginator-link--edge-prev:hover,
18045    .wmc_paginator .wml a.paginator-link--edge-next:hover {
18046        --paginatorPrevNextBorderTop: var(--paginatorPrevNextBorderTopHoverMobile);
18047        --paginatorPrevNextBorderRight: var(--paginatorPrevNextBorderRightHoverMobile);
18048        --paginatorPrevNextBorderBottom: var(--paginatorPrevNextBorderBottomHoverMobile);
18049        --paginatorPrevNextBorderLeft: var(--paginatorPrevNextBorderLeftHoverMobile);
18050        --paginatorPrevNextBorderRadius: var(--paginatorPrevNextBorderRadiusHoverMobile);
18051        --paginatorPrevNextBgColor: var(--paginatorPrevNextBgColorHoverMobile);
18052        --paginatorPrevNextFontSize: var(--paginatorPrevNextFontSizeHoverMobile);
18053        --paginatorPrevNextTextColor: var(--paginatorPrevNextTextColorHoverMobile);
18054    }
18055}
18056</style>
18057            <style>/* core_live.css */
18058/*** HOVER EFFECT FOR LIVE SITES ***/
18059.wmcM_animateHover {
18060    --transitionDurationHover: calc(1ms * var(--transitionDurationMsHover));
18061
18062    > .wml {
18063        pointer-event
18063s: auto;
18064        /*will-change: transform, opacity, filter;*/
18065    }
18066}
18067
18068/*** ENTRY ANIMATION FOR LIVE SITES ***/
18069.wmcM_animateEntry {
18070    --transitionDelayEntry: calc(1ms * var(--transitionDelayMsEntry));
18071    --transitionDurationEntry: calc(1ms * var(--transitionDurationMsEntry));
18072}
18073
18074.wmcM_animateEntry > .wml {
18075    /*will-change: transform, opacity, filter;*/
18076}
18077
18078.wmcM_animateEntry.wmcA_entryTransitionState > .wml,
18079.wmc_color_layer.wmcM_animateEntry.wmcA_entryTransitionState,
18080.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryTransitionState {
18081    transition:
18082        all var(--transitionEasingEntry),
18083        transform var(--transitionEasingKineticEntry),
18084        border-radius var(--transitionEasingKineticEntry),
18085        margin var(--transitionEasingKineticEntry),
18086        width var(--transitionEasingKineticEntry),
18087        min-width var(--transitionEasingKineticEntry),
18088        max-width var(--transitionEasingKineticEntry),
18089        height var(--transitionEasingKineticEntry),
18090        min-height var(--transitionEasingKineticEntry),
18091        max-height var(--transitionEasingKineticEntry),
18092        top var(--transitionEasingKineticEntry),
18093        right var(--transitionEasingKineticEntry),
18094        bottom var(--transitionEasingKineticEntry),
18095        left var(--transitionEasingKineticEntry);
18096    transition-delay: var(--transitionDelayEntry);
18097    transition-duration: var(--transitionDurationEntry);
18098}
18099
18100.wmcM_animateEntry.wmcA_entryTransitionState {
18101    --filter: var(--filterEntryNormal);
18102}
18103.wmcM_animateEntry.wmcA_entryInitialState > .wml,
18104.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState,
18105.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
18106    transition: none;
18107    transform: var(--translateEntry) var(--scaleEntry) var(--rotateEntry);
18108    filter: var(--filterEntry);
18109}
18110.wmcM_animateEntry.wmcA_noTransition > .wml,
18111.wmc_color_layer.wmcM_animateEntry.wmcA_noTransition,
18112.wmc_gradient_layer.wmcM_animateEntry.wmcA_noTransition {
18113    transition: none !important;
18114}
18115.wmcM_animateEntry.wmcA_entryInitialState > .wml,
18116.wmc_color_layer.wmcM_animateEntry.wmcA_entryInitialState {
18117    opacity: var(--opacityEntry);
18118}
18119
18120.wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
18121    --bgGradientOpacity: calc(var(--bgGradientOpacityDesktop, 1) * var(--opacityEntry));
18122}
18123@media all and (650px <= width < 1040px) {
18124    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
18125        --bgGradientOpacity: calc(var(--bgGradientOpacityTablet, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
18126    }
18127}
18128@media all and (width < 650px) {
18129    .wmc_gradient_layer.wmcM_animateEntry.wmcA_entryInitialState {
18130        --bgGradientOpacity: calc(var(--bgGradientOpacityMobile, var(--bgGradientOpacityDesktop, 1)) * var(--opacityEntry));
18131    }
18132}
18133
18134/*** EXIT ANIMATION FOR LIVE SITES ***/
18135.wmcM_animateExit {
18136    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
18137    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
18138}
18139
18140.wmcM_animateEntry.wmcM_animateExit {
18141    --transitionDelayExit: calc(1ms * var(--transitionDelayMsEntry));
18142    --transitionDurationExit: calc(1ms * var(--transitionDurationMsEntry));
18143}
18144
18145.wmcM_animateExit.wmcA_exitTransitionState > .wml {
18146    transition: opacity var(--transitionDurationExit) var(--transitionEasingEntry),
18147    transform var(--transitionDurationExit) var(--transitionEasingKineticEntry),
18148    filter var(--transitionDurationExit) var(--transitionEasingEntry);
18149    transition-delay: var(--transitionDelayExit);
18150}
18151
18152.wmcM_animateExit.wmcA_exitTransitionState {
18153    --filter: var(--filterEntryNormal);
18154}
18155
18156.wmc_section.wmcM_animateExit.wmcA_exitInitialState > .wml {
18157    transform: var(--translateEntry, translate3d(0, 0, -100px)) var(--scaleEntry, scale(0.8)) var(--rotateEntry, rotate(0deg)) !important;
18158    opacity: 0 !important;
18159    filter: var(--filterEntry, blur(0px)) !important;
18160}
18161
18162/*** HIDE COMPONENTS AND SECTIONS FOR LIVE SITES ***/
18163@media all and (1040px <= width) {
18164    .wmc:is(.wmcM_hidden--desktop) {
18165        visibility: hidden;
18166
18167        &.wmc_section {
18168            display: none;
18169        }
18170    }
18171}
18172
18173@media all and (650px <= width < 1040px) {
18174    .wmc:is(.wmcM_hidden--tablet) {
18175        visibility: hidden;
18176
18177        &.wmc_section {
18178            display: none;
18179        }
18180    }
18181}
18182
18183@media all and (width < 650px) {
18184    .wmc:is(.wmcM_hidden--mobile) {
18185        visibility: hidden;
18186
18187        &.wmc_section {
18188            display: none;
18189        }
18190    }
18191}
18192
18193/*** SLIDESHOW FOR LIVE SITES ***/
18194
18195.wmcM_stickyTopFixed.wmc_section {
18196    position: fixed;
18197    left: 0;
18198    right: 0;
18199    top: var(--stickyOffset, 0px);
18200}
18201
18202.wmcM_stickyBottomFixed.wmc_section {
18203    position: fixed;
18204    left: 0;
18205    right: 0;
18206    bottom: var(--stickyOffset, 0px);
18207}
18208
18209.wmcM_trailingTopRevealed.wmc_section {
18210    position: fixed;
18211    left: 0;
18212    right: 0;
18213    top: var(--stickyOffset, 0px);
18214    height: auto;
18215    overflow: visible;
18216}
18217
18218.wmcM_trailingBottomRevealed.wmc_section {
18219    position: fixed;
18220    left: 0;
18221    right: 0;
18222    bottom: var(--stickyOffset, 0px);
18223    height: auto;
18224    overflow: visible;
18225}
18226
18227.wmcM_scrollBehavior.wmcM_stickyBottom.wmcM_stickyBottomFixed {
18228    display: block;
18229}
18230
18231.wmcM_stickyTopFixed,
18232.wmcM_stickyBottomFixed,
18233.wmcM_trailingTopRevealed,
18234.wmcM_trailingBottomRevealed {
18235    z-index: 5000;
18236}
18237
18238.grecaptcha-badge {
18239    z-index: 999 !important;
18240}
18241
18242body > .wmc_section.wmc_section_sticky_state:is(.wmcM_stickyBottomFixed, .wmcM_trailingBottomRevealed) {
18243    transform-origin: 0 100% 0 !important;
18244}
18245
18246html.full_screen_open_body_fixed body > .wmc_section.wmc_section_sticky_state:has(.wmc_menu .navigation-module-container.active) {
18247    inset: 0 !important;
18248    width: calc(100dvw / var(--wm_scale)) !important;
18249    max-width: calc(100dvw / var(--wm_scale)) !important;
18250    min-width: calc(100dvw / var(--wm_scale)) !important;
18251    height: calc(100dvh / var(--wm_scale)) !important;
18252    max-height: calc(100dvh / var(--wm_scale)) !important;
18253    min-height: calc(100dvh / var(--wm_scale)) !important;
18254    transform-origin: 0 0 0 !important;
18255    --stickyOffset: 0px !important;
18256    z-index: 7000 !important;
18257}
18258
18259@media all and (width >= 1040px) {
18260    .wmcM_scrollBehavior.wmcM_stickyTop--desktop,
18261    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
18262        --stickyOffsetDesktop: 0px;
18263        --scrollBehaviorDesktop: sticky;
18264        --scrollBehavior: sticky;
18265    }
18266
18267    .wmcM_scrollBehavior.wmcM_stickyBottom--desktop {
18268        display: none;
18269    }
18270
18271    .wmcM_scrollBehavior.wmcM_trailingTop--desktop,
18272    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop {
18273        --stickyOffsetDesktop: 0px;
18274        --trailingAnchorIdDesktop: '';
18275        --revealThresholdDesktop: 0px;
18276        --scrollBehaviorDesktop: trailing;
18277        --scrollBehavior: trailing;
18278    }
18279
18280    .wmcM_scrollBehavior.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
18281    .wmcM_scrollBehavior.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
18282        height: 0;
18283        overflow: hidden;
18284    }
18285}
18286
18287@media all and (width < 1040px) and (width >= 640px) {
18288    .wmcM_scrollBehavior.wmcM_stickyTop--tablet,
18289    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
18290        --stickyOffsetTablet: 0px;
18291        --scrollBehaviorTablet: sticky;
18292        --scrollBehavior: sticky;
18293    }
18294
18295    .wmcM_scrollBehavior.wmcM_stickyBottom--tablet {
18296        display: none;
18297    }
18298
18299    .wmcM_scrollBehavior.wmcM_trailingTop--tablet,
18300    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet {
18301        --stickyOffsetTablet: 0px;
18302        --trailingAnchorIdTablet: '';
18303        --revealThresholdTablet: 0px;
18304        --scrollBehaviorTablet: trailing;
18305        --scrollBehavior: trailing;
18306    }
18307
18308    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll {
18309        --stickyOffsetTablet: var(--stickyOffsetDesktop, 0px);
18310        --trailingAnchorIdTablet: var(--trailingAnchorIdDesktop, '');
18311        --revealThresholdTablet: var(--revealThresholdDesktop, 0px);
18312        --scrollBehaviorTablet: var(--scrollBehaviorDesktop, none);
18313    }
18314
18315    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyTop--desktop {
18316        --scrollBehavior: sticky;
18317    }
18318
18319    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_stickyBottom--desktop {
18320        --scrollBehavior: sticky;
18321        display: none;
18322    }
18323
18324    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop {
18325        --scrollBehavior: trailing;
18326    }
18327
18328    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop {
18329        --scrollBehavior: trailing;
18330    }
18331
18332    .wmcM_scrollBehavior.wmcM_trailingTop--tablet.wmc_section:not(.wmcM_trailingTopRevealed),
18333    .wmcM_scrollBehavior.wmcM_trailingBottom--tablet.wmc_section:not(.wmcM_trailingBottomRevealed),
18334    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
18335    .wmcM_scrollBehavior.wmcM_tablet-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
18336        height: 0;
18337        overflow: hidden;
18338    }
18339}
18340
18341@media all and (width < 640px) {
18342    .wmcM_scrollBehavior.wmcM_stickyTop--mobile,
18343    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
18344        --stickyOffsetMobile: 0px;
18345        --scrollBehaviorMobile: sticky;
18346        --scrollBehavior: sticky;
18347    }
18348
18349    .wmcM_scrollBehavior.wmcM_trailingTop--mobile,
18350    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile {
18351        --stickyOffsetMobile: 0px;
18352        --trailingAnchorIdMobile: '';
18353        --revealThresholdMobile: 0px;
18354        --scrollBehaviorMobile: trailing;
18355        --scrollBehavior: trailing;
18356    }
18357
18358    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll {
18359        --stickyOffsetMobile: var(--stickyOffsetDesktop, 0px);
18360        --trailingAnchorIdMobile: var(--trailingAnchorIdDesktop, '');
18361        --revealThresholdMobile: var(--revealThresholdDesktop, 0px);
18362        --scrollBehaviorMobile: var(--scrollBehaviorDesktop, none);
18363    }
18364
18365    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyTop--desktop,
18366    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
18367        --scrollBehavior: sticky;
18368    }
18369
18370    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop,
18371    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop {
18372        --scrollBehavior: trailing;
18373    }
18374
18375    .wmcM_scrollBehavior.wmcM_stickyBottom--mobile {
18376        display: none;
18377    }
18378
18379    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_stickyBottom--desktop {
18380        display: none;
18381    }
18382
18383    .wmcM_scrollBehavior.wmcM_trailingTop--mobile.wmc_section:not(.wmcM_trailingTopRevealed),
18384    .wmcM_scrollBehavior.wmcM_trailingBottom--mobile.wmc_section:not(.wmcM_trailingBottomRevealed),
18385    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingTop--desktop.wmc_section:not(.wmcM_trailingTopRevealed),
18386    .wmcM_scrollBehavior.wmcM_mobile-inherit-scroll.wmcM_trailingBottom--desktop.wmc_section:not(.wmcM_trailingBottomRevealed) {
18387        height: 0;
18388        overflow: hidden;
18389    }
18390}
18391
18392
18393.wmc.wmc_section.wmc_section--dismissed {
18394    display: none !important;
18395}
18396
18397/** Override popUpSection minHeight set by editor */
18398.wmc_popUpSection {
18399    --minHeight: 0px !important;
18400}
18401
18402/**
18403    Prevent scroll while any dialog is open
18404 */
18405html:has(dialog[open]) {
18406    overflow: hidden !important;
18407}
18408
18409#fixed-components {
18410    position: fixed;
18411    inset: 0;
18412    display: grid;
18413    grid-template: 1fr / 1fr; /* single cell filling the viewport */
18414    pointer-events: none;
18415    z-index: 101;
18416
18417    & > .wmc {
18418        grid-area: 1 / 1;
18419        align-self: var(--fixedVerticalAlignment);
18420        justify-self: var(--fixedHorizontalAlignment);
18421        pointer-events: auto;
18422        margin: clamp(0px, var(--fixedVerticalOffset, 0px), 150px)
18423        clamp(0px, var(--fixedHorizontalOffset, 0px), 150px);
18424
18425        & > .wml {
18426            margin: 0;
18427        }
18428    }
18429}
18430
18431
18432</style>
18433            <style>/* text_live.css */
18434.wmc_text > .wml .wmcM_link,
18435.wmc_text > .wml a {
18436    &:hover,
18437    &:focus-within {
18438        &,
18439        & * {
18440            --textColor: var(--textColorHover);
18441            --textDecoration: var(--textDecorationHover);
18442            --textDecorationStyle: var(--textDecorationStyleHover);
18443            --textDecorationColor: var(--textDecorationColorHover);
18444        }
18445    }
18446}
18447</style>
18448        <style id="wmPersonalityCss">:root { --fontFamilyPrimary:'Libre Baskerville',serif;--title1_fontFamily:var(--fontFamilyPrimary);--title2_fontFamily:var(--fontFamilyPrimary);--title3_fontFamily:var(--fontFamilyPrimary);--fontFamilySecondary:'Montserrat',sans-serif;--heading1_fontFamily:var(--fontFamilyPrimary);--heading2_fontFamily:var(--fontFamilySecondary);--heading3_fontFamily:var(--fontFamilyPrimary);--heading4_fontFamily:var(--fontFamilyPrimary);--heading5_fontFamily:var(--fontFamilySecondary);--heading6_fontFamily:var(--fontFamilySecondary);--link_fontColorMobile:rgb(0,0,0);--link_fontColorTablet:rgb(0,0,0);--link_fontStyleMobile:inherit;--link_fontStyleTablet:inherit;--link_fontColorDesktop:rgba(var(--colorPrimaryC),1);--link_fontStyleDesktop:inherit;--link_fontWeightMobile:inherit;--link_fontWeightTablet:inherit;--paragraph1_fontFamily:var(--fontFamilySecondary);--paragraph2_fontFamily:var(--fontFamilySecondary);--paragraph3_fontFamily:var(--fontFamilySecondary);--paragraph4_fontFamily:var(--fontFamilySecondary);--title1_fontSizeMobile:2.25rem;--title1_fontSizeTablet:2.25rem;--title2_fontSizeMobile:2.25rem;--title2_fontSizeTablet:2.25rem;--title3_fontSizeMobile:1.9rem;--title3_fontSizeTablet:1.9rem;--link_fontWeightDesktop:inherit;--title1_fontColorMobile:rgb(0,0,0);--title1_fontColorTablet:rgb(0,0,0);--title1_fontSizeDesktop:2.8125rem;--title1_fontStyleMobile:normal;--title1_fontStyleTablet:normal;--title2_fontColorMobile:rgb(0,0,0);--title2_fontColorTablet:rgb(0,0,0);--title2_fontSizeDesktop:3.75rem;--title2_fontStyleMobile:normal;--title2_fontStyleTablet:normal;--title3_fontColorMobile:rgb(0,0,0);--title3_fontColorTablet:rgb(0,0,0);--title3_fontSizeDesktop:3.25rem;--title3_fontStyleMobile:normal;--title3_fontStyleTablet:normal;--heading1_fontSizeMobile:2.25rem;--heading1_fontSizeTablet:2.25rem;--heading2_fontSizeMobile:1.25rem;--heading2_fontSizeTablet:1.5rem;--heading3_fontSizeMobile:1.75rem;--heading3_fontSizeTablet:1.75rem;--heading4_fontSizeMobile:1.5rem;--heading4_fontSizeTablet:1.5rem;--heading5_fontSizeMobile:1.25rem;--heading5_fontSizeTablet:1.25rem;--heading6_fontSizeMobile:0.875rem;--heading6_fontSizeTablet:0.875rem;--title1_fontColorDesktop:rgb(0,0,0);--title1_fontStyleDesktop:normal;--title1_fontWeightMobile:500;--title1_fontWeightTablet:500;--title1_lineHeightMobile:1.1;--title1_lineHeightTablet:1.1;--title2_fontColorDesktop:rgb(0,0,0);--title2_fontStyleDesktop:normal;--title2_fontWeightMobile:800;--title2_fontWeightTablet:800;--title2_lineHeightMobile:1;--title2_lineHeightTablet:1;--title3_fontColorDesktop:rgb(0,0,0);--title3_fontStyleDesktop:normal;--title3_fontWeightMobile:700;--title3_fontWeightTablet:700;--title3_lineHeightMobile:1.1;--title3_lineHeightTablet:1.1;--heading1_fontColorMobile:rgb(0,0,0);--heading1_fontColorTablet:rgb(0,0,0);--heading1_fontSizeDesktop:2.5rem;--heading1_fontStyleMobile:normal;--heading1_fontStyleTablet:normal;--heading2_fontColorMobile:rgb(0,0,0);--heading2_fontColorTablet:rgb(0,0,0);--heading2_fontSizeDesktop:1.5rem;--heading2_fontStyleMobile:normal;--heading2_fontStyleTablet:normal;--heading3_fontColorMobile:rgb(0,0,0);--heading3_fontColorTablet:rgb(0,0,0);--heading3_fontSizeDesktop:2.25rem;--heading3_fontStyleMobile:normal;--heading3_fontStyleTablet:normal;--heading4_fontColorMobile:rgb(0,0,0);--heading4_fontColorTablet:rgb(0,0,0);--heading4_fontSizeDesktop:1.75rem;--heading4_fontStyleMobile:normal;--heading4_fontStyleTablet:normal;--heading5_fontColorMobile:rgb(0,0,0);--heading5_fontColorTablet:rgb(0,0,0);--heading5_fontSizeDesktop:1.25rem;--heading5_fontStyleMobile:normal;--heading5_fontStyleTablet:normal;--heading6_fontColorMobile:rgb(0,0,0);--heading6_fontColorTablet:rgb(0,0,0);--heading6_fontSizeDesktop:0.875rem;--heading6_fontStyleMobile:normal;--heading6_fontStyleTablet:normal;--title1_fontWeightDesktop:500;--title1_lineHeightDesktop:1.1;--title2_fontWeightDesktop:800;--title2_lineHeightDesktop:1.1;--title3_fontWeightDesktop:700;--title3_lineHeightDesktop:1.2;--heading1_fontColorDesktop:rgb(0,0,0);--heading1_fontStyleDesktop:normal;--heading1_fontWeightMobile:500;--heading1_fontWeightTablet:500;--heading1_lineHeightMobile:1.1;--heading1_lineHeightTablet:1.1;--heading2_fontColorDesktop:rgb(0,0,0);--heading2_fontStyleDesktop:normal;--heading2_fontWeightMobile:600;--heading2_fontWeightTablet:600;--heading2_lineHeightMobile:1.1;--heading2_lineHeightTablet:1.1;--heading3_fontColorDesktop:rgb(0,0,0);--heading3_fontStyleDesktop:normal;--heading3_fontWeightMobile:500;--heading3_fontWeightTablet:500;--heading3_lineHeightMobile:1.1;--heading3_lineHeightTablet:1.1;--heading4_fontColorDesktop:rgb(0,0,0);--heading4_fontStyleDesktop:normal;--heading4_fontWeightMobile:600;--heading4_fontWeightTablet:600;--heading4_lineHeightMobile:1.2;--heading4_lineHeightTablet:1.2;--heading5_fontColorDesktop:rgb(0,0,0);--heading5_fontStyleDesktop:normal;--heading5_fontWeightMobile:500;--heading5_fontWeightTablet:500;--heading5_lineHeightMobile:1.2;--heading5_lineHeightTablet:1.2;--heading6_fontColorDesktop:rgb(0,0,0);--heading6_fontStyleDesktop:normal;--heading6_fontWeightMobile:700;--heading6_fontWeightTablet:700;--heading6_lineHeightMobile:1.25;--heading6_lineHeightTablet:1.25;--link_hoverFontColorMobile:rgb(0,0,0);--link_hoverFontColorTablet:rgb(0,0,0);--link_textDecorationMobile:underline;--link_textDecorationTablet:underline;
18448--paragraph1_fontSizeMobile:1.125rem;--paragraph1_fontSizeTablet:1.125rem;--paragraph2_fontSizeMobile:1rem;--paragraph2_fontSizeTablet:1rem;--paragraph3_fontSizeMobile:1rem;--paragraph3_fontSizeTablet:1rem;--paragraph4_fontSizeMobile:0.75rem;--paragraph4_fontSizeTablet:0.75rem;--heading1_fontWeightDesktop:500;--heading1_lineHeightDesktop:1.1;--heading2_fontWeightDesktop:500;--heading2_lineHeightDesktop:1.1;--heading3_fontWeightDesktop:500;--heading3_lineHeightDesktop:1.1;--heading4_fontWeightDesktop:600;--heading4_lineHeightDesktop:1.1;--heading5_fontWeightDesktop:500;--heading5_lineHeightDesktop:1.2;--heading6_fontWeightDesktop:700;--heading6_lineHeightDesktop:1.3;--link_hoverFontColorDesktop:rgb(0,0,0);--link_textDecorationDesktop:underline;--paragraph1_fontColorMobile:rgb(0,0,0);--paragraph1_fontColorTablet:rgb(0,0,0);--paragraph1_fontSizeDesktop:1.125rem;--paragraph1_fontStyleMobile:normal;--paragraph1_fontStyleTablet:normal;--paragraph2_fontColorMobile:rgb(0,0,0);--paragraph2_fontColorTablet:rgb(0,0,0);--paragraph2_fontSizeDesktop:1.13rem;--paragraph2_fontStyleMobile:normal;--paragraph2_fontStyleTablet:normal;
18448--paragraph3_fontColorMobile:rgb(0,0,0);--paragraph3_fontColorTablet:rgb(0,0,0);--paragraph3_fontSizeDesktop:1rem;--paragraph3_fontStyleMobile:normal;--paragraph3_fontStyleTablet:normal;--paragraph4_fontColorMobile:rgb(0,0,0);--paragraph4_fontColorTablet:rgb(0,0,0);--paragraph4_fontSizeDesktop:0.75rem;--paragraph4_fontStyleMobile:normal;--paragraph4_fontStyleTablet:normal;--title1_letterSpacingMobile:0px;--title1_letterSpacingTablet:0px;--title2_letterSpacingMobile:0px;--title2_letterSpacingTablet:0px;--title3_letterSpacingMobile:0px;--title3_letterSpacingTablet:0px;--paragraph1_fontColorDesktop:rgb(0,0,0);--paragraph1_fontStyleDesktop:normal;--paragraph1_fontWeightMobile:400;--paragraph1_fontWeightTablet:400;--paragraph1_lineHeightMobile:1.2;--paragraph1_lineHeightTablet:1.25;--paragraph2_fontColorDesktop:rgb(0,0,0);--paragraph2_fontStyleDesktop:normal;--paragraph2_fontWeightMobile:400;--paragraph2_fontWeightTablet:400;--paragraph2_lineHeightMobile:1.5;--paragraph2_lineHeightTablet:1.5;--paragraph3_fontColorDesktop:rgb(0,0,0);--paragraph3_fontStyleDesktop:normal;--paragraph3_fontWeightMobile:400;--paragraph3_fontWeightTablet:400;--paragraph3_lineHeightMobile:1.5;--paragraph3_lineHeightTablet:1.5;--paragraph4_fontColorDesktop:rgb(0,0,0);--paragraph4_fontStyleDesktop:normal;--paragraph4_fontWeightMobile:400;--paragraph4_fontWeightTablet:400;--paragraph4_lineHeightMobile:1.3;--paragraph4_lineHeightTablet:1.3;--title1_letterSpacingDesktop:0px;--title1_textDecorationMobile:none;--title1_textDecorationTablet:none;--title2_letterSpacingDesktop:0px;--title2_textDecorationMobile:none;--title2_textDecorationTablet:none;--title3_letterSpacingDesktop:0px;--title3_textDecorationMobile:none;--title3_textDecorationTablet:none;--heading1_letterSpacingMobile:0px;--heading1_letterSpacingTablet:0px;--heading2_letterSpacingMobile:0px;--heading2_letterSpacingTablet:0px;--heading3_letterSpacingMobile:0px;--heading3_letterSpacingTablet:0px;--heading4_letterSpacingMobile:0px;--heading4_letterSpacingTablet:0px;--heading5_letterSpacingMobile:0px;--heading5_letterSpacingTablet:0px;--heading6_letterSpacingMobile:1px;--heading6_letterSpacingTablet:3px;--paragraph1_fontWeightDesktop:400;--paragraph1_lineHeightDesktop:1.3;--paragraph2_fontWeightDesktop:400;--paragraph2_lineHeightDesktop:1.3;--paragraph3_fontWeightDesktop:400;--paragraph3_lineHeightDesktop:1.5;--paragraph4_fontWeightDesktop:400;--paragraph4_lineHeightDesktop:1.3;--title1_textDecorationDesktop:none;--title2_textDecorationDesktop:none;--title3_textDecorationDesktop:none;--heading1_letterSpacingDesktop:0px;--heading1_textDecorationMobile:none;--heading1_textDecorationTablet:none;--heading2_letterSpacingDesktop:0px;--heading2_textDecorationMobile:none;--heading2_textDecorationTablet:none;--heading3_letterSpacingDesktop:0px;--heading3_textDecorationMobile:none;--heading3_textDecorationTablet:none;--heading4_letterSpacingDesktop:0px;--heading4_textDecorationMobile:none;--heading4_textDecorationTablet:none;--heading5_letterSpacingDesktop:0px;--heading5_textDecorationMobile:none;--heading5_textDecorationTablet:none;--heading6_letterSpacingDesktop:1px;--heading6_textDecorationMobile:none;--heading6_textDecorationTablet:none;--title1_paragraphSpacingMobile:0rem;--title1_paragraphSpacingTablet:0rem;--title2_paragraphSpacingMobile:0rem;--title2_paragraphSpacingTablet:0rem;--title3_paragraphSpacingMobile:2rem;--title3_paragraphSpacingTablet:2rem;--heading1_textDecorationDesktop:none;--heading2_textDecorationDesktop:none;--heading3_textDecorationDesktop:none;--heading4_textDecorationDesktop:none;--heading5_textDecorationDesktop:none;--heading6_textDecorationDesktop:none;--link_hoverTextDecorationMobile:underline;--link_hoverTextDecorationTablet:underline;--link_textDecorationColorMobile:currentColor;--link_textDecorationColorTablet:currentColor;--link_textDecorationStyleMobile:solid;--link_textDecorationStyleTablet:solid;--paragraph1_letterSpacingMobile:0px;--paragraph1_letterSpacingTablet:0px;--paragraph2_letterSpacingMobile:0px;--paragraph2_letterSpacingTablet:0px;--paragraph3_letterSpacingMobile:0px;--paragraph3_letterSpacingTablet:0px;--paragraph4_letterSpacingMobile:0px;--paragraph4_letterSpacingTablet:0px;--title1_paragraphSpacingDesktop:0rem;--title2_paragraphSpacingDesktop:0rem;--title3_paragraphSpacingDesktop:2.5rem;--heading1_paragraphSpacingMobile:2rem;--heading1_paragraphSpacingTablet:2rem;--heading2_paragraphSpacingMobile:0.75rem;--heading2_paragraphSpacingTablet:0.75rem;--heading3_paragraphSpacingMobile:0.75rem;--heading3_paragraphSpacingTablet:0.75rem;--heading4_paragraphSpacingMobile:0.75rem;--heading4_paragraphSpacingTablet:0.75rem;--heading5_paragraphSpacingMobile:0.75rem;--heading5_paragraphSpacingTablet:0.75rem;--heading6_paragraphSpacingMobile:0.75rem;--heading6_paragraphSpacingTablet:0.75rem;--link_hoverTextDecorationDesktop:underline;--link_textDecorationColorDesktop:currentColor;--link_textDecorationStyleDesktop:solid;--paragraph1_letterSpacingDesktop:0px;--paragraph1_textDecorationMobile:none;
18448--paragraph1_textDecorationTablet:none;--paragraph2_letterSpacingDesktop:0px;--paragraph2_textDecorationMobile:none;--paragraph2_textDecorationTablet:none;--paragraph3_letterSpacingDesktop:0px;--paragraph3_textDecorationMobile:none;--paragraph3_textDecorationTablet:none;--paragraph4_letterSpacingDesktop:0px;--paragraph4_textDecorationMobile:none;--paragraph4_textDecorationTablet:none;--heading1_paragraphSpacingDesktop:2.5rem;--heading2_paragraphSpacingDesktop:0.75rem;--heading3_paragraphSpacingDesktop:0.75rem;--heading4_paragraphSpacingDesktop:0.75rem;--heading5_paragraphSpacingDesktop:0.75rem;--heading6_paragraphSpacingDesktop:0.75rem;--paragraph1_textDecorationDesktop:none;--paragraph2_textDecorationDesktop:none;--paragraph3_textDecorationDesktop:none;--paragraph4_textDecorationDesktop:none;--title1_textDecorationColorMobile:currentColor;--title1_textDecorationColorTablet:currentColor;--title1_textDecorationStyleMobile:solid;--title1_textDecorationStyleTablet:solid;--title2_textDecorationColorMobile:currentColor;--title2_textDecorationColorTablet:currentColor;--title2_textDecorationStyleMobile:solid;--title2_textDecorationStyleTablet:solid;--title3_textDecorationColorMobile:currentColor;--title3_textDecorationColorTablet:currentColor;--title3_textDecorationStyleMobile:solid;--title3_textDecorationStyleTablet:solid;--paragraph1_paragraphSpacingMobile:0.75rem;--paragraph1_paragraphSpacingTablet:0.75rem;--paragraph2_paragraphSpacingMobile:0.75rem;--paragraph2_paragraphSpacingTablet:0.75rem;--paragraph3_paragraphSpacingMobile:0.75rem;--paragraph3_paragraphSpacingTablet:0.75rem;--paragraph4_paragraphSpacingMobile:0.75rem;--paragraph4_paragraphSpacingTablet:0.75rem;--title1_textDecorationColorDesktop:currentColor;--title1_textDecorationStyleDesktop:solid;--title2_textDecorationColorDesktop:currentColor;--title2_textDecorationStyleDesktop:solid;--title3_textDecorationColorDesktop:currentColor;--title3_textDecorationStyleDesktop:solid;--heading1_textDecorationColorMobile:currentColor;--heading1_textDecorationColorTablet:currentColor;--heading1_textDecorationStyleMobile:solid;--heading1_textDecorationStyleTablet:solid;--heading2_textDecorationColorMobile:currentColor;--heading2_textDecorationColorTablet:currentColor;--heading2_textDecorationStyleMobile:solid;--heading2_textDecorationStyleTablet:solid;--heading3_textDecorationColorMobile:currentColor;--heading3_textDecorationColorTablet:currentColor;--heading3_textDecorationStyleMobile:solid;--heading3_textDecorationStyleTablet:solid;--heading4_textDecorationColorMobile:currentColor;--heading4_textDecorationColorTablet:currentColor;--heading4_textDecorationStyleMobile:solid;--heading4_textDecorationStyleTablet:solid;--heading5_textDecorationColorMobile:currentColor;--heading5_textDecorationColorTablet:currentColor;--heading5_textDecorationStyleMobile:solid;--heading5_textDecorationStyleTablet:solid;--heading6_textDecorationColorMobile:currentColor;--heading6_textDecorationColorTablet:currentColor;--heading6_textDecorationStyleMobile:solid;--heading6_textDecorationStyleTablet:solid;--paragraph1_paragraphSpacingDesktop:0.75rem;--paragraph2_paragraphSpacingDesktop:0.75rem;--paragraph3_paragraphSpacingDesktop:0.75rem;--paragraph4_paragraphSpacingDesktop:0.75rem;--heading1_textDecorationColorDesktop:currentColor;--heading1_textDecorationStyleDesktop:solid;--heading2_textDecorationColorDesktop:currentColor;--heading2_textDecorationStyleDesktop:solid;--heading3_textDecorationColorDesktop:currentColor;--heading3_textDecorationStyleDesktop:solid;--heading4_textDecorationColorDesktop:currentColor;--heading4_textDecorationStyleDesktop:solid;--heading5_textDecorationColorDesktop:currentColor;--heading5_textDecorationStyleDesktop:solid;--heading6_textDecorationColorDesktop:currentColor;--heading6_textDecorationStyleDesktop:solid;--link_hoverTextDecorationColorMobile:currentColor;--link_hoverTextDecorationColorTablet:currentColor;--link_hoverTextDecorationStyleMobile:solid;--link_hoverTextDecorationStyleTablet:solid;--link_hoverTextDecorationColorDesktop:currentColor;--link_hoverTextDecorationStyleDesktop:solid;--paragraph1_textDecorationColorMobile:currentColor;--paragraph1_textDecorationColorTablet:currentColor;--paragraph1_textDecorationStyleMobile:solid;--paragraph1_textDecorationStyleTablet:solid;--paragraph2_textDecorationColorMobile:currentColor;--paragraph2_textDecorationColorTablet:currentColor;--paragraph2_textDecorationStyleMobile:solid;--paragraph2_textDecorationStyleTablet:solid;--paragraph3_textDecorationColorMobile:currentColor;--paragraph3_textDecorationColorTablet:currentColor;--paragraph3_textDecorationStyleMobile:solid;--paragraph3_textDecorationStyleTablet:solid;--paragraph4_textDecorationColorMobile:currentColor;--paragraph4_textDecorationColorTablet:currentColor;--paragraph4_textDecorationStyleMobile:solid;--paragraph4_textDecorationStyleTablet:solid;--paragraph1_textDecorationColorDesktop:currentColor;--paragraph1_textDecorationStyleDesktop:solid;--paragraph2_textDecorationColorDesktop:currentColor;--paragraph2_textDecorationStyleDesktop:solid;--paragraph3_textDecorationColorDesktop:currentColor;--paragraph3_textDecorationStyleDesktop:solid;--paragraph4_textDecorationColorDesktop:currentColor;--paragraph4_textDecorationStyleDesktop:solid}
18449:root { --colorCtaA:7,5,0;--colorCtaB:58,44,0;--colorCtaC:109,82,0;--colorCtaD:160,121,0;--colorCtaE:211,159,0;--colorCtaF:255,194,7;--colorCtaG:255,206,58;--colorCtaH:255,219,109;--colorCtaI:255,232,160;--colorCtaJ:255,244,211;--colorPrimaryA:4,4,0;--colorPrimaryB:53,51,2;--colorPrimaryC:103,98,3;--colorPrimaryD:152,145,5;--colorPrimaryE:202,192,6;--colorPrimaryF:248,236,11;--colorPrimaryG:249,240,61;--colorPrimaryH:251,244,110;--colorPrimaryI:252,247,160;--colorPrimaryJ:254,251,209;--colorSecondaryA:39,31,1;--colorSecondaryB:88,71,3;--colorSecondaryC:138,111,4;
18449--colorSecondaryD:188,151,5;--colorSecondaryE:237,191,7;--colorSecondaryF:249,208,46;--colorSecondaryG:250,219,96;--colorSecondaryH:252,230,145;--colorSecondaryI:253,241,195;--colorSecondaryJ:255,253,244;--colorBackgroundA:12,14,22;--colorBackgroundB:30,35,55;--colorBackgroundC:48,56,88;--colorBackgroundD:66,77,121;--colorBackgroundE:84,98,154;--colorBackgroundF:112,125,177;--colorBackgroundG:145,155,195;--colorBackgroundH:178,185,213;--colorBackgroundI:211,215,231;--colorBackgroundJ:244,245,249;--colorCta--active:var(--colorCtaH);--colorPrimary--active:var(--colorPrimaryE);--colorSecondary--active:var(--colorSecondaryF);--colorBackground--active:var(--colorBackgroundJ);--colorBwGradientA:0,0,0;--colorBwGradientB:51,51,51;--colorBwGradientC:77,77,77;--colorBwGradientD:102,102,102;--colorBwGradientE:128,128,128;--colorBwGradientF:153,153,153;--colorBwGradientG:179,179,179;--colorBwGradientH:204,204,204;--colorBwGradientI:230,230,230;--colorBwGradientJ:255,255,255;--colorBwGradient--active:var(--colorBwGradientE)}</style>
18450    <style id="wmCustomColorCss">:root { }</style>
18451    <style id="wmCustomGradientCss">:root { --customGradient0:linear-gradient(225deg, rgba(var(--colorSecondaryA),1) 100%, rgba(var(--colorSecondaryC),1) 0%);--customGradient1:linear-gradient(266deg, rgba(var(--colorPrimaryC),1) 0%, rgba(var(--colorPrimaryA),1) 100%);--customGradient2:linear-gradient(225deg, transparent 0%, rgba(var(--colorSecondaryB),1) 100%);--customGradient3:linear-gradient(225deg, rgba(var(--colorSecondaryD),1) 0%, rgba(var(--colorSecondaryA),1) 100%)}</style>
18452    <!-- Images -->
18453    <link rel="preconnect" href="https://media.evona.app">
18454
18455    <!-- Favicon -->
18456    <link rel="icon" type="image/png" href="https://storage.evona.app/I%2FN%2Fq%2Fd%2Fu%2Fy%2FINqduyuu72AlHjQpejU5Xj3kktObR5VVvnU6TNAG">
18457
18458
18459    <!-- Fonts -->
18460        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18461    <style>/* latin-ext */
18462@font-face {
18463  font-family: 'Libre Baskerville';
18464  font-style: italic;
18465  font-weight: 400;
18466  font-display: swap;
18467  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKWZrc3Hgbbcjq75U4uslyuy4kn0qNccR04_RUJeby2OU36SjNDlufifQ.woff2) format('woff2');
18468  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18469}
18470/* latin */
18471@font-face {
18472  font-family: 'Libre Baskerville';
18473  font-style: italic;
18474  font-weight: 400;
18475  font-display: swap;
18476  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKWZrc3Hgbbcjq75U4uslyuy4kn0qNccR04_RUJeby2OU36SjNNluc.woff2) format('woff2');
18477  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18478}
18479/* latin-ext */
18480@font-face {
18481  font-family: 'Libre Baskerville';
18482  font-style: normal;
18483  font-weight: 400;
18484  font-display: swap;
18485  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
18486  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18487}
18488/* latin */
18489@font-face {
18490  font-family: 'Libre Baskerville';
18491  font-style: normal;
18492  font-weight: 400;
18493  font-display: swap;
18494  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');
18495  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18496}
18497/* latin-ext */
18498@font-face {
18499  font-family: 'Libre Baskerville';
18500  font-style: normal;
18501  font-weight: 700;
18502  font-display: swap;
18503  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
18504  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
18504BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18505}
18506/* latin */
18507@font-face {
18508  font-family: 'Libre Baskerville';
18509  font-style: normal;
18510  font-weight: 700;
18511  font-display: swap;
18512  src: url(https://fonts.gstatic.com/s/librebaskerville/v24/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');
18513  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18514}
18515
18516/* cyrillic-ext */
18517@font-face {
18518  font-family: 'Montserrat';
18519  font-style: italic;
18520  font-weight: 100 900;
18521  font-display: swap;
18522  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
18523  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
18524}
18525/* cyrillic */
18526@font-face {
18527  font-family: 'Montserrat';
18528  font-style: italic;
18529  font-weight: 100 900;
18530  font-display: swap;
18531  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
18532  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
18533}
18534/* vietnamese */
18535@font-face {
18536  font-family: 'Montserrat';
18537  font-style: italic;
18538  font-weight: 100 900;
18539  font-display: swap;
18540  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
18541  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
18542}
18543/* latin-ext */
18544@font-face {
18545  font-family: 'Montserrat';
18546  font-style: italic;
18547  font-weight: 100 900;
18548  font-display: swap;
18549  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
18550  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18551}
18552/* latin */
18553@font-face {
18554  font-family: 'Montserrat';
18555  font-style: italic;
18556  font-weight: 100 900;
18557  font-display: swap;
18558  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
18559  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18560}
18561/* cyrillic-ext */
18562@font-face {
18563  font-family: 'Montserrat';
18564  font-style: normal;
18565  font-weight: 100 900;
18566  font-display: swap;
18567  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
18568  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
18569}
18570/* cyrillic */
18571@font-face {
18572  font-family: 'Montserrat';
18573  font-style: normal;
18574  font-weight: 100 900;
18575  font-display: swap;
18576  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
18577  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
18578}
18579/* vietnamese */
18580@font-face {
18581  font-family: 'Montserrat';
18582  font-style: normal;
18583  font-weight: 100 900;
18584  font-display: swap;
18585  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
18586  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
18587}
18588/* latin-ext */
18589@font-face {
18590  font-family: 'Montserrat';
18591  font-style: normal;
18592  font-weight: 100 900;
18593  font-display: swap;
18594  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
18595  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18596}
18597/* latin */
18598@font-face {
18599  font-family: 'Montserrat';
18600  font-style: normal;
18601  font-weight: 100 900;
18602  font-display: swap;
18603  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
18604  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18605}
18606</style>
18607
18608    
18608<script> /* bugfix: this simple declaration in this particular position in HTML prevents FOUC in Firefox */ let FF_FOUC_FIX; </script>
18608
18609
18610    
18610<script type="text/javascript">/* core/config.js */
18611;(() => {
18612    globalThis.wmJsConfig = function(
18613        {
18614            mediaUrl = '',
18615            mediaScale = 1,
18616            initialAutoStart = true,
18617        }
18618    ) {
18619        /** @type { { mediaUrl: string; mediaScale: number; initialAutoStart: boolean } } */
18620        globalThis.WMConstants = {
18621            mediaUrl,
18622            mediaScale,
18623            initialAutoStart,
18624        };
18625
18626        /**
18627         * @var WMComponents
18628         * @namespace WMComponents
18629         */
18630        globalThis.WMComponents = {};
18631
18632        /** @type { { [key: string]: any } } */
18633        globalThis.WMWatchers = {};
18634
18635        /** @type { ?string } */
18636        globalThis.wmDevice = null;
18637
18638        /** @type { boolean } */
18639        globalThis.wmUserInteraction = false;
18640    }
18641})();
18642</script>
18642
18643    
18643<script>
18644        ;(() => {
18645            wmJsConfig({
18646                mediaUrl: 'https://media.evona.app',
18647                mediaScale: 1,
18648                initialAutoStart: true,
18649            });
18650        })();
18651    </script>
18651
18652
18653    <!-- must never be deferred -->
18654    
18654<script type="text/javascript">/* core/wm-system.js */
18655;(() => {
18656    /* =================================== */
18657    /* ===== System Event Dispatcher ===== */
18658    /* =================================== */
18659
18660    globalThis.WmEvents ??= {};
18661    (globalThis.WmSystem ??= {}).emitEvent = function emitSystemEvent(
18662        constructor,
18663        ...arguments
18664    ) {
18665        if (!constructor) return false;
18666        try {
18667            const event = new constructor(...arguments);
18668            return dispatchEvent(event);
18669        } catch (e) {
18670            console.error(e);
18671            return false;
18672        }
18673    };
18674})();
18675</script>
18675
18676    
18676<script type="text/javascript">/* core/events.js */
18677;(() => {
18678    /* ==================================== */
18679    /* ===== Dismiss Behavior Handler ===== */
18680    /* ==================================== */
18681
18682    /**
18683     * @class {DismissEvent}
18684     */
18685    class DismissEvent extends Event {
18686        /**
18687         * @param {MouseEvent&{target:HTMLElement}} config.cause
18688         * @param {DismissType} config.type
18689         *
18690         */
18691        constructor(config) {
18692            super('wm-dismiss');
18693            /** @type {DismissType}*/
18694            this.dismissType = config.type;
18695            const { cause } = config;
18696            /** @type {string|undefined}*/
18697            this.sectionId = cause.target.closest('.wmc_section, .wmc_popUpSection')?.id;
18698        }
18699    }
18700
18701    (globalThis.WmEvents ??= {})['DismissEvent'] ??= DismissEvent;
18702
18703    /* ==================================== */
18704    /* ===== Popup Behavior Handler ===== */
18705    /* ==================================== */
18706
18707    /**
18708     * @class {PopUpOpenEvent}
18709     */
18710    class PopUpOpenEvent extends Event {
18711        /**
18712         * @param {MouseEvent&{target:HTMLElement}} config.cause
18713         * @param {string} config.popUpSectionId
18714         *
18715         */
18716        constructor(config) {
18717            super('wm-popup-open');
18718            const {  popUpSectionId } = config;
18719            /** @type {string}*/
18720            this.popUpSectionId = popUpSectionId;
18721        }
18722    }
18723
18724    (globalThis.WmEvents ??= {})['PopUpOpenEvent'] ??= PopUpOpenEvent;
18725})();
18726</script>
18726
18727    
18727<script type="text/javascript">/* core/device.js */
18728;(() => {
18729    // this is supported only in Chrome as of February 2026
18730    // allows for much more efficient scaling (without layout thrashing)
18731    const cssLengthDivisionSupported = CSS.supports('opacity: calc(100vw / 100px)') && CSS.supports('opacity: calc(100% / 100px)');
18732    if (!cssLengthDivisionSupported ) {
18733        console.warn( 'length division not supported in CSS - using JS fallback');
18734    }
18735
18736    class WmDeviceReadyEvent extends CustomEvent {
18737        constructor(detail = null) {
18738            super('wm-device-ready', { detail });
18739        }
18740    }
18741
18742    class WmDeviceChangeEvent extends CustomEvent {
18743        constructor(detail = null) {
18744            super('wm-device-change', { detail });
18745        }
18746    }
18747
18748    function setDeviceWidth(zeroDiff = false) {
18749        if (cssLengthDivisionSupported) {
18750            return;
18751        }
18752        const windowWidth = window.innerWidth;
18753        const windowWidthDiff = zeroDiff ? 0 : (windowWidth - document.documentElement.clientWidth);
18754        document.documentElement.style.setProperty('--wm_windowWidth', `${windowWidth}`);
18755        document.documentElement.style.setProperty('--wm_windowWidthDiff', `${windowWidthDiff}`);
18756        document.documentElement.style.setProperty('overflow-y', (windowWidthDiff > 0) ? 'scroll' : 'visible');
18757    }
18758
18759    function handleSetDevice()  {
18760        let device = 'Desktop';
18761        if (window.matchMedia('all and (650px <= width < 1040px)').matches) {
18762            device = 'Tablet';
18763        }
18764        if (window.matchMedia('all and (width < 650px)').matches) {
18765            device = 'Mobile';
18766        }
18767
18768        if (!globalThis.wmDevice) {
18769            globalThis.wmDevice = device;
18770            console.debug(`device: ${globalThis.wmDevice}`);
18771            window.dispatchEvent(new WmDeviceReadyEvent());
18772            return;
18773        }
18774
18775        if (globalThis.wmDevice !== device) {
18776            globalThis.wmDevice = device;
18777            console.debug(`device: ${globalThis.wmDevice}`);
18778            window.dispatchEvent(new WmDeviceChangeEvent());
18779        }
18780    }
18781
18782    /**
18783     * @param callback {function(): void}
18784     */
18785    function afterFramePaint(callback) {
18786        requestAnimationFrame(() => {
18787            const messageChannel = new MessageChannel();
18788            messageChannel.port1.onmessage = callback;
18789            messageChannel.port2.postMessage(undefined);
18790        });
18791    }
18792
18793    function setDevice() {
18794        setDeviceWidth(true);
18795        if ((!cssLengthDivisionSupported) && (document.body.clientHeight < document.body.scrollHeight)) {
18796            setDeviceWidth();
18797        }
18798        handleSetDevice();
18799        afterFramePaint(() => {
18800            if (document.documentElement.classList.contains('wm_initial')) {
18801                document.documentElement.classList.remove('wm_initial');
18802            }
18803            window.addEventListener('resize', setDevice, { once: true });
18804        });
18805    }
18806
18807    if (document.readyState === 'loading') {
18808        setDeviceWidth(true);
18809        window.addEventListener('DOMContentLoaded', setDevice, { once: true });
18810    } else {
18811        setDevice();
18812    }
18813})();
18814</script>
18814
18815    
18815<script type="text/javascript">/* core/reorder.js */
18816/**
18817 * Reorder components based on their grid position
18818 * for browsers to construct the DOM in the correct order for accessibility purposes
18819 */
18820;(() => {
18821    const processed = new WeakMap();
18822    let currentDevice = null;
18823    let observer = null;
18824    let isInitialized = false;
18825
18826    /**
18827     * Reorder a single container - optimized version
18828     * @param {HTMLElement} container
18829     */
18830    function reorderContainer(container, force = false) {
18831        const device = globalThis.wmDevice;
18832        if (!device) return;
18833
18834        const deviceKey = device;
18835        if (processed.get(container) === deviceKey) {
18836            if (!force) return;
18837        }
18838
18839        const gridPositionVar = `--gridPosition${device}`;
18840        const components = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)');
18841
18842        if (components.length <= 1) {
18843            processed.set(container, deviceKey);
18844            return;
18845        }
18846
18847        // Fast path: check if already sorted by comparing first few elements
18848        const firstFew = Math.min(5, components.length);
18849        let likelySorted = true;
18850        let lastPos = -Infinity;
18851
18852        for (let i = 0; i < firstFew; i++) {
18853            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
18854            if (pos < lastPos) {
18855                likelySorted = false;
18856                break;
18857            }
18858            lastPos = pos;
18859        }
18860
18861        if (likelySorted && firstFew === components.length) {
18862            processed.set(container, deviceKey);
18863            return;
18864        }
18865
18866        // Batch all reads
18867        const items = [];
18868        for (let i = 0; i < components.length; i++) {
18869            const pos = parseInt(components[i].style.getPropertyValue(gridPositionVar), 10) || 0;
18870            items.push({ element: components[i], position: pos, index: i });
18871        }
18872
18873        // Check if actually needs reordering
18874        let needsReorder = false;
18875        for (let i = 1; i < items.length; i++) {
18876            if (items[i].position < items[i - 1].position) {
18877                needsReorder = true;
18878                break;
18879            }
18880        }
18881
18882        if (!needsReorder) {
18883            processed.set(container, deviceKey);
18884            return;
18885        }
18886
18887        // Sort and reorder
18888        items.sort((a, b) => a.position - b.position);
18889
18890        const fragment = document.createDocumentFragment();
18891        for (const item of items) {
18892            fragment.appendChild(item.element);
18893        }
18894        container.appendChild(fragment);
18895
18896        processed.set(container, deviceKey);
18897    }
18898
18899    /**
18900     * Setup lazy reordering with IntersectionObserver
18901     */
18902    function setupLazyReordering(force = false) {
18903        if (force) {
18904            const containers = document.querySelectorAll('.wml');
18905            for (const container of containers) {
18906                reorderContainer(container, true);
18907            }
18908            return;
18909        }
18910
18911        if (observer) {
18912            observer.disconnect();
18913        }
18914
18915        observer = new IntersectionObserver((entries) => {
18916            const callback = () => {
18917                for (const entry of entries) {
18918                    if (entry.isIntersecting) {
18919                        reorderContainer(entry.target);
18920                        observer.unobserve(entry.target);
18921                    }
18922                }
18923            };
18924            if (typeof requestIdleCallback === 'function') {
18925                requestIdleCallback(callback, { timeout: 3000 });
18926            } else {
18927                // Fallback for browsers without requestIdleCallback
18928                setTimeout(callback, 1000);
18929            }
18930        }, { rootMargin: '100px' });
18931
18932        // Only observe containers with children
18933        const containers = document.querySelectorAll('.wml');
18934        for (const container of containers) {
18935            const hasMultipleChildren = container.querySelectorAll(':scope > .wmc:not(.wmc_stub)').length > 1;
18936            if (hasMultipleChildren) {
18937                observer.observe(container);
18938            }
18939        }
18940    }
18941
18942    /**
18943     * Handle device change - clear cache and re-observe
18944     */
18945    function handleDeviceChange() {
18946        const device = globalThis.wmDevice;
18947        if (device && device !== currentDevice) {
18948            currentDevice = device;
18949            // Don't clear processed map - device key will handle it
18950            if (isInitialized) {
18951                setupLazyReordering();
18952            }
18953        }
18954    }
18955
18956    /**
18957     * Initialize - but only after everything else
18958     */
18959    function init() {
18960        if (isInitialized) return;
18961        isInitialized = true;
18962
18963        currentDevice = globalThis.wmDevice;
18964        if (!currentDevice) {
18965            window.addEventListener('wm-device-ready', () => {
18966                currentDevice = globalThis.wmDevice;
18967                setupLazyReordering();
18968            }, { once: true });
18969        } else {
18970            setupLazyReordering();
18971        }
18972
18973        window.addEventListener('wm-device-change', handleDeviceChange);
18974
18975        // Pause when page hidden to save resources
18976        document.addEventListener('visibilitychange', () => {
18977            if (document.hidden && observer) {
18978                observer.disconnect();
18979            } else if (!document.hidden && isInitialized) {
18980                setupLazyReordering();
18981            }
18982        });
18983    }
18984
18985    window.triggerReordering = () => setupLazyReordering(true);
18986
18987    // CRITICAL: Maximum deferral - only run after everything else
18988    // Priority order: user interaction > idle > page load
18989    if (typeof requestIdleCallback === 'function') {
18990        requestIdleCallback(() => {
18991            if (!globalThis.wmUserInteraction) {
18992                window.addEventListener('wm-user-interaction', init, { once: true });
18993            } else {
18994                init();
18995            }
18996        }, { timeout: 5000 });
18997    } else {
18998        // Fallback for browsers without requestIdleCallback
18999        if (!globalThis.wmUserInteraction) {
19000            window.addEventListener('wm-user-interaction', init, { once: true });
19001        } else {
19002            setTimeout(init, 1000);
19003        }
19004    }
19005})();
19006</script>
19006
19007    
19007<script type="text/javascript">/* core/animate-entry.js */
19008;(() => {
19009    const CLASS_NAMES = {
19010        ANIMATE_ENTRY: 'wmcM_animateEntry',
19011        ANIMATE_EXIT: 'wmcM_animateExit',
19012        ENTRY_INITIAL_STATE: 'wmcA_entryInitialState',
19013        ENTRY_TRANSITION_STATE: 'wmcA_entryTransitionState',
19014        EXIT_INITIAL_STATE: 'wmcA_exitInitialState',
19015        EXIT_TRANSITION_STATE: 'wmcA_exitTransitionState',
19016        NO_TRANSITION: 'wmcA_noTransition'
19017    };
19018
19019    const CSS_VARIABLES = {
19020        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
19021        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
19022    };
19023
19024    const CONFIG = {
19025        ANIMATION_CLEANUP_DELAY: 50,
19026        EXIT_DEBOUNCE: 50
19027    };
19028
19029    const ENTRY_SELECTOR = '.' + CLASS_NAMES.ANIMATE_ENTRY;
19030    const ENTRY_TRANSITION_SELECTOR = '.' + CLASS_NAMES.ENTRY_TRANSITION_STATE;
19031    const ENTRY_INITIAL_SELECTOR = '.' + CLASS_NAMES.ENTRY_INITIAL_STATE;
19032    const ANIMATING_SELECTOR = ENTRY_SELECTOR + ENTRY_TRANSITION_SELECTOR + ':not(' + ENTRY_INITIAL_SELECTOR + ')';
19033
19034    const pinnedWmlStyles = new WeakMap();
19035
19036    function getTransitionTiming(element) {
19037        const style = getComputedStyle(element);
19038        const delay = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DELAY_ENTRY), 10) || 0;
19039        const duration = parseInt(style.getPropertyValue(CSS_VARIABLES.TRANSITION_DURATION_ENTRY), 10) || 0;
19040        return { delay, duration };
19041    }
19042
19043    function isAnimateEntry(element) {
19044        return element && element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY);
19045    }
19046
19047    function isAnimatingEntry(element) {
19048        return isAnimateEntry(element)
19049            && element.classList.contains(CLASS_NAMES.ENTRY_TRANSITION_STATE)
19050            && !element.classList.contains(CLASS_NAMES.ENTRY_INITIAL_STATE);
19051    }
19052
19053    function getAnimatingEntries(container) {
19054        const targets = [];
19055        if (isAnimatingEntry(container)) {
19056            targets.push(container);
19057        }
19058        container.querySelectorAll(ANIMATING_SELECTOR).forEach(element => targets.push(element));
19059        return targets;
19060    }
19061
19062    const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
19063
19064    function init() {
19065        const components = document.querySelectorAll(ENTRY_SELECTOR);
19066        components.forEach(component => component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE));
19067
19068        const apiTimeoutMap = new WeakMap();
19069
19070        globalThis.wmAnimateEntry = {
19071            triggerEntry(element) {
19072                if (!isAnimateEntry(element)) return;
19073
19074                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19075                void element.offsetHeight;
19076
19077                requestAnimationFrame(() => {
19078                    element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
19079
19080                    const { delay, duration } = getTransitionTiming(element);
19081
19082                    clearTimeout(apiTimeoutMap.get(element));
19083                    apiTimeoutMap.set(element, setTimeout(() => {
19084                        element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
19085                        element.classList.add(CLASS_NAMES.NO_TRANSITION);
19086                        setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION), CONFIG.ANIMATION_CLEANUP_DELAY);
19087                    }, delay + duration));
19088                });
19089            },
19090
19091            triggerChildEntries(container) {
19092                if (!container) return;
19093
19094                const children = container.querySelectorAll(ENTRY_SELECTOR);
19095                children.forEach(child => {
19096                    this.triggerEntry(child);
19097                });
19098            },
19099
19100            completeEntry(element) {
19101                if (!isAnimateEntry(element)) return;
19102                clearTimeout(apiTimeoutMap.get(element));
19103                apiTimeoutMap.delete(element);
19104                element.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19105                element.classList.add(CLASS_NAMES.NO_TRANSITION);
19106                setTimeout(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
19107            },
19108
19109            freezeEntries(container) {
19110                if (!container) return;
19111
19112                getAnimatingEntries(container).forEach(element => {
19113                    const wml = element.querySelector(':scope > .wml');
19114                    if (!wml) return;
19115
19116                    const style = getComputedStyle(wml);
19117                    const pinned = {
19118                        opacity: style.opacity,
19119                        transform: style.transform,
19120                        filter: style.filter
19121                    };
19122
19123                    clearTimeout(apiTimeoutMap.get(element));
19124                    apiTimeoutMap.delete(element);
19125                    pinnedWmlStyles.set(element, pinned);
19126
19127                    element.classList.add(CLASS_NAMES.NO_TRANSITION);
19128                    wml.style.setProperty('opacity', pinned.opacity);
19129                    wml.style.setProperty('transform', pinned.transform);
19130                    wml.style.setProperty('filter', pinned.filter);
19131                });
19132            },
19133
19134            resumeEntries(container) {
19135                if (!container) return;
19136
19137                const frozen = getAnimatingEntries(container).filter(element => pinnedWmlStyles.has(element));
19138
19139                frozen.forEach(element => {
19140                    element.classList.remove(CLASS_NAMES.NO_TRANSITION);
19141                    void element.offsetHeight;
19142                });
19143
19144                requestAnimationFrame(() => {
19145                    frozen.forEach(element => {
19146                        const wml = element.querySelector(':scope > .wml');
19147                        if (!wml) {
19148                            pinnedWmlStyles.delete(element);
19149                            return;
19150                        }
19151
19152                        wml.style.removeProperty('opacity');
19153                        wml.style.removeProperty('transform');
19154                        wml.style.removeProperty('filter');
19155
19156                        const { delay, duration } = getTransitionTiming(element);
19157                        const release = () => {
19158                            wml.removeEventListener('transitionend', release);
19159                            clearTimeout(apiTimeoutMap.get(element));
19160                            apiTimeoutMap.delete(element);
19161                            pinnedWmlStyles.delete(element);
19162                            element.classList.remove(CLASS_NAMES.ENTRY_TRANSITION_STATE);
19163                            element.classList.add(CLASS_NAMES.NO_TRANSITION);
19164                            requestAnimationFrame(() => element.classList.remove(CLASS_NAMES.NO_TRANSITION));
19165                        };
19166                        wml.addEventListener('transitionend', release);
19167                        apiTimeoutMap.set(element, setTimeout(release, delay + duration + CONFIG.ANIMATION_CLEANUP_DELAY));
19168                    });
19169                });
19170            },
19171
19172            async triggerExit(element) {
19173                if (!element?.classList?.contains(CLASS_NAMES.ANIMATE_EXIT)) {
19174                    return;
19175                }
19176
19177                this.removeAllClasses(element);
19178                element.classList.add(CLASS_NAMES.EXIT_TRANSITION_STATE);
19179
19180                await delay(CONFIG.EXIT_DEBOUNCE);
19181                element.classList.add(CLASS_NAMES.EXIT_INITIAL_STATE);
19182
19183                const wmlElement = element.querySelector('.wml');
19184                if (wmlElement) {
19185                    delay(10).then(() => wmlElement.style.setProperty('opacity', '0', 'important'));
19186                }
19187
19188                const { delay: exitDelay, duration } = getTransitionTiming(element);
19189                await delay(exitDelay + duration);
19190
19191                element.classList.remove(CLASS_NAMES.EXIT_TRANSITION_STATE, CLASS_NAMES.EXIT_INITIAL_STATE);
19192                element.classList.add(CLASS_NAMES.NO_TRANSITION);
19193
19194                await delay(CONFIG.ANIMATION_CLEANUP_DELAY);
19195                element.classList.remove(CLASS_NAMES.NO_TRANSITION);
19196            },
19197
19198            resetToInitial(element) {
19199                if (!isAnimateEntry(element)) return;
19200                element.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19201            },
19202
19203            removeAllClasses(element) {
19204                if (!element) return;
19205                clearTimeout(apiTimeoutMap.get(element));
19206                apiTimeoutMap.delete(element);
19207                pinnedWmlStyles.delete(element);
19208                element.classList.remove(
19209                    CLASS_NAMES.ENTRY_INITIAL_STATE,
19210                    CLASS_NAMES.ENTRY_TRANSITION_STATE,
19211                    CLASS_NAMES.EXIT_INITIAL_STATE,
19212                    CLASS_NAMES.EXIT_TRANSITION_STATE,
19213                    CLASS_NAMES.NO_TRANSITION
19214                );
19215            },
19216
19217            observe(element) {},
19218            unobserve(element) {}
19219        };
19220
19221        // `data-animate-observe="<id>"` observes visibility via another element
19222        function observedTargetFor(component) {
19223            const targetId = component.dataset.animateObserve;
19224            if (!targetId) return component;
19225            return document.getElementById(targetId) ?? component;
19226        }
19227
19228        function animateEntryHandler() {
19229            const observerTimeoutMap = new WeakMap();
19230            const observedTargets = new WeakMap();
19231            const onScreenObserver = new IntersectionObserver(onScreenWatcher, {
19232                threshold: 0,
19233                rootMargin: '0px 0px -5% 0px'
19234            });
19235
19236            function observe(component) {
19237                const target = observedTargetFor(component);
19238                if (!observedTargets.has(target)) observedTargets.set(target, new Set());
19239                observedTargets.get(target).add(component);
19240                onScreenObserver.observe(target);
19241            }
19242
19243            components.forEach(observe);
19244
19245            window.addEventListener('transitionend', transitionEndHandler);
19246            window.addEventListener('transitioncancel', transitionEndHandler);
19247            window.addEventListener('wm-component-offscreen', offScreenHandler);
19248            window.addEventListener('wm-device-change', preventAnimateEntryOnDeviceChange);
19249
19250            function onScreenWatcher(entries, observer) {
19251                entries.forEach(entry => {
19252                    if (entry.isIntersecting) {
19253                        const target = entry.target;
19254                        observer.unobserve(target);
19255                        const animatedComponents = observedTargets.get(target) ?? new Set([target]);
19256                        observedTargets.delete(target);
19257                        animatedComponents.forEach(component => {
19258                            component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE);
19259
19260                            clearTimeout(observerTimeoutMap.get(component));
19261
19262                            const { delay, duration } = getTransitionTiming(component);
19263                            observerTimeoutMap.set(component, setTimeout(() => forceEndTransition(component), delay + duration));
19264                        });
19265                    }
19266                });
19267            }
19268
19269            function forceEndTransition(component, force = false) {
19270                if (pinnedWmlStyles.has(component)) return;
19271                if (force || observerTimeoutMap.get(component)) {
19272                    clearTimeout(observerTimeoutMap.get(component));
19273                    observerTimeoutMap.delete(component);
19274                    component.classList.remove(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19275                    component.classList.add(CLASS_NAMES.NO_TRANSITION);
19276                    setTimeout(() => component.classList.remove(CLASS_NAMES.NO_TRANSITION));
19277                }
19278            }
19279
19280            function transitionEndHandler(event) {
19281                // Background layers (color/gradient) have no .wml child, so they carry
19282                // wmcM_animateEntry on themselves rather than on a parent of the transitioning node.
19283                const component = event.target.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}`)
19284                    ? event.target
19285                    : event.target.parentElement;
19286                if (!component) return;
19287                if (pinnedWmlStyles.has(component)) return;
19288                if (!component?.matches(`.${CLASS_NAMES.ANIMATE_ENTRY}:not(.${CLASS_NAMES.ENTRY_INITIAL_STATE})`)) {
19289                    return;
19290                }
19291                forceEndTransition(component);
19292            }
19293
19294            function offScreenHandler(event) {
19295                const element = event.target;
19296                const offScreenComponents = element.querySelectorAll(ENTRY_SELECTOR);
19297                offScreenComponents.forEach(component => {
19298                    clearTimeout(observerTimeoutMap.get(component));
19299                    observerTimeoutMap.delete(component);
19300                    component.classList.add(CLASS_NAMES.ENTRY_INITIAL_STATE, CLASS_NAMES.ENTRY_TRANSITION_STATE);
19301                    observe(component);
19302                });
19303            }
19304
19305            function preventAnimateEntryOnDeviceChange() {
19306                components.forEach(component => forceEndTransition(component, true));
19307            }
19308
19309            globalThis.wmAnimateEntry.observe = function(element) {
19310                if (!isAnimateEntry(element)) return;
19311                onScreenObserver.observe(element);
19312            };
19313
19314            globalThis.wmAnimateEntry.unobserve = function(element) {
19315                if (!isAnimateEntry(element)) return;
19316                onScreenObserver.unobserve(element);
19317            };
19318        }
19319
19320        function callAnimateEntryHandler() {
19321            window.removeEventListener('wm-user-interaction', callAnimateEntryHandler);
19322            window.removeEventListener('load', callAnimateEntryHandler);
19323            animateEntryHandler();
19324        }
19325
19326        if (!globalThis.wmUserInteraction) {
19327            if (document.readyState !== 'complete') {
19328                window.addEventListener('wm-user-interaction', callAnimateEntryHandler);
19329                window.addEventListener('load', callAnimateEntryHandler);
19330            } else {
19331                animateEntryHandler();
19332            }
19333        } else {
19334            animateEntryHandler();
19335        }
19336    }
19337
19338    if (!globalThis.wmDevice) {
19339        window.addEventListener('wm-device-ready', init, { once: true });
19340    } else {
19341        init();
19342    }
19343})();
19344</script>
19344
19345    
19345<script type="text/javascript">/* core/animate-hover.js */
19346;(() => {
19347    function init() {
19348        console.debug('animate-hover: init');
19349
19350        function preventAnimateHoverOnDeviceChange() {
19351            const components = document.querySelectorAll('.wmcM_animateHover');
19352            components.forEach(component => component.classList.add('wmcA_noTransition'));
19353            setTimeout(() => {
19354                components.forEach(component => component.classList.remove('wmcA_noTransition'));
19355            });
19356        }
19357
19358        window.addEventListener('wm-device-change', preventAnimateHoverOnDeviceChange);
19359    }
19360
19361    if (!globalThis.wmDevice) {
19362        window.addEventListener('wm-device-ready', init, { once: true });
19363    } else {
19364        init();
19365    }
19366})();
19367</script>
19367
19368    
19368<script type="text/javascript">/* core/dismiss.js */
19369;(() => {
19370
19371    globalThis.WmLinkDismiss ??= {
19372        getDismissStore: getStore
19373    };
19374
19375    const { localStorage, sessionStorage } = window;
19376    // We store the preview path because of the proxy context.
19377    // Don't have a good way of stopping this running in the proxy
19378    const shard = location.pathname.match(/^\/(\d+\/preview\/)/)?.[1] ?? location.host;
19379    const key = `dismissed/${shard}`;
19380
19381    /**
19382     * @name UserDismissalStore
19383     * @type Object
19384     * @property {Record<string, UserDismissal>} data
19385     * @property {()=>UserDismissalStore} update
19386     */
19387
19388    /**
19389     * @name UserDismissal
19390     * @type {{
19391     *     sectionId: string;
19392     *     type: DismissType;
19393     *     actionDate: string;
19394     *     lastSeen: string;
19395     * }}
19396     */
19397
19398    /**
19399     * @param {DismissEvent} event
19400     */
19401    function handleNew(event) {
19402        const section = document.getElementById(event.sectionId);
19403        if (!section) return;
19404
19405        applyDismiss(section);
19406        /**
19407         * @type {Storage|undefined}
19408         */
19409        let storage;
19410        switch (event.dismissType) {
19411            case 'permanent':
19412                storage = localStorage;
19413                break;
19414            case 'session':
19415                storage = sessionStorage;
19416        }
19417        if (!storage) return;
19418        const store = getStore(storage);
19419        store.data[event.sectionId] = {
19420            type: event.dismissType,
19421            actionDate: new Date().toISOString(),
19422            lastSeen: new Date().toISOString()
19423        };
19424        store.update();
19425    }
19426
19427    /**
19428     * @param { HTMLElement|HTMLElement&{wmDismiss: ()=>void;} } section
19429     */
19430    function applyDismiss(section){
19431        // Check to see if the dismiss section is complex
19432        if (
19433            'wmDismiss' in section &&
19434            typeof section.wmDismiss === 'function' &&
19435            section.wmDismiss.length === 0
19436        ) {
19437            try {
19438                section.wmDismiss();
19439            } catch (e) {
19440                console.error(e);
19441            }
19442        } else {
19443            // Deprecated branch, the wmc_section should be applying this class itself
19444            section.classList.add('wmc_section--dismissed');
19445        }
19446    }
19447
19448    /**
19449     * @param {Storage} storage
19450     * @return UserDismissalStore
19451     */
19452    function getStore(storage) {
19453        /** @type {UserDismissalStore} */
19454        const store = JSON.parse(storage.getItem(key)) ?? {};
19455        store.data ??= {};
19456        store.update = () => {
19457            storage.setItem(key, JSON.stringify(store));
19458            return store;
19459        };
19460        return store;
19461    }
19462
19463    /**
19464     * @param {Storage} storage
19465     */
19466    function processStoredDismissals(storage) {
19467        const store = getStore(storage);
19468        const removed = [];
19469        // We don't need that high of a time resolution here.
19470        const lastSeen = new Date().toISOString();
19471        for (const [id, dismissal] of Object.entries(store.data)) {
19472            const section = document.getElementById(id);
19473            // Section might not be in the current view
19474            if (!section) continue;
19475
19476            const type = dismissal.type;
19477            /** @type {HTMLElement}*/
19478            const currentButton = section.querySelector(`[data-dismiss-type="${type}"]`);
19479
19480            // Our section no longer is of this type. Unset
19481            if (!currentButton) {
19482                delete store.data[id];
19483                removed.push(dismissal);
19484                continue;
19485            }
19486
19487            applyDismiss(section);
19488            // Mark that we have seen it
19489            dismissal.lastSeen = lastSeen;
19490        }
19491        return {
19492            store,
19493            removed
19494        };
19495    }
19496
19497    function startUp() {
19498        console.debug('dismiss: init');
19499        const permanentResults = processStoredDismissals(localStorage);
19500        const sessionResults = processStoredDismissals(sessionStorage);
19501        permanentResults.store.update();
19502        sessionResults.store.update();
19503
19504        window.addEventListener('wm-dismiss', handleNew);
19505    }
19506
19507    if (globalThis.WMConstants.initialAutoStart) {
19508        if (document.readyState === 'loading') {
19509            document.addEventListener('DOMContentLoaded', startUp, { once: true });
19510        } else {
19511            startUp();
19512        }
19513    }
19514})();
19515</script>
19515
19516
19517    <!-- @TODO: potential candidates to be deferred -->
19518    
19518<script type="text/javascript">/* core/sticky.js */
19519;(() => {
19520    const CLASS_NAMES = {
19521        STICKY_TOP: 'wmcM_stickyTop',
19522        STICKY_BOTTOM: 'wmcM_stickyBottom',
19523        STICKY_TOP_FIXED: 'wmcM_stickyTopFixed',
19524        STICKY_BOTTOM_FIXED: 'wmcM_stickyBottomFixed',
19525
19526        TRAILING_TOP: 'wmcM_trailingTop',
19527        TRAILING_BOTTOM: 'wmcM_trailingBottom',
19528        TRAILING_TOP_REVEALED: 'wmcM_trailingTopRevealed',
19529        TRAILING_BOTTOM_REVEALED: 'wmcM_trailingBottomRevealed',
19530
19531        ANIMATE_ENTRY: 'wmcM_animateEntry',
19532        ANIMATE_EXIT: 'wmcM_animateExit'
19533    };
19534
19535    const CSS_VARIABLES = {
19536        STICKY_OFFSET: '--stickyOffset',
19537        TRAILING_ANCHOR_ID: '--trailingAnchorId',
19538        REVEAL_THRESHOLD: '--revealThreshold',
19539        SCROLL_BEHAVIOR: '--scrollBehavior',
19540        TRANSITION_DELAY_ENTRY: '--transitionDelayMsEntry',
19541        TRANSITION_DURATION_ENTRY: '--transitionDurationMsEntry'
19542    };
19543
19544    const CONFIG = {
19545        POSITIONING: {
19546            FIXED_Z_INDEX: 5000,
19547            VISIBILITY_DEBOUNCE: 50
19548        },
19549        SELECTORS: {
19550            STICKY_ELEMENTS: '.wmcM_stickyTop, .wmcM_stickyBottom',
19551            TRAILING_ELEMENTS: '.wmcM_scrollBehavior'
19552        },
19553        CSS_CLASSES: {
19554            STICKY_STATE: 'wmc_section_sticky_state',
19555            SECTION_PLACEHOLDER: 'wmc_section_placeholder'
19556        }
19557    };
19558
19559    class SafeOperation {
19560        static execute(operation, fallback = null) {
19561            try {
19562                return operation();
19563            } catch (error) {
19564                if (fallback) {
19565                    try {
19566                        return fallback();
19567                    } catch (fallbackError) {
19568                        // Silent fallback failure
19569                    }
19570                }
19571                return null;
19572            }
19573        }
19574    }
19575
19576    class ElementStyleManager {
19577        static applyFixedPositioning(element, type, offset = 0) {
19578            const styles = this.getFixedStyles(type, offset);
19579            Object.entries(styles).forEach(([prop, value]) => {
19580                element.style.setProperty(prop, value);
19581            });
19582        }
19583
19584        static getFixedStyles(type, offset) {
19585            const baseStyles = {
19586                'position': 'fixed',
19587                'left': '0px',
19588                'right': '0px',
19589                'z-index': CONFIG.POSITIONING.FIXED_Z_INDEX.toString(),
19590                'display': 'block',
19591                'visibility': 'visible',
19592                'opacity': '1'
19593            };
19594
19595            if (type === 'top') {
19596                baseStyles.top = offset + 'px';
19597                baseStyles.bottom = 'auto';
19598            } else {
19599                baseStyles.bottom = offset + 'px';
19600                baseStyles.top = 'auto';
19601            }
19602
19603            return baseStyles;
19604        }
19605
19606        static clearPositioning(element) {
19607            const propsToRemove = [
19608                'position', 'top', 'left', 'right', 'bottom',
19609                'z-index', 'display', 'visibility', 'opacity'
19610            ];
19611            propsToRemove.forEach(prop => element.style.removeProperty(prop));
19612        }
19613    }
19614
19615    class DeviceDetector {
19616        constructor() {
19617            this.currentDevice = this.getCurrentDevice();
19618            this.listeners = new Set();
19619            this.setupListeners();
19620        }
19621
19622        getCurrentDevice() {
19623            const device = globalThis.wmDevice;
19624            return device.toLowerCase() || 'desktop';
19625        }
19626
19627        addListener(callback) {
19628            this.listeners.add(callback);
19629        }
19630
19631        removeListener(callback) {
19632            this.listeners.delete(callback);
19633        }
19634
19635        setupListeners() {
19636            const handleDeviceChange = () => {
19637                const newDevice = this.getCurrentDevice();
19638                if (newDevice !== this.currentDevice) {
19639                    const oldDevice = this.currentDevice;
19640                    this.currentDevice = newDevice;
19641                    this.listeners.forEach(callback => {
19642                        try {
19643                            callback(newDevice, oldDevice);
19644                        } catch (error) {
19645                        }
19646                    });
19647                }
19648            };
19649
19650            window.addEventListener('wm-device-change', handleDeviceChange);
19651            this.cleanup = () => {
19652                window.removeEventListener('wm-device-change', handleDeviceChange);
19653            };
19654        }
19655
19656        destroy() {
19657            this.listeners.clear();
19658            if (this.cleanup) {
19659                this.cleanup();
19660            }
19661        }
19662    }
19663
19664
19665    class DeviceChangeCommand {
19666        constructor(manager, oldDevice, newDevice) {
19667            this.manager = manager;
19668            this.oldDevice = oldDevice;
19669            this.newDevice = newDevice;
19670            this.elementsToPreserve = new Set();
19671            this.elementsToRecreate = new Set();
19672        }
19673
19674        analyze() {
19675            this.manager.watchers.forEach((watcher, element) => {
19676                const oldBehavior = this.manager.getElementBehaviorOnDevice(element, this.oldDevice);
19677                const newBehavior = this.manager.getElementBehaviorOnDevice(element, this.newDevice);
19678
19679                if (this.shouldPreserveElement(oldBehavior, newBehavior, watcher)) {
19680                    this.elementsToPreserve.add(element);
19681                } else {
19682                    this.elementsToRecreate.add(element);
19683                }
19684            });
19685            return this;
19686        }
19687
19688        shouldPreserveElement(oldBehavior, newBehavior, watcher) {
19689            if (oldBehavior !== newBehavior || oldBehavior === 'none') return false;
19690            if (oldBehavior === 'trailingTop' || oldBehavior === 'trailingBottom') return false;
19691            return true;
19692        }
19693
19694        execute() {
19695            this.cleanupRecreatedElements();
19696            this.updatePreservedElements();
19697            this.reinitialize();
19698            return this;
19699        }
19700
19701        cleanupRecreatedElements() {
19702            this.elementsToRecreate.forEach(element => {
19703                const watcher = this.manager.watchers.get(element);
19704                if (watcher) {
19705                    this.manager.returnToOriginalParent(element, true);
19706                    watcher.destroy();
19707                    this.manager.watchers.delete(element);
19708                }
19709            });
19710        }
19711
19712        updatePreservedElements() {
19713            this.elementsToPreserve.forEach(element => {
19714                const watcher = this.manager.watchers.get(element);
19715                if (watcher) {
19716                    watcher.parseConfiguration();
19717                    watcher.uniqueId = watcher.generateUniqueId();
19718                }
19719            });
19720        }
19721
19722        reinitialize() {
19723            this.manager.initializeStickyWatchers(this.elementsToPreserve);
19724            this.manager.initializeTrailingWatchers(this.elementsToPreserve);
19725        }
19726    }
19727
19728    class SectionWatcher {
19729        constructor(element, manager) {
19730            this.element = element;
19731            this.manager = manager;
19732            this.isActive = false;
19733            this.spacerElement = null;
19734            this.cleanup = [];
19735
19736            this.uniqueId = this.generateUniqueId();
19737
19738            this.validateElement();
19739            this.parseConfiguration();
19740            this.cacheElementProperties();
19741        }
19742
19743        generateUniqueId() {
19744            const rect = this.element.getBoundingClientRect();
19745            const classes = Array.from(this.element.classList).join('-');
19746            const timestamp = Date.now();
19747            const random = Math.random().toString(36).substring(2, 9);
19748            return `${classes}-${Math.round(rect.top)}-${Math.round(rect.left)}-${timestamp}-${random}`;
19749        }
19750
19751        validateElement() {
19752            if (!this.element || !(this.element instanceof Element)) {
19753                throw new Error('Invalid element provided to SectionWatcher');
19754            }
19755        }
19756
19757        parseConfiguration() {
19758            try {
19759                this.computedStyle = getComputedStyle(this.element);
19760                this.scrollBehavior = this.computedStyle.getPropertyValue(CSS_VARIABLES.SCROLL_BEHAVIOR).trim() || 'none';
19761                this.isScrollBehaviorEnabled = this.scrollBehavior !== 'none' && this.scrollBehavior !== '';
19762            } catch (error) {
19763                throw new Error(`Failed to get computed style: ${error.message}`);
19764            }
19765        }
19766
19767        cacheElementProperties() {
19768            try {
19769                const wasFixed = this.element.classList.contains('wmcM_stickyTopFixed') ||
19770                    this.element.classList.contains('wmcM_stickyBottomFixed');
19771
19772                if (wasFixed) {
19773                    this.manager.returnToOriginalParent(this.element, true);
19774                    this.element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
19775                    this.clearPositioningStyles();
19776                }
19777
19778                // Force layout recalculation once
19779                void this.element.offsetHeight;
19780
19781                // Batch all reads together
19782                const rect = this.element.getBoundingClientRect();
19783                const offsetTop = this.element.offsetTop;
19784                const scrollY = window.scrollY;
19785
19786                // Store values
19787                this.originalHeight = rect.height;
19788                this.originalOffsetTop = offsetTop;
19789                this.originalAbsoluteTop = rect.top + scrollY;
19790
19791            } catch (error) {
19792                this.originalHeight = 0;
19793                this.originalOffsetTop = 0;
19794                this.originalAbsoluteTop = 100;
19795            }
19796        }
19797
19798        clearPositioningStyles() {
19799            ElementStyleManager.clearPositioning(this.element);
19800        }
19801
19802        createSpacer() {
19803            if (this.spacerElement) return this.spacerElement;
19804
19805            try {
19806                this.spacerElement = document.createElement('div');
19807                this.spacerElement.style.height = this.originalHeight + 'px';
19808                this.spacerElement.style.visibility = 'hidden';
19809
19810                if (this.element.parentNode) {
19811                    this.element.parentNode.insertBefore(this.spacerElement, this.element);
19812                } else {
19813                    throw new Error('Element has no parent node');
19814                }
19815
19816                return this.spacerElement;
19817            } catch (error) {
19818                this.spacerElement = null;
19819                throw new Error(`Failed to create spacer: ${error.message}`);
19820            }
19821        }
19822
19823        removeSpacer() {
19824            if (this.spacerElement) {
19825                try {
19826                    this.spacerElement.remove();
19827                } catch (error) {
19828                }
19829                this.spacerElement = null;
19830            }
19831        }
19832
19833        handleAnimationEntry() {
19834            globalThis.wmAnimateEntry?.triggerEntry(this.element);
19835        }
19836
19837        handleAnimationExit() {
19838            return globalThis.wmAnimateEntry?.triggerExit(this.element) || Promise.resolve();
19839        }
19840
19841        removeAnimationClasses() {
19842            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
19843        }
19844
19845        resetAnimation() {
19846            globalThis.wmAnimateEntry?.resetToInitial(this.element);
19847        }
19848
19849        triggerChildAnimations() {
19850            globalThis.wmAnimateEntry?.triggerChildEntries(this.element);
19851        }
19852
19853        destroy() {
19854            this.cleanup.forEach(cleanupFn => {
19855                try {
19856                    cleanupFn();
19857                } catch (error) {
19858                }
19859            });
19860            this.cleanup = [];
19861            this.removeSpacer();
19862            this.isActive = false;
19863        }
19864    }
19865
19866    class StickyWatcher extends SectionWatcher {
19867        constructor(element,manager) {
19868            super(element, manager);
19869            this.isCurrentlyFixed = this.element.classList.contains(this.getFixedClassName());
19870            this.stickyOffset = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.STICKY_OFFSET)) || 0;
19871        }
19872
19873        getFixedClassName() {
19874            throw new Error('getFixedClassName must be implemented by subclass');
19875        }
19876
19877        makeFixed() {
19878            if (this.isCurrentlyFixed) return;
19879
19880            SafeOperation.execute(() => {
19881                globalThis.wmAnimateEntry?.freezeEntries(this.element);
19882                this.manager.moveToDocumentRoot(this.element, true);
19883                this.prepareElementForFixed();
19884                this.applyFixedPositioning();
19885                globalThis.wmAnimateEntry?.resumeEntries(this.element);
19886                this.isCurrentlyFixed = true;
19887            }, () => {
19888                this.manager.returnToOriginalParent(this.element);
19889            });
19890        }
19891
19892        prepareElementForFixed() {
19893            this.element.classList.add(this.getFixedClassName());
19894        }
19895
19896        applyFixedPositioning() {
19897            throw new Error('applyFixedPositioning must be implemented by subclass');
19898        }
19899
19900        makeNormal() {
19901            if (!this.isCurrentlyFixed) return;
19902
19903            SafeOperation.execute(() => {
19904                ElementStyleManager.clearPositioning(this.element);
19905                this.element.classList.remove(this.getFixedClassName());
19906                this.removeSpacer();
19907                this.restoreOriginalPosition();
19908                this.isCurrentlyFixed = false;
19909                this.element.offsetHeight;
19910            });
19911        }
19912
19913        restoreOriginalPosition() {
19914            const positionInfo = this.manager.originalPositions.get(this.element);
19915            if (positionInfo) {
19916                const { originalParent, nextSibling, placeholder } = positionInfo;
19917
19918                this.element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
19919
19920                if (placeholder && placeholder.parentNode) {
19921                    originalParent.insertBefore(this.element, placeholder);
19922                    placeholder.remove();
19923                } else if (nextSibling && nextSibling.parentNode === originalParent) {
19924                    originalParent.insertBefore(this.element, nextSibling);
19925                } else {
19926                    originalParent.appendChild(this.element);
19927                }
19928
19929                this.manager.originalPositions.delete(this.element);
19930            }
19931        }
19932
19933        initialize() {
19934            if (!this.isScrollBehaviorEnabled) {
19935                return;
19936            }
19937            this.createPositionDetection();
19938        }
19939
19940        createPositionDetection() {
19941            throw new Error('createPositionDetection must be implemented by subclass');
19942        }
19943    }
19944
19945    class StickyTopWatcher extends StickyWatcher {
19946        getFixedClassName() {
19947            return CLASS_NAMES.STICKY_TOP_FIXED;
19948        }
19949
19950        applyFixedPositioning() {
19951            ElementStyleManager.applyFixedPositioning(this.element, 'top', this.stickyOffset);
19952            this.element.offsetHeight;
19953        }
19954
19955        createPositionDetection() {
19956            this.sentinel = document.createElement('div');
19957            this.sentinel.style.position = 'absolute';
19958            this.sentinel.style.top = this.originalAbsoluteTop + 'px';
19959            this.sentinel.style.height = '1px';
19960            this.sentinel.style.width = '1px';
19961            this.sentinel.style.visibility = 'hidden';
19962            this.sentinel.style.pointerEvents = 'none';
19963            document.body.appendChild(this.sentinel);
19964
19965            this.observer = new IntersectionObserver((entries) => {
19966                const entry = entries[0];
19967                const shouldBeFixed = !entry.isIntersecting && entry.boundingClientRect.top < 0;
19968
19969                if (shouldBeFixed && !this.isCurrentlyFixed) {
19970                    this.makeFixed();
19971                } else if (!shouldBeFixed && this.isCurrentlyFixed) {
19972                    this.makeNormal();
19973                }
19974            }, {
19975                root: null,
19976                rootMargin: '0px',
19977                threshold: 0
19978            });
19979
19980            this.observer.observe(this.sentinel);
19981            this.cleanup.push(() => {
19982                if (this.observer) {
19983                    this.observer.disconnect();
19984                    this.observer = null;
19985                }
19986                if (this.sentinel) {
19987                    this.sentinel.remove();
19988                    this.sentinel = null;
19989                }
19990            });
19991        }
19992    }
19993
19994    class StickyBottomWatcher extends StickyWatcher {
19995        getFixedClassName() {
19996            return CLASS_NAMES.STICKY_BOTTOM_FIXED;
19997        }
19998
19999        applyFixedPositioning() {
20000            ElementStyleManager.applyFixedPositioning(this.element, 'bottom', this.stickyOffset);
20001            this.element.offsetHeight;
20002        }
20003
20004        createPositionDetection() {
20005            this.element.style.setProperty('display', 'block', 'important');
20006            this.element.style.setProperty('visibility', 'visible', 'important');
20007            this.element.offsetHeight;
20008
20009            this.makeFixedWithoutPlaceholder();
20010            window.makeStickyBottomSectionsNormal = [...(window.makeStickyBottomSectionsNormal || []), this.makeNormal.b
20010ind(this)];
20011        }
20012        makeFixedWithoutPlaceholder() {
20013            if (this.isCurrentlyFixed) return;
20014
20015            SafeOperation.execute(() => {
20016                this.manager.moveToDocumentRoot(this.element, false);
20017                this.element.classList.add(this.getFixedClassName());
20018                this.handleAnimationEntry();
20019                this.triggerChildAnimations();
20020                this.applyFixedPositioning();
20021                this.isCurrentlyFixed = true;
20022            }, () => {
20023                this.manager.returnToOriginalParent(this.element);
20024            });
20025        }
20026    }
20027
20028    class TrailingWatcher extends SectionWatcher {
20029        constructor(element,manager) {
20030            super(element, manager);
20031            this.isRevealed = false;
20032            this.observer = null;
20033            this.pendingHideAnimation = null;
20034            this.debounceTimeout = null;
20035            this.parseTrailingConfiguration();
20036        }
20037
20038        parseTrailingConfiguration() {
20039            this.trailingAnchorId = this.computedStyle.getPropertyValue(CSS_VARIABLES.TRAILING_ANCHOR_ID)
20040                .replace(/['"]/g, '').trim();
20041            this.revealThreshold = parseInt(this.computedStyle.getPropertyValue(CSS_VARIABLES.REVEAL_THRESHOLD)) || 0;
20042
20043            if (!this.trailingAnchorId) {
20044                throw new Error('Trailing anchor ID is required');
20045            }
20046
20047            this.anchorElement = document.getElementById(this.trailingAnchorId);  // Direct call
20048            if (!this.anchorElement) {
20049                throw new Error(`Anchor element not found: ${this.trailingAnchorId}`);
20050            }
20051        }
20052
20053        getRevealedClassName() {
20054            const device = this.manager.deviceDetector.currentDevice;
20055            const deviceSuffix = device === 'desktop' ? '--desktop' : device === 'tablet' ? '--tablet' : '--mobile';
20056
20057            if (this.element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
20058                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20059            } else if (this.element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
20060                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20061            }
20062
20063            if (this.trailingType === 'top') {
20064                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20065            } else if (this.trailingType === 'bottom') {
20066                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20067            }
20068
20069            if (this.element.classList.contains('wmcM_trailingTop')) {
20070                return CLASS_NAMES.TRAILING_TOP_REVEALED;
20071            } else if (this.element.classList.contains('wmcM_trailingBottom')) {
20072                return CLASS_NAMES.TRAILING_BOTTOM_REVEALED;
20073            }
20074
20075            throw new Error('Unknown trailing type');
20076        }
20077
20078        show() {
20079            if (this.isRevealed) return;
20080
20081            if (this.pendingHideAnimation) {
20082                this.pendingHideAnimation = null;
20083            }
20084
20085            this.isRevealed = true;
20086
20087            try {
20088                this.manager.moveToDocumentRoot(this.element, true);
20089                this.createSpacer();
20090                this.element.classList.add(this.getRevealedClassName());
20091
20092                this.element.style.display = '';
20093                if (this.element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20094                    this.element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
20095                }
20096
20097                const wmlElement = this.element.querySelector('.wml');
20098                if (wmlElement) {
20099                    wmlElement.style.removeProperty('opacity');
20100                }
20101
20102                globalThis.wmAnimateEntry?.removeAllClasses(this.element);
20103                this.handleAnimationEntry();
20104                this.triggerChildAnimations();
20105            } catch (error) {
20106                this.isRevealed = false;
20107                this.manager.returnToOriginalParent(this.element);
20108                throw error;
20109            }
20110        }
20111
20112        async hide() {
20113            if (!this.isRevealed) return;
20114
20115            this.pendingHideAnimation = true;
20116            await this.handleAnimationExit();
20117
20118            if (!this.pendingHideAnimation) return;
20119
20120            this.isRevealed = false;
20121            this.removeSpacer();
20122            this.element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
20123
20124            this.element.style.display = 'none';
20125            this.manager.returnToOriginalParent(this.element);
20126
20127            const wmlElement = this.element.querySelector('.wml');
20128            if (wmlElement) {
20129                wmlElement.style.removeProperty('opacity');
20130            }
20131
20132            globalThis.wmAnimateEntry?.removeAllClasses(this.element);
20133
20134            this.pendingHideAnimation = null;
20135        }
20136
20137        initialize() {
20138            if (!this.isScrollBehaviorEnabled) return;
20139
20140            try {
20141                this.observer = new IntersectionObserver((entries) => {
20142                    const entry = entries[0];
20143                    const shouldShow = !entry.isIntersecting && entry.boundingClientRect.top < 0;
20144
20145                    if (this.debounceTimeout) {
20146                        clearTimeout(this.debounceTimeout);
20147                    }
20148
20149                    this.debounceTimeout = setTimeout(() => {
20150                        if (shouldShow && !this.isRevealed && !this.pendingHideAnimation) {
20151                            this.show();
20152                        } else if (!shouldShow && this.isRevealed && !this.pendingHideAnimation) {
20153                            this.hide();
20154                        }
20155                        this.debounceTimeout = null;
20156                    }, CONFIG.POSITIONING.VISIBILITY_DEBOUNCE);
20157                }, {
20158                    root: null,
20159                    rootMargin: `-${this.revealThreshold}px 0px 0px 0px`,
20160                    threshold: 0
20161                });
20162
20163                this.observer.observe(this.anchorElement);
20164                this.cleanup.push(() => {
20165                    if (this.observer) {
20166                        this.observer.disconnect();
20167                        this.observer = null;
20168                    }
20169                    if (this.debounceTimeout) {
20170                        clearTimeout(this.debounceTimeout);
20171                        this.debounceTimeout = null;
20172                    }
20173                });
20174            } catch (error) {
20175                throw new Error(`Failed to create intersection observer: ${error.message}`);
20176            }
20177        }
20178    }
20179
20180    class WatcherManager {
20181        constructor() {
20182            this.watchers = new Map();
20183            this.isInitialized = false;
20184            this.originalPositions = new WeakMap();
20185            this.deviceDetector = new DeviceDetector();
20186
20187            this.setupDeviceChangeHandling();
20188        }
20189
20190        setupDeviceChangeHandling() {
20191            const deviceChangeHandler = (newDevice, oldDevice) => {
20192                setTimeout(() => this.handleDeviceChange(newDevice, oldDevice), 100);
20193            };
20194            this.deviceDetector.addListener(deviceChangeHandler);
20195
20196            this.globalCleanup = () => {
20197                this.deviceDetector.removeListener(deviceChangeHandler);
20198                this.deviceDetector.destroy();
20199            };
20200        }
20201
20202        getElementBehaviorOnDevice(element, device) {
20203            const deviceSuffix = `--${device.toLowerCase()}`;
20204
20205            if (element.classList.contains(`wmcM_stickyTop${deviceSuffix}`)) {
20206                return 'stickyTop';
20207            }
20208            if (element.classList.contains(`wmcM_stickyBottom${deviceSuffix}`)) {
20209                return 'stickyBottom';
20210            }
20211            if (element.classList.contains(`wmcM_trailingTop${deviceSuffix}`)) {
20212                return 'trailingTop';
20213            }
20214            if (element.classList.contains(`wmcM_trailingBottom${deviceSuffix}`)) {
20215                return 'trailingBottom';
20216            }
20217
20218            const isInherit = (device === 'tablet' && element.classList.contains('wmcM_tablet-inherit-scroll')) ||
20219                (device === 'mobile' && element.classList.contains('wmcM_mobile-inherit-scroll'));
20220
20221            if (isInherit) {
20222                if (element.classList.contains('wmcM_stickyTop--desktop')) {
20223                    return 'stickyTop';
20224                }
20225                if (element.classList.contains('wmcM_stickyBottom--desktop')) {
20226                    return 'stickyBottom';
20227                }
20228                if (element.classList.contains('wmcM_trailingTop--desktop')) {
20229                    return 'trailingTop';
20230                }
20231                if (element.classList.contains('wmcM_trailingBottom--desktop')) {
20232                    return 'trailingBottom';
20233                }
20234            }
20235
20236            return 'none';
20237        }
20238
20239        handleDeviceChange(newDevice, oldDevice) {
20240            new DeviceChangeCommand(this, oldDevice, newDevice)
20241                .analyze()
20242                .execute();
20243        }
20244
20245        reinitializeWatcher(element, watcher) {
20246            try {
20247                this.returnToOriginalParent(element, true);
20248                watcher.destroy();
20249                this.watchers.delete(element);
20250
20251                const behavior = this.getElementBehaviorOnDevice(element, this.deviceDetector.currentDevice);
20252
20253                let newWatcher = null;
20254                if (behavior === 'stickyTop') {
20255                    newWatcher = this.createWatcher(element, 'stickyTop');
20256                } else if (behavior === 'stickyBottom') {
20257                    newWatcher = this.createWatcher(element, 'stickyBottom');
20258                } else if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
20259                    newWatcher = this.createWatcher(element, 'trailing');
20260                }
20261
20262                if (newWatcher) {
20263                    this.watchers.set(element, newWatcher);
20264                    newWatcher.initialize();
20265                }
20266            } catch (error) {
20267                this.watchers.delete(element);
20268            }
20269        }
20270
20271        createWatcher(element, type) {
20272            try {
20273                switch (type) {
20274                    case 'stickyTop':
20275                        return new StickyTopWatcher(element,this);
20276                    case 'stickyBottom':
20277                        return new StickyBottomWatcher(element, this);
20278                    case 'trailing':
20279                        return new TrailingWatcher(element, this);
20280                    default:
20281                        throw new Error(`Unknown watcher type: ${type}`);
20282                }
20283            } catch (error) {
20284                return null;
20285            }
20286        }
20287
20288        // We move sticky/trailing sections up to be a direct child of <body> because the
20289        // scaling transform (transform: scale3d on body > main and body > .wmcM_scrollBehavior,
20290        // see core.css) makes those wrappers the containing block for position: fixed. A fixed
20291        // element left inside them would resolve against the scaled wrapper instead of the
20292        // viewport, breaking its position and stacking. Reparenting to <body> escapes that.
20293        //
20294        // We use transform for scaling because CSS zoom lacks broad-enough browser support
20295        // (not yet 2 years of major-browser coverage). Once we switch scaling to zoom (which
20296        // does NOT establish a containing block for fixed elements), this move-to-root becomes
20297        // unnecessary - and so does the freeze/resume entry-animation handling in makeFixed(),
20298        // since that only exists to survive the reparent this move performs.
20299        moveToDocumentRoot(element, needsPlaceholder = true) {
20300            if (this.originalPositions.has(element)) {
20301                return false;
20302            }
20303
20304            const originalParent = element.parentNode;
20305            const nextSibling = element.nextElementSibling;
20306            const originalIndex = Array.from(originalParent.children).indexOf(element);
20307
20308            let placeholder = null;
20309
20310            if (needsPlaceholder) {
20311                placeholder = document.createElement('section');
20312                const rect = element.getBoundingClientRect();
20313
20314                placeholder.style.height = rect.height + 'px';
20315                placeholder.style.visibility = 'hidden';
20316                placeholder.style.pointerEvents = 'none';
20317                placeholder.classList.add('wmc', CONFIG.CSS_CLASSES.SECTION_PLACEHOLDER);
20318                const wmlDiv = document.createElement('div');
20319                wmlDiv.classList.add('wml');
20320                placeholder.appendChild(wmlDiv);
20321
20322                originalParent.insertBefore(placeholder, element);
20323            }
20324
20325            this.originalPositions.set(element, {
20326                originalParent,
20327                nextSibling,
20328                originalIndex,
20329                placeholder
20330            });
20331
20332            element.classList.add(CONFIG.CSS_CLASSES.STICKY_STATE);
20333
20334            document.body.appendChild(element);
20335            return true;
20336        }
20337
20338        returnToOriginalParent(element, forceReturn = false) {
20339            if (!forceReturn && this.watchers.has(element)) {
20340                return false;
20341            }
20342
20343            const positionInfo = this.originalPositions.get(element);
20344            if (!positionInfo) {
20345                return false;
20346            }
20347
20348            const { originalParent, nextSibling, placeholder } = positionInfo;
20349
20350            element.classList.remove(CONFIG.CSS_CLASSES.STICKY_STATE);
20351
20352
20353
20354            if (placeholder && placeholder.parentNode) {
20355                originalParent.insertBefore(element, placeholder);
20356                placeholder.remove();
20357            } else {
20358                if (nextSibling && nextSibling.parentNode === originalParent) {
20359                    originalParent.insertBefore(element, nextSibling);
20360                } else {
20361                    originalParent.appendChild(element);
20362                }
20363            }
20364
20365            this.originalPositions.delete(element);
20366            return true;
20367        }
20368
20369        initializeStickyWatchers(watchersToPreserve = new Set()) {
20370            const elementsInBody = Array.from(document.body.children).filter(child => {
20371                return child.classList && (
20372                    child.classList.contains('wmcM_stickyTop') ||
20373                    child.classList.contains('wmcM_stickyBottom')
20374                ) && child.tagName !== 'SCRIPT' && child.tagName !== 'STYLE';
20375            });
20376
20377            elementsInBody.forEach((element) => {
20378                if (!this.watchers.has(element)) {
20379                    element.classList.remove('wmcM_stickyTopFixed', 'wmcM_stickyBottomFixed');
20380                    ElementStyleManager.clearPositioning(element);
20381
20382                    const mainElement = document.querySelector('main, .main, #main') || document.querySelector('body > div:first-child');
20383                    if (mainElement) {
20384                        mainElement.appendChild(element);
20385                    } else {
20386                        document.body.appendChild(element);
20387                    }
20388                }
20389            });
20390
20391            if (elementsInBody.length > 0) {
20392                document.body.offsetHeight;
20393            }
20394
20395            const allStickyElements = new Set();
20396            document.querySelectorAll('.wmcM_stickyTop').forEach(el => allStickyElements.add(el));
20397            document.querySelectorAll('.wmcM_stickyBottom').forEach(el => allStickyElements.add(el));
20398
20399            Array.from(allStickyElements).forEach((el) => {
20400                if (watchersToPreserve.has(el)) return;
20401
20402                const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
20403
20404                if (behavior === 'stickyTop' || behavior === 'stickyBottom') {
20405                    const style = getComputedStyle(el);
20406                    const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
20407
20408                    if (scrollBehavior === 'sticky') {
20409                        this.processStickyElement(el, behavior);
20410                    } else {
20411                        if (!this.watchers.has(el)) {
20412                            ElementStyleManager.clearPositioning(el);
20413                        }
20414                        el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
20415                        globalThis.wmAnimateEntry?.removeAllClasses(el);
20416                    }
20417                } else {
20418                    if (!this.watchers.has(el)) {
20419                        ElementStyleManager.clearPositioning(el);
20420                    }
20421                    el.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
20422                    if (el.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20423                        globalThis.wmAnimateEntry?.triggerEntry(el);
20424                    }
20425                }
20426            });
20427        }
20428
20429        processStickyElement(element, behavior) {
20430            element.classList.remove(CLASS_NAMES.STICKY_TOP_FIXED, CLASS_NAMES.STICKY_BOTTOM_FIXED);
20431
20432            if (behavior === 'stickyBottom') {
20433                element.style.setProperty('display', 'block', 'important');
20434                element.style.setProperty('visibility', 'visible', 'important');
20435                element.style.setProperty('position', 'relative', 'important');
20436
20437                // Handle animation for sticky bottom
20438                if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20439                    globalThis.wmAnimateEntry?.triggerEntry(element);
20440                }
20441            }
20442
20443            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20444                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
20445            }
20446
20447            const watcher = this.createWatcher(element, behavior);
20448            if (watcher) {
20449                this.watchers.set(element, watcher);
20450                watcher.initialize();
20451            }
20452        }
20453        initializeTrailingWatchers(watchersToPreserve = new Set()) {
20454            const scrollBehaviorElements = document.querySelectorAll('.wmcM_scrollBehavior');
20455
20456            scrollBehaviorElements.forEach((el) => {
20457                if (watchersToPreserve.has(el)) return;
20458
20459                const hasTrailingTop = el.classList.contains('wmcM_trailingTop--desktop') ||
20460                    el.classList.contains('wmcM_trailingTop--tablet') ||
20461                    el.classList.contains('wmcM_trailingTop--mobile');
20462
20463                const hasTrailingBottom = el.classList.contains('wmcM_trailingBottom--desktop') ||
20464                    el.classList.contains('wmcM_trailingBottom--tablet') ||
20465                    el.classList.contains('wmcM_trailingBottom--mobile');
20466
20467                if (!hasTrailingTop && !hasTrailingBottom) return;
20468
20469                const style = getComputedStyle(el);
20470                const scrollBehavior = style.getPropertyValue('--scrollBehavior').trim();
20471
20472                if (scrollBehavior === 'trailing') {
20473                    const behavior = this.getElementBehaviorOnDevice(el, this.deviceDetector.currentDevice);
20474
20475                    if (behavior === 'trailingTop' || behavior === 'trailingBottom') {
20476                        this.processTrailingElement(el, behavior);
20477                    }
20478                } else {
20479                    el.style.removeProperty('display');
20480                    el.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
20481                    globalThis.wmAnimateEntry?.removeAllClasses(el);
20482                }
20483            });
20484        }
20485
20486        processTrailingElement(element, behavior) {
20487            element.classList.remove(CLASS_NAMES.TRAILING_TOP_REVEALED, CLASS_NAMES.TRAILING_BOTTOM_REVEALED);
20488
20489            if (element.classList.contains(CLASS_NAMES.ANIMATE_ENTRY)) {
20490                element.classList.add(CLASS_NAMES.ANIMATE_EXIT);
20491            }
20492
20493            const watcher = this.createWatcher(element, 'trailing');
20494            if (watcher) {
20495                watcher.trailingType = behavior === 'trailingTop' ? 'top' : 'bottom';
20496                this.watchers.set(element, watcher);
20497                watcher.initialize();
20498            }
20499        }
20500
20501        initialize() {
20502            this.cleanup();
20503
20504            try {
20505                this.initializeStickyWatchers();
20506                this.initializeTrailingWatchers();
20507                this.isInitialized = true;
20508            } catch (error) {
20509                this.cleanup();
20510                throw error;
20511            }
20512        }
20513
20514        cleanup() {
20515            this.watchers.forEach((watcher, element) => {
20516                try {
20517                    globalThis.wmAnimateEntry?.removeAllClasses(element);
20518                    this.returnToOriginalParent(element, true);
20519                    watcher.destroy();
20520                } catch (error) {
20521                }
20522            });
20523            this.watchers.clear();
20524            this.originalPositions = new WeakMap();
20525            this.isInitialized = false;
20526        }
20527
20528        destroy() {
20529            this.cleanup();
20530            if (this.globalCleanup) {
20531                this.globalCleanup();
20532            }
20533        }
20534    }
20535
20536    function initWatcherManager() {
20537        const watcherManager = new WatcherManager();
20538        watcherManager.initialize();
20539    }
20540
20541    function delayedInitWatcherManager() {
20542        initWatcherManager();
20543
20544        // @TODO: take a look at reveal animations, they do not fire every time
20545
20546        // @TODO: possibly delay some things until after user interaction (major rewrite required)
20547        // if (!globalThis.wmUserInteraction) {
20548        //     window.addEventListener('wm-user-interaction', initWatcherManager, { once: true });
20549        // } else {
20550        //     initWatcherManager();
20551        // }
20552    }
20553
20554    if (!globalThis.wmDevice) {
20555        window.addEventListener('wm-device-ready', delayedInitWatcherManager, { once: true });
20556    } else {
20557        delayedInitWatcherManager();
20558    }
20559})();
20560</script>
20560
20561
20562    <!-- deferred -->
20563    
20563<script type="text/wmdjs">/* core/scroll-to-top.js */
20564;(() => {
20565    class WMScrollToTop {
20566        /**
20567         * @param {Object} options
20568         * @param {number} [options.threshold=200]
20569         * @param {HTMLElement|null} [options.scrollContainer=null]
20570         * @param {string} [options.buttonClass='wm_scrollToTop']
20571         * @param {string} [options.visibleClass='wm_scrollToTop--visible']
20572         * @param {HTMLElement|null} [options.root=null]
20573         * @param {boolean} [options.smooth=true]
20574         */
20575        constructor(options = {}) {
20576            if (typeof window === 'undefined' || typeof document === 'undefined') {
20577                console.warn('WMScrollToTop is not available in this environment');
20578                return;
20579            }
20580
20581            this.options = Object.freeze({
20582                threshold: 200,
20583                scrollContainer: null,
20584                buttonClass: 'wm_scrollToTop',
20585                visibleClass: 'wm_scrollToTop--visible',
20586                smooth: true,
20587                root: null,
20588                ...options
20589            });
20590
20591            this.button = null;
20592            this.isVisible = false;
20593            this.scrollFlag = false;
20594            this.animationFrameId = null;
20595            this.ownedAttribute = 'data-wm-scrolltotop';
20596            this.abortController = new AbortController();
20597            this.scrollContainer = this.options.scrollContainer || window;
20598
20599            this.initialize();
20600        }
20601
20602        initialize() {
20603            console.debug('scroll-to-top: init');
20604            this.createButton();
20605            this.bindEvents();
20606            this.updateVisibility();
20607            this.startAnimationFrameLoop();
20608        }
20609
20610        createButton() {
20611            const existingButton = document.querySelector(`.${this.options.buttonClass}[${this.ownedAttribute}="true"]`);
20612            if (existingButton) {
20613                this.button = existingButton;
20614                return;
20615            }
20616
20617            const buttonElement = document.createElement('button');
20618            buttonElement.className = this.options.buttonClass;
20619            buttonElement.type = 'button';
20620            buttonElement.setAttribute(this.ownedAttribute, 'true');
20621            buttonElement.setAttribute('aria-label', 'Scroll to top');
20622            buttonElement.setAttribute('title', 'Scroll to top');
20623            buttonElement.setAttribute('aria-hidden', 'true');
20624            buttonElement.hidden = true;
20625
20626            (this.options.root || document.body).appendChild(buttonElement);
20627            this.button = buttonElement;
20628        }
20629
20630        bindEvents() {
20631            const { signal } = this.abortController;
20632
20633            this.button.addEventListener('click', () => this.scrollToTop(), { signal });
20634            this.button.addEventListener('keydown', (e) => {
20635                if (e.key === 'Enter' || e.key === ' ') {
20636                    e.preventDefault();
20637                    this.scrollToTop();
20638                }
20639            }, { signal });
20640
20641            const onScrollEvent = () => { this.scrollFlag = true; };
20642            const onResizeEvent = () => { this.scrollFlag = true; };
20643
20644            const target = this.scrollContainer;
20645            (target || window).addEventListener('scroll', onScrollEvent, { passive: true, signal });
20646            window.addEventListener('resize', onResizeEvent, { passive: true, signal });
20647
20648            // Handle documentElement scroll for edge cases
20649            if (target === window || target === document || target == null) {
20650                document.addEventListener('scroll', onScrollEvent, { passive: true, signal });
20651            }
20652        }
20653
20654        startAnimationFrameLoop() {
20655            const updateLoop = () => {
20656                if (this.scrollFlag) {
20657                    this.scrollFlag = false;
20658                    this.updateVisibility();
20659                }
20660                this.animationFrameId = window.requestAnimationFrame(updateLoop);
20661            };
20662            this.animationFrameId = window.requestAnimationFrame(updateLoop);
20663        }
20664
20665        getScrollTop() {
20666            const container = this.scrollContainer;
20667            if (!container || container === window || container === document) {
20668                return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
20669            }
20670            return container.scrollTop || 0;
20671        }
20672
20673        updateVisibility() {
20674            if (!this.button) return;
20675
20676            // Hide if container is detached from DOM
20677            if (this.scrollContainer instanceof HTMLElement && !document.contains(this.scrollContainer)) {
20678                this.hideButton();
20679                return;
20680            }
20681
20682            const shouldShowButton = this.getScrollTop() > this.options.threshold;
20683            if (shouldShowButton && !this.isVisible) this.showButton();
20684            else if (!shouldShowButton && this.isVisible) this.hideButton();
20685        }
20686
20687        showButton() {
20688            if (!this.button) return;
20689            this.isVisible = true;
20690            this.button.hidden = false;
20691            this.button.setAttribute('aria-hidden', 'false');
20692            this.button.classList.add(this.options.visibleClass);
20693        }
20694
20695        hideButton() {
20696            if (!this.button) return;
20697            this.isVisible = false;
20698            this.button.classList.remove(this.options.visibleClass);
20699            this.button.setAttribute('aria-hidden', 'true');
20700            this.button.hidden = true;
20701        }
20702
20703        scrollToTop() {
20704            const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
20705            const smoothScroll = this.options.smooth && !prefersReducedMotion;
20706
20707            const target = this.scrollContainer || window;
20708            const behavior = smoothScroll ? 'smooth' : 'auto';
20709
20710            if (target === window || target === document) {
20711                window.scrollTo({ top: 0, behavior });
20712            } else if (typeof target.scrollTo === 'function') {
20713                target.scrollTo({ top: 0, behavior });
20714            } else {
20715                // Fallback for elements that don't have scrollTo
20716                if (target instanceof HTMLElement) target.scrollTop = 0;
20717                else document.documentElement.scrollTop = 0;
20718            }
20719        }
20720
20721        destroy() {
20722            if (this.animationFrameId) {
20723                cancelAnimationFrame(this.animationFrameId);
20724                this.animationFrameId = null;
20725            }
20726            this.abortController.abort(); // Removes all listeners
20727            if (this.button) {
20728                this.button.remove();
20729                this.button = null;
20730            }
20731            this.isVisible = false;
20732        }
20733    }
20734
20735    const initializeScrollToTop = () => {
20736        if (window.wmScrollToTopInstance instanceof WMScrollToTop) {
20737            window.wmScrollToTopInstance.destroy();
20738        }
20739        window.wmScrollToTopInstance = new WMScrollToTop();
20740    };
20741
20742    if (!globalThis.wmUserInteraction) {
20743        window.addEventListener('wm-user-interaction', initializeScrollToTop, { once: true });
20744    } else {
20745        initializeScrollToTop();
20746    }
20747})();
20748</script>
20748
20749
20750    <!-- @TODO: figure out processing of these, some may potentially be allowed to be deferred -->
20751            
20751<script>/* core/hover-with-parent.js */
20752/**
20753 * Hover propagation barriers.
20754 *
20755 * CSS propagates a component's hover state down to its descendants. A component with
20756 * "hover with parent" disabled (wmcM_noParentHover) opts itself out, but CSS selectors
20757 * cannot express "also opt out my enabled descendants when the propagation originates
20758 * ABOVE me" — the rule is shared by every hovered ancestor and cannot anchor to which
20759 * specific element is the live hover root. So we resolve it at runtime: whenever the
20760 * hover/focus target changes, any wmcM_noParentHover boundary that is NOT itself the
20761 * (or inside the) hovered/focused/preview target gets wmcA_blockHoverPropagation, which
20762 * the CSS excludes from propagation — for the boundary AND, via a descendant combinator,
20763 * its whole subtree.
20764 *
20765 * Example: Shelf (enabled) > Box (wmcM_noParentHover) > Button (enabled)
20766 * - Hover Shelf: Box is blocked, so Shelf's hover does not reach Button.
20767 * - Hover Box:   the cursor is inside Box, so Box is "active" and not blocked; Box's own
20768 *                hover drives Button normally.
20769 * - Hover Button: Button (and Box, which contains the cursor) are active; nothing blocked.
20770 */
20771
20772;(() => {
20773    const BARRIER_CLASS = 'wmcA_blockHoverPropagation';
20774    const NO_PARENT_HOVER_CLASS = 'wmcM_noParentHover';
20775
20776    function init() {
20777        console.debug('hover-with-parent: init');
20778
20779        /** @type {Set<HTMLElement>} Boundaries currently carrying BARRIER_CLASS. */
20780        const blockedComponents = new Set();
20781        let scheduledUpdateId = null;
20782
20783        /**
20784         * Components that should drive hover right now: every .wmc under the cursor,
20785         * every .wmc on the focus path, and every component held in hover state by the
20786         * editor (wmcA_hoverState). Queried live each time so dynamically added/removed
20787         * components (drag & drop in the editor) are always reflected.
20788         * @returns {Set<HTMLElement>}
20789         */
20790        function getActiveComponents() {
20791            const active = new Set(document.querySelectorAll('.wmc:hover, .wmc.wmcA_hoverState'));
20792
20793            const focused = document.activeElement;
20794            if (focused && typeof focused.closest === 'function') {
20795                let el = focused.closest('.wmc');
20796                while (el) {
20797                    active.add(el);
20798                    el = el.parentElement?.closest('.wmc') ?? null;
20799                }
20800            }
20801            return active;
20802        }
20803
20804        function updateBarriers() {
20805            if (scheduledUpdateId !== null) return;
20806
20807            scheduledUpdateId = requestAnimationFrame(() => {
20808                scheduledUpdateId = null;
20809
20810                // Clear the previous round before recomputing.
20811                for (const el of blockedComponents) el.classList.remove(BARRIER_CLASS);
20812                blockedComponents.clear();
20813
20814                const activeComponents = getActiveComponents();
20815                if (activeComponents.size === 0) return;
20816
20817                // For every active component, block the wmcM_noParentHover boundaries beneath
20818                // it that are not themselves active. The CSS descendant combinator
20819                // (`.wmcA_blockHoverPropagation .wmc`) extends each block to the full subtree,
20820                // so we never need to tag descendants individually.
20821                for (const activeComponent of activeComponents) {
20822                    const boundaries = activeComponent.querySelectorAll('.' + NO_PARENT_HOVER_CLASS);
20823                    for (const boundary of boundaries) {
20824                        if (activeComponents.has(boundary)) continue;
20825                        boundary.classList.add(BARRIER_CLASS);
20826                        blockedComponents.add(boundary);
20827                    }
20828                }
20829            });
20830        }
20831
20832        // mouseover/mouseout bubble, so a single delegated pair covers every component —
20833        // present or future — and fires only when the hovered element changes (unlike
20834        // mousemove, which fires on every pixel). focusout is deferred so activeElement
20835        // has settled before we recompute.
20836        document.addEventListener('mouseover', updateBarriers, true);
20837        document.addEventListener('mouseout', updateBarriers, true);
20838        document.addEventListener('focusin', updateBarriers, true);
20839        document.addEventListener('focusout', () => setTimeout(updateBarriers, 0), true);
20840    }
20841
20842    if (!globalThis.wmDevice) {
20843        window.addEventListener('wm-device-ready', init, { once: true });
20844    } else {
20845        init();
20846    }
20847})();
20848</script>
20848
20849            
20849<script>/* form.js */
20850(() => {
20851    globalThis.WMForms ??= {};
20852    const initializedForms = new WeakSet();
20853
20854    /**
20855     * Initialize a single form with all event handlers and functionality
20856     * @param {HTMLFormElement} form
20857     * @returns {boolean} Whether initialization was successful
20858     */
20859    function initializeForm(form) {
20860        if (!form || !form.action || initializedForms.has(form)) return false;
20861
20862        console.debug('form: init');
20863        initializedForms.add(form);
20864
20865        const leadsUrl = form.dataset.submitUrl;
20866        const formId = form.dataset.formId;
20867        const url = form.action;
20868        const siteCapKey = form.dataset.siteCapKey;
20869        const hash = form.dataset.formHash;
20870        const successMsg = form.dataset.submitMessage;
20871        const redirectUrl = form.dataset.redirectUrl ?? null;
20872        const redirectTarget = form.dataset.redirectTarget ?? null;
20873
20874        // Find the notification div within the form's closest parent .wmc_form container
20875        const formContainer = form.closest('.wmc_form');
20876        const notifyDiv = hash ?
20877            formContainer.querySelector(`#notify_${hash}`) :
20878            formContainer.querySelector('.form-notification');
20879
20880        // Get submit button and loading spinner
20881        /** @type {HTMLInputElement|HTMLButtonElement}*/
20882        const submitButton = form.querySelector('[type="submit"]');
20883        /** @type {HTMLElement} */
20884        const loadingSpinner = form.querySelector('.loading-spinner');
20885
20886        // Get date and time inputs if they exist
20887        const preferredDateInput = form.querySelector('input[name="preferred_date"]');
20888        const preferredTimeInput = form.querySelector('input[name="preferred_time"]');
20889
20890        // Add asterisk to required field placeholders
20891        function addRequiredAsterisks() {
20892            const requiredFields = form.querySelectorAll(':is(input, textarea, select)[required]:not([placeholder$=" *"])');
20893            for (const fld of requiredFields) {
20894                fld.placeholder += ' *';
20895            }
20896        }
20897
20898        // Handle datalist swapping based on selected date
20899        function handleDateListSwap() {
20900            if (!preferredDateInput || !preferredTimeInput) return;
20901
20902            preferredDateInput.addEventListener('change', (e) => {
20903                const selectedDate = new Date(e.target.value);
20904                if (isNaN(selectedDate)) return;
20905
20906                const dayOfWeek = selectedDate.getDay(); // 0 = Sunday, 1 = Monday, etc.
20907                const dayNames = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
20908                const targetListId = `form_${dayNames[dayOfWeek]}`;
20909
20910                // Check if the target datalist exists
20911                const targetDatalist = document.getElementById(targetListId);
20912                if (targetDatalist) {
20913                    preferredTimeInput.setAttribute('list', targetListId);
20914                    // Clear the current value since the options may have changed
20915                    preferredTimeInput.value = '';
20916                }
20917            });
20918        }
20919
20920        // Handle date and time input states for styling
20921        function handleDateTimeInputStates() {
20922            const dateTimeInputs = form.querySelectorAll('input[type="date"], input[type="time"]');
20923            
20924            dateTimeInputs.forEach(input => {
20925                const updateState = () => {
20926                    if (input.value) {
20927                        input.classList.add('has-value');
20928                    } else {
20929                        input.classList.remove('has-value');
20930                    }
20931                };
20932                
20933                updateState();
20934                
20935                input.addEventListener('change', updateState);
20936                input.addEventListener('input', updateState);
20937            });
20938        }
20939
20940        addRequiredAsterisks();
20941        handleDateListSwap();
20942        handleDateTimeInputStates();
20943
20944        form.addEventListener('submit', async e => {
20945            e.preventDefault();
20946            form.classList.add('was-validated');
20947
20948            // Show loading spinner and hide submit button
20949            if (submitButton && loadingSpinner) {
20950                submitButton.style.display = 'none';
20951                loadingSpinner.style.display = 'flex';
20952                submitButton.disabled = true;
20953            }
20954
20955            try {
20956                let recaptchaToken = null;
20957
20958                // Check if grecaptcha script exists and is available
20959                if (typeof grecaptcha !== 'undefined' && siteCapKey) {
20960                    // wait for grecaptcha library to be ready
20961                    await new Promise(resolve => grecaptcha.ready(resolve));
20962                    // execute v3 and get the token
20963                    recaptchaToken = await grecaptcha.execute(siteCapKey, { action: 'submit' });
20964                }
20965
20966                // build your payload properly handling arrays (like checkboxes)
20967                const formData = new FormData(form);
20968                const formObject = {};
20969
20970                // Handle form data properly, including checkbox arrays
20971                for (const [key, value] of formData.entries()) {
20972                    if (formObject[key]) {
20973                        // If key already exists, convert to array or push to existing array
20974                        if (Array.isArray(formObject[key])) {
20975                            formObject[key].push(value);
20976                        } else {
20977                            formObject[key] = [formObject[key], value];
20978                        }
20979                    } else {
20980                        formObject[key] = value;
20981                    }
20982                }
20983
20984                const reqPayload = {
20985                    formId: formId,
20986                    form: formObject,
20987                    leadsUrl,
20988                    captchaToken: recaptchaToken
20989                };
20990
20991                // This is added due to page caching SMBWMGR20-1684
20992                const xsrfToken = decodeURIComponent(
20993                    (document.cookie.split('; ').find(r => r.startsWith('XSRF-TOKEN=')) || '').split('=')[1] || ''
20994                );
20995
20996                // fire off your fetch _inside_ the grecaptcha success
20997                const rsp = await fetch(url, {
20998                    method: 'POST',
20999                    headers: {
21000                        'Accept': 'application/json',
21001                        'Content-Type': 'application/json',
21002                        'X-XSRF-TOKEN': xsrfToken // This is added due to page caching SMBWMGR20-1684
21003                    },
21004                    body: JSON.stringify(reqPayload)
21005                });
21006
21007                const payload = await rsp.json();
21008
21009                if (!rsp.ok) {
21010                    const msg = Array.isArray(payload.error_message)
21011                        ? payload.error_message.join(' ')
21012                        : payload.error_message || `Server returned ${rsp.status}`;
21013                    return flashMessage(notifyDiv, msg, false);
21014                }
21015                if (redirectUrl !== null && redirectUrl !== '') {
21016                    if (redirectTarget !== null && redirectTarget !== '') {
21017                        window.open(redirectUrl, redirectTarget, 'noopener,noreferrer');
21018                    } else {
21019                        window.location.href = redirectUrl;
21020                    }
21021                }
21022
21023                flashMessage(notifyDiv, successMsg || 'Saved!', true);
21024                form.style.display = 'none';
21025
21026            } catch (err) {
21027                flashMessage(
21028                    notifyDiv,
21029                    err.message?.includes('JSON')
21030                        ? 'Received invalid JSON from server'
21031                        : err.message || 'Network error, please try again',
21032                    false
21033                );
21034            } finally {
21035                // Restore submit button on error
21036                if (submitButton && loadingSpinner) {
21037                    submitButton.disabled = false;
21038                    submitButton.style.display = '';
21039                    loadingSpinner.style.display = 'none';
21040                }
21041            }
21042        });
21043
21044        form.querySelector('input[type="submit"]')
21045            ?.addEventListener('click', () => form.classList.add('was-validated'));
21046
21047        return true;
21048    }
21049
21050    function flashMessage(notifyDiv, msg, hide = false) {
21051        if (!notifyDiv) {
21052            return;
21053        }
21054
21055        notifyDiv.innerHTML = msg;
21056        notifyDiv.style.display = 'block';
21057        if (hide) {
21058            setTimeout(() => (notifyDiv.style.display = 'none'), 10_000);
21059        }
21060    }
21061
21062    function setupIntersectionObserver() {
21063        const observer = new IntersectionObserver((entries) => {
21064            entries.forEach(entry => {
21065                if (!entry.isIntersecting) return;
21066                const form = entry.target.querySelector('form');
21067                if (!form) return;
21068                initializeForm(form);
21069                observer.unobserve(entry.target);
21070            });
21071        }, { threshold: 0 });
21072
21073        document.querySelectorAll('.wmc_form').forEach(formContainer => {
21074            observer.observe(formContainer);
21075        });
21076    }
21077
21078    function initializeAllForms() {
21079        document.querySelectorAll('.wmc_form form').forEach(initializeForm);
21080    }
21081
21082    globalThis.WMForms.initForm = initializeForm;
21083    globalThis.WMForms.initAllForms = initializeAllForms;
21084
21085    // Start initialization on user interaction
21086    if (!globalThis.wmUserInteraction) {
21087        window.addEventListener('wm-user-interaction', setupIntersectionObserver, { once: true });
21088    } else {
21089        setupIntersectionObserver();
21090    }
21091})();
21092</script>
21092
21093            
21093<script>/* image.js */
21094;(() => {
21095
21096    class WMImageBase extends HTMLElement {
21097
21098        static EMPTY_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
21099        static initialImagesList = [];
21100        static observer = null;
21101        static resizeObserver = null;
21102        static resizeDelayTimer = null;
21103        static processingInitialBatch = true;
21104        static initialObserver = null;
21105        static mediaUrl = '';
21106        static mediaScale = 1;
21107
21108        /** @type boolean */
21109        isInitialized = false;
21110        /** @type number */
21111        pW = -1;
21112        /** @type number */
21113        pH = -1;
21114
21115        connectedCallback() {
21116            // wait for the next frame to ensure children (img) are parsed
21117            requestAnimationFrame(() => {
21118                this.init();
21119            });
21120        }
21121
21122        disconnectedCallback() {
21123            // NOTE
21124            // Intentionally do nothing on disconnectedCallback:
21125            // reorder.js shuffles wm-img nodes across breakpoints,
21126            // and tearing down the ResizeObserver here loses layout
21127            // tracking for the rest of the page lifecycle.
21128
21129            // if (!this.isInitialized) return;
21130            // const img = this.querySelector('img');
21131            // if (!img) return;
21132            //
21133            // if (WMImage.observer) WMImage.observer.unobserve(img);
21134            // if (WMImage.resizeObserver) WMImage.resizeObserver.unobserve(img);
21135        }
21136
21137        init() {
21138            // Start main observer in case it's not started
21139            WMImageBase.startMainObserver();
21140            if (WMImageBase.observer) {
21141                this.isInitialized = true;
21142                const img = this.querySelector('img');
21143                if (img) WMImageBase.observer.observe(img);
21144            }
21145        }
21146
21147        /**
21148         * @param force {boolean} flag to force-load the image
21149         */
21150        load(force = false) {
21151            const image = this.querySelector('img');
21152            if (!image || !image.dataset.wmSrc) return;
21153
21154            const wmSrc = image.dataset.wmSrc;
21155            let src = wmSrc;
21156            // Use the media URL from the data attribute if present, otherwise use the default
21157            let mediaUrl = image.dataset.wmMediaUrl || WMImage.mediaUrl;
21158
21159            let w = image.offsetWidth;
21160            let h = image.offsetHeight;
21161            let q = 80; // default quality
21162
21163            if (!!w && !!h) {
21164                // do not unnecessarily load a new image if any dimension didn't change more than 2 pixels
21165                if (
21166                    !force &&
21167                    (this.pW > -1) &&
21168                    (this.pH > -1) &&
21169                    (Math.abs(this.pW - w) <= 2) &&
21170                    (Math.abs(this.pH - h) <= 2)
21171                ) return;
21172
21173                this.pH = h;
21174                this.pW = w;
21175
21176                // adjust size and quality for DPR and scale
21177                const dpr = (window.devicePixelRatio > 1.2) ? 2 : 1;
21178                const scale = WMImage.mediaScale;
21179                w = Math.round(w * dpr * scale);
21180                h = Math.round(h * dpr * scale);
21181                q = Math.round(q * scale);
21182
21183                // ### method 1: exact, without cropping (fits the image to the "outside" of the box, focal point determined through CSS setting)
21184                if (!src.startsWith('http')) {
21185                    if (this.classList.contains('wmcM_imageTile')) {
21186                        src = `${mediaUrl}/${encodeURIComponent(src)}`;
21187                    } else {
21188                        const fit = (
21189                            this.classList.contains('wmcM_imageContain') ||
21190                            this.classList.contains('wmcM_imageScaleDown')
21191                        ) ? 'fit-in' : 'full-fit-in';
21192                        src = `${mediaUrl}/${fit}/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
21193                    }
21194                }
21195
21196                // ### method 2: exact, with cropping (fits the image exactly, but we should provide the focal point to leave important stuff visible)
21197                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
21198                // src = `/image/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
21199                // src = `/image/${w}x${h}/smart/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
21200
21201                // ### method 3: specific increments (reduces number of different sizes IR (thumbor) has to produce, but the algo needs tweaks for very small images)
21202                // const inc = 200;
21203                // w = Math.round((w + inc) / inc) * inc;
21204                // h = Math.round((h + inc) / inc) * inc;
21205                // (window.devicePixelRatio > 1.1) && (w = w * 2) && (h = h * 2);
21206                // src = `/image/full-fit-in/${w}x${h}/filters:no_upscale():format(webp):quality(${q})/${encodeURIComponent(src)}`;
21207            }
21208
21209            if ((src !== wmSrc) || (src.startsWith('http'))) {
21210                if (this.classList.contains('wmcM_imageTile')) {
21211                    image.src = WMImage.EMPTY_PIXEL;
21212                    image.style.backgroundImage = `url('${src}')`;
21213                } else {
21214                    image.style.removeProperty('background-image');
21215                    if (!image.src.endsWith(src)) {
21216                        // load the image behind the scenes
21217                        const newImage = new Image;
21218                        newImage.fetchPriority = image.fetchPriority ?? 'auto';
21219                        newImage.src = src;
21220                        newImage.addEventListener('load', () => {
21221                            // image loaded, apply (only fires if the image was actually successfully loaded)
21222                            image.src = newImage.src;
21223                        });
21224                    }
21225                }
21226            }
21227
21228            image.dataset.wmImageIsSet = 'true';
21229
21230            // Once loaded, we might want to observe for resizing
21231            WMImageBase.addToResizeObserver(this);
21232        }
21233
21234        /**
21235         *
21236         * @param img {HTMLImageElement}
21237         * @param force {boolean} flag to force-load the image
21238         */
21239        static doLoad(img, force = false) {
21240            /** @type {WMImageBase} */
21241            const wmImg = img.closest('wm-img');
21242            if (wmImg) wmImg.load(force);
21243        }
21244
21245        static startMainObserver() {
21246            if (WMImageBase.observer) return;
21247            WMImageBase.observer = new IntersectionObserver((entries, observer) => {
21248                entries.forEach(entry => {
21249                    if (entry.isIntersecting || entry.intersectionRatio !== 0) {
21250                        const img = entry.target;
21251                        WMImage.doLoad(img);
21252                        observer.unobserve(img);
21253                    }
21254                });
21255            }, { rootMargin: '134%' });
21256        }
21257
21258        static addToResizeObserver(element) {
21259            if (!WMImageBase.resizeObserver) {
21260                WMImageBase.resizeObserver = new ResizeObserver(WMImageBase.resizeWatcher);
21261            }
21262            const image = element.querySelector('img');
21263            if (image) WMImageBase.resizeObserver.observe(image);
21264        }
21265
21266        static resizeWatcher(entries) {
21267            if (WMImageBase.resizeDelayTimer) clearTimeout(WMImageBase.resizeDelayTimer);
21268            entries.forEach(entry => {
21269                const image = entry.target; // This is the img
21270                if (image && image.dataset.wmImageIsSet) {
21271                    image.dataset.wmImageNeedsResize = 'true';
21272                }
21273            });
21274
21275            WMImageBase.resizeDelayTimer = setTimeout(() => {
21276                const imagesToResize = document.querySelectorAll('img[data-wm-image-needs-resize=\'true\']');
21277                imagesToResize.forEach(img => {
21278                    WMImageBase.doLoad(img); // Re-run load logic
21279                    img.dataset.wmImageNeedsResize = '';
21280                });
21281            }, 1000);
21282        }
21283
21284        static runInitialSetup() {
21285            WMImageBase.mediaUrl = globalThis.WMConstants.mediaUrl ?? '';
21286            WMImageBase.mediaScale = globalThis.WMConstants.mediaScale ?? 1;
21287        }
21288
21289        static runInitialPrioritization() {
21290            const initialImages = document.querySelectorAll('wm-img');
21291            if (initialImages.length === 0) {
21292                WMImageBase.finishInitialPrioritization();
21293                return;
21294            }
21295
21296            initialImages.forEach(wrapper => {
21297                const img = wrapper.querySelector('img');
21298                if (img) WMImageBase.initialObserver.observe(img);
21299            });
21300        }
21301
21302        static finishInitialPrioritization() {
21303            WMImageBase.initialObserver.disconnect();
21304            WMImageBase.processingInitialBatch = false;
21305
21306            // Sort and prioritize
21307            let currentCoverage = 0;
21308            let coverageChanges = 0;
21309            const allowedCoverageChanges = 3;
21310            const largestInitialImages = [];
21311            const otherInitialImages = [];
21312
21313            WMImageBase.initialImagesList.sort((a, b) => b.coverage - a.coverage);
21314
21315            WMImageBase.initialImagesList.forEach(o => {
21316                if (coverageChanges >= allowedCoverageChanges) {
21317                    otherInitialImages.push(o.img);
21318                    return;
21319                }
21320                if (currentCoverage === 0) {
21321                    currentCoverage = o.coverage;
21322                    largestInitialImages.push(o.img);
21323                    return;
21324                }
21325                if (o.coverage === currentCoverage) {
21326                    largestInitialImages.push(o.img);
21327                    return;
21328                }
21329                if (o.coverage < currentCoverage) {
21330                    currentCoverage = o.coverage;
21331                    coverageChanges++;
21332                    if (coverageChanges >= allowedCoverageChanges) {
21333                        otherInitialImages.push(o.img);
21334                    } else {
21335                        largestInitialImages.push(o.img);
21336                    }
21337                }
21338            });
21339
21340            largestInitialImages.forEach(img => {
21341                /** @type {HTMLImageElement} */
21342                if (img) {
21343                    img.loading = 'eager';
21344                    img.fetchPriority = 'high';
21345                }
21346                WMImageBase.doLoad(img);
21347            });
21348
21349            otherInitialImages.forEach(img => {
21350                /** @type {HTMLImageElement} */
21351                if (img) {
21352                    img.fetchPriority = 'high';
21353                }
21354                WMImageBase.doLoad(img);
21355            });
21356
21357            // start the main observer for everything else (and future images)
21358            WMImageBase.startMainObserver();
21359
21360            // observe any that weren't in the viewport initially but were in the DOM
21361            const offscreenImages = document.querySelectorAll('wm-img');
21362            offscreenImages.forEach(wrapper => {
21363                const img = wrapper.querySelector('img');
21364                // if it wasn't loaded yet (not in viewport, ergo no wmImageIsSet)
21365                if (img && !img.dataset.wmImageIsSet) {
21366                    WMImageBase.observer.observe(img);
21367                }
21368            });
21369        }
21370    }
21371
21372    // Initial observer for prioritization
21373    WMImageBase.initialObserver = new IntersectionObserver((entries) => {
21374        entries.forEach(entry => {
21375            if (entry.intersectionRatio <= Number.EPSILON) return;
21376            /** @type {HTMLImageElement} */
21377            const img = entry.target;
21378            // Calculate coverage
21379            const w = img.offsetWidth;
21380            const h = img.offsetHeight;
21381            const coverage = Math.round(w * h * entry.intersectionRatio);
21382            WMImageBase.initialObserver.unobserve(img);
21383            if (coverage > 0) WMImageBase.initialImagesList.push({ img, coverage });
21384        });
21385
21386        WMImageBase.finishInitialPrioritization();
21387    }, { rootMargin: '-1px' });
21388
21389    globalThis.WMComponents.WMImageBase = WMImageBase;
21390
21391    WMImageBase.runInitialSetup();
21392})();
21393</script>
21393
21394            
21394<script>/* menu.js */
21395;(() => {
21396    // Menu CSS class name constants
21397    const MENU_CSS_CLASSES = {
21398        hamburger: 'wmcM_menuHamburger',
21399        horizontal: 'wmcM_menuHorizontal',
21400        vertical: 'wmcM_menuVertical',
21401        mega: 'wmcM_menuMega'
21402    };
21403
21404    // Every menu level is one of these two list-item types.
21405    const MENU_ITEM_SELECTOR = '.navigation-nav--item, .navigation-nav--sub-item';
21406    const POPOVER_HOVER_CLOSE_DELAY_MS = 120;
21407    const POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS = 400;
21408
21409    /**
21410     * Shared base for the overflow strategies. 
21411     */
21412    class OverflowStrategy {
21413        /** @param {WMMenu} menu */
21414        constructor(menu) {
21415            this.menu = menu;
21416        }
21417
21418        prepareReflow() {}
21419
21420        apply() {}
21421
21422        setupCloneSubMenu(cloneTrigger, clonePanel) {}
21423
21424        teardown() {}
21425    }
21426
21427    /** The "active nothing": leave overflowing items exactly where they are. */
21428    class KeepOverflow extends OverflowStrategy {}
21429
21430    /** Collapse overflowing top-level items into a single shared "More" popover. */
21431    class GroupMoreOverflow extends OverflowStrategy {
21432        prepareReflow() {
21433            this.menu.classList.add('wmd_showMoreMenu');
21434        }
21435
21436        apply() {
21437            const menu = this.menu;
21438            const morePopoverId = `hnav-more-${menu.id || 'menu'}`;
21439            const moreMenuText = menu.dataset.moreMenuText ?? 'More';
21440
21441            const mainMenu = menu.querySelector('.navigation-nav--main-menu');
21442            const nav = menu.querySelector('.navigation-nav');
21443            const menuItems = [...mainMenu.querySelectorAll('.navigation-nav--item')].reverse();
21444            const existingMoreTrigger = menu.querySelector('.navigation-nav--more-trigger');
21445            const containerWidth = nav.offsetWidth - (existingMoreTrigger?.offsetWidth || 60);
21446
21447            // Reset all items to visible before re-measuring.
21448            menuItems.forEach((item) => {
21449                if (!item.classList.contains('navigation-nav--more-trigger')) {
21450                    item.style.display = '';
21451                }
21452            });
21453
21454            // Drop the previous build (More trigger + any hoisted panels) before
21455            // reflowing for the current width.
21456            this.teardown();
21457
21458            menuItems.forEach((item) => {
21459                if (item.classList.contains('navigation-nav--more-trigger')) return;
21460
21461                if (mainMenu.offsetWidth > containerWidth) {
21462                    const moreMenu = menu.querySelector('.navigation-nav--more-menu')
21463                        || this._createMoreMenu(morePopoverId);
21464                    const moreTrigger = menu.querySelector('.navigation-nav--more-trigger')
21465                        || this._createMoreTrigger(mainMenu, moreMenuText, morePopoverId);
21466                    this._handleOverflowItem(item, moreMenu, moreTrigger);
21467                } else {
21468                    item.style.display = '';
21469                }
21470            });
21471
21472            menu.wmHandleArrowClick();
21473
21474            const moreTriggerButton = menu.querySelector(
21475                '.navigation-nav--more-trigger button.arrow[popovertarget]'
21476            );
21477            if (moreTriggerButton) {
21478                menu.wmWirePopoverPair(moreTriggerButton, (trigger, panel)=>{
21479                    this.menu.wmMenuRole.positionPanel(trigger, panel)
21480                });
21481            }
21482
21483            menu.classList.remove('wmd_showMoreMenu');
21484        }
21485
21486        /** @protected */
21487        _createMoreMenu(morePopoverId) {
21488            const moreMenu = document.createElement('ul');
21489            moreMenu.className = 'navigation-nav--more-menu navigation-nav--sub-menu';
21490            moreMenu.id = morePopoverId;
21491            moreMenu.setAttribute('popover', 'auto');
21492            return moreMenu;
21493        }
21494
21495        /** @protected */
21496        _createMoreTrigger(mainMenu, moreMenuText, morePopoverId) {
21497            const moreTrigger = document.createElement('li');
21498            moreTrigger.className = 'navigation-nav--item navigation-nav--more-trigger';
21499            moreTrigger.innerHTML = `<a href="#">${moreMenuText}</a><button type="button" class="arrow" popovertarget="${morePopoverId}" aria-label="Toggle ${moreMenuText} sub menu"></button>`;
21500            mainMenu.appendChild(moreTrigger);
21501            return moreTrigger;
21502        }
21503
21504        /** @protected */
21505        _handleOverflowItem(item, moreMenu, moreTrigger) {
21506            const clone = item.cloneNode(true);
21507            clone.classList.remove('navigation-nav--item');
21508            clone.classList.add('navigation-nav--sub-item');
21509
21510            const cloneTrigger = clone.querySelector(':scope > button.arrow[popovertarget]');
21511            const clonePanel = clone.querySelector(':scope > .navigation-nav--sub-menu[popover]');
21512
21513            moreMenu.insertBefore(clone, moreMenu.firstChild);
21514            item.style.display = 'none';
21515            moreTrigger.appendChild(moreMenu);
21516            moreTrigger.style.display = '';
21517
21518            if (cloneTrigger && clonePanel) {
21519                this.setupCloneSubMenu(cloneTrigger, clonePanel);
21520            }
21521        }
21522
21523        setupCloneSubMenu(cloneTrigger, clonePanel) {
21524            clonePanel.removeAttribute('popover');
21525            clonePanel.removeAttribute('id');
21526            clonePanel.classList.remove('navigation-nav--mega-panel');
21527            cloneTrigger.removeAttribute('popovertarget');
21528        }
21529
21530        /**
21531         * Remove what `apply()` built.
21532         */
21533        teardown() {
21534            this.menu.querySelector('.navigation-nav--more-trigger')?.remove();
21535        }
21536    }
21537
21538    /** Mega variant of the "More" overflow.*/
21539    class MegaGroupMoreOverflow extends GroupMoreOverflow {
21540        setupCloneSubMenu(cloneTrigger, clonePanel) {
21541            const clonedPanelId = `${clonePanel.id || 'panel'}--more`;
21542            clonePanel.id = clonedPanelId;
21543            cloneTrigger.setAttribute('popovertarget', clonedPanelId);
21544
21545            const nav = this.menu.querySelector('.navigation-nav');
21546            (nav ?? this.menu).appendChild(clonePanel);
21547
21548            this.menu.wmWirePopoverPair(
21549                cloneTrigger,
21550                (trigger, panel) => this.menu.wmMenuRole.positionPanel(trigger, panel),
21551            );
21552        }
21553
21554        teardown() {
21555            super.teardown();
21556            this.menu.querySelectorAll('.navigation-nav--mega-panel[id$="--more"]').forEach((panel) => {
21557                if (panel.matches(':popover-open')) panel.hidePopover();
21558                panel.remove();
21559            });
21560        }
21561    }
21562
21563    /**
21564     * `MenuRole` is the Null Object base: every hook is a safe default, so a
21565     * role only overrides the behavior it actually has.
21566     * @implements IMenuRole
21567     */
21568    class MenuRole {
21569        /** @param {WMMenu} menu */
21570        constructor(menu) {
21571            /** @readonly */
21572            this.menu = menu;
21573            this.overflow = this._createOverflow();
21574        }
21575
21576        /** @returns {'hamburger' | 'mega' | 'horizontal' | 'vertical' | 'none'} */
21577        get name() {
21578            return 'none';
21579        }
21580
21581        /** @protected */
21582        _createOverflow() {
21583            return new KeepOverflow(this.menu);
21584        }
21585
21586        syncPanels() {
21587            this.menu.wmDemoteTopLevelPanels();
21588        }
21589
21590        setupInteractions() {}
21591
21592        teardown() {
21593            this.overflow.teardown();
21594        }
21595
21596        positionPanel(trigger, panel) {}
21597
21598        prepareReflow() {
21599            this.overflow.prepareReflow();
21600        }
21601
21602        handleOverflow() {
21603            this.overflow.apply();
21604        }
21605
21606        addParentElements() {}
21607
21608        addBackButtons() {}
21609
21610        setupHoverFlip() {}
21611
21612        adjustSubMenuPosition() {}
21613
21614        onItemToggled(arrowWrapper, isOpening) {}
21615
21616        onOutsideClick(e) {
21617            if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
21618                e.preventDefault();
21619            }
21620
21621            if (!this.menu.contains(e.target)) {
21622                this.menu
21623                    .querySelectorAll('.navigation-nav--item.open, .navigation-nav--sub-item.open')
21624                    .forEach((item) => item.classList.remove('open'));
21625            }
21626        }
21627    }
21628
21629
21630    // FIXME: This likely at one point will need to be broken out into a
21631    //  HorizontalLikeRole and a HorizontalRole. Megamenu overrides and doesn't
21632    //  Call some of the set up menus that Megamenu can, and this is already
21633    //  A Divergence that Inheritance will not handle cleanly.
21634    //  Either the roles will need to explicit about their behavior,
21635    //  Or further roles need to be made to compose this Actor's behavior.
21636    class HorizontalRole extends MenuRole {
21637        get name() {
21638            return 'horizontal';
21639        }
21640
21641        syncPanels() {
21642            this.menu.wmPromoteTopLevelPanels();
21643        }
21644
21645        setupInteractions() {
21646            this.menu.wmSetupPopoverMenu(
21647                '.navigation-nav--item > button.arrow[popovertarget]',
21648                (trigger, panel) => this.positionPanel(trigger, panel),
21649            );
21650        }
21651
21652        // CODE SMELL: Overrides, is Overriden
21653        positionPanel(trigger, panel) {
21654            const item = trigger.closest('.navigation-nav--item');
21655            if (!item) return;
21656            const rect = item.getBoundingClientRect();
21657            const ownerWindow = this.menu.ownerDocument.defaultView ?? window;
21658            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
21659            let left = Math.round(rect.left);
21660            if (panel.matches(':popover-open')) {
21661                left = Math.max(0, Math.min(left, viewportWidth - panel.offsetWidth));
21662            }
21663            panel.style.setProperty('--horizontalNavSubPanelTriggerTop', `${Math.round(rect.bottom)}px`);
21664            panel.style.setProperty('--horizontalNavSubPanelTriggerLeft', `${left}px`);
21665        }
21666
21667        /** @protected
21668         * CODE SMELL: Overrides, is Overriden
21669         */
21670        _createOverflow() {
21671            return this.menu.dataset.moreMenu === 'true'
21672                ? new GroupMoreOverflow(this.menu)
21673                : super._createOverflow();
21674        }
21675
21676        // CODE SMELL: Overrides, is Overriden
21677        setupHoverFlip() {
21678            this.menu.wmSetupHoverFlip();
21679        }
21680
21681        teardown() {
21682            super.teardown();
21683            this.menu.wmTeardownHoverFlip();
21684        }
21685
21686        // CODE SMELL: Overrides, is Overriden
21687        adjustSubMenuPosition() {
21688            this.menu.wmAdjustSubMenuPosition();
21689        }
21690
21691        /**
21692         * Horizontal only injects a parent *link* when explicitly opted in.
21693         * CODE SMELL: Overrides, is Overriden
21694         */
21695        addParentElements() {
21696            if (this.menu.getAttribute('data-parent-menu-to-submenu') === 'true') {
21697                this.menu.wmInsertParentRows({ includeTitle: false });
21698            }
21699        }
21700    }
21701
21702    class MegaRole extends HorizontalRole {
21703        get name() {
21704            return 'mega';
21705        }
21706
21707        positionPanel(trigger, panel) {
21708            if (panel.matches('.navigation-nav--more-menu')) {
21709                super.positionPanel(trigger, panel);
21710                return;
21711            }
21712
21713            const moreMenu = trigger.closest('.navigation-nav--more-menu');
21714            const anchor = moreMenu ?? this.menu.querySelector('.navigation-nav--main-menu') ?? trigger;
21715            const rect = anchor.getBoundingClientRect();
21716            if (rect.width === 0 && rect.height === 0) return;
21717            panel.style.setProperty('--megaNavPanelTriggerTop', `${Math.round(rect.bottom)}px`);
21718        }
21719
21720        /**
21721         * @override
21722         * @protected
21723         */
21724        _createOverflow() {
21725            return this.menu.dataset.moreMenu === 'true'
21726                ? new MegaGroupMoreOverflow(this.menu)
21727                : super._createOverflow();
21728        }
21729
21730        setupHoverFlip() {}
21731
21732        adjustSubMenuPosition() {}
21733
21734        addParentElements() {}
21735    }
21736
21737    /**
21738     * Drill-in layouts (hamburger + vertical) present every level inline and
21739     * slide between them, resizing the drawer. 
21740     */
21741    class DrillInRole extends MenuRole {
21742        addParentElements() {
21743            this.menu.wmInsertParentRows({ includeTitle: true });
21744        }
21745
21746        addBackButtons() {
21747            this.menu.wmAddBackButtons();
21748        }
21749
21750        onItemToggled(arrowWrapper, isOpening) {
21751            if (!isOpening) return;
21752            const subMenu = arrowWrapper.querySelector('.navigation-nav--sub-menu');
21753            if (subMenu) this.menu.wmAdjustNavigationHeight(subMenu);
21754        }
21755
21756        // FIXME: Add All Shared Drilling behaviors from WmMenu
21757    }
21758
21759    class HamburgerRole extends DrillInRole {
21760        get name() {
21761            return 'hamburger';
21762        }
21763
21764        onOutsideClick() {}
21765
21766        // FIXME: Migrate all Unique Behaviors to the Hamburger Menu Roles
21767        //  From WMMenu to here
21768    }
21769
21770    class VerticalRole extends DrillInRole {
21771        get name() {
21772            return 'vertical';
21773        }
21774
21775        // FIXME: Migrate all Unique Behaviors to the Vertical Menu Roles
21776        //  From WMMenu to here
21777    }
21778
21779    class WMMenu extends HTMLElement {
21780        /** @type {number} */
21781        wmResizeTimer;
21782        /** @type {number} */
21783        wmScrollTop = 0;
21784        /** @type {number} */
21785        wmTouchStartTime = 0;
21786
21787        /** @type { [function] } */
21788        #onDisconnect = [];
21789        /** @type { [function] } */
21790        #onCleanup = [];
21791        /** @type {boolean | undefined} */
21792        #isTouch;
21793
21794        /**
21795         * The role for the type this menu is currently morphed into. Resolved in
21796         * `_init` and re-resolved whenever the viewport changes the type class.
21797         *
21798         * @type {MenuRole}
21799         */
21800        #role = new MenuRole(this);
21801
21802        #menuCssClasses = { ...MENU_CSS_CLASSES };
21803
21804        connectedCallback() {
21805            this._init();
21806            const resize = () => {
21807                this._resize();
21808            };
21809            const deviceChange = () => {
21810                this._init();
21811            };
21812
21813            const deviceReady = () => {
21814                this._init();
21815            };
21816
21817            // FIXME: We need to make sure that this completely accepts adoption so that when this component is "dropped" into the page, it has hooks to clean up
21818            const { ownerDocument: { defaultView: window } } = this;
21819            window.addEventListener('resize', resize);
21820            window.addEventListener('wm-device-change', deviceChange);
21821            window.addEventListener('wm-device-ready', deviceReady, { once: true });
21822            this.#onDisconnect.push(() => {
21823                window.removeEventListener('resize', resize);
21824                window.removeEventListener('wm-device-change', deviceChange);
21825                window.removeEventListener('wm-device-ready', deviceReady);
21826            });
21827        }
21828
21829        disconnectedCallback() {
21830            this._cleanup();
21831            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
21832                fn();
21833            } catch (e) {
21834                console.error(e);
21835            }
21836        }
21837
21838        reinitialize() {
21839            console.debug(`reinitialize menu ${this.id}`);
21840            this._init();
21841        }
21842
21843        /**
21844         *
21845         * @returns {boolean}
21846         * @protected
21847         */
21848        _isHorizontal() {
21849            return this.classList.contains(this.#menuCssClasses.horizontal);
21850        }
21851
21852        /**
21853         *
21854         * @returns {boolean}
21855         * @protected
21856         */
21857        _isHamburger() {
21858            return this.classList.contains(this.#menuCssClasses.hamburger);
21859        }
21860
21861        /**
21862         *
21863         * @returns {boolean}
21864         * @protected
21865         */
21866        _isMega() {
21867            return this.classList.contains(this.#menuCssClasses.mega);
21868        }
21869
21870        /**
21871         * @public
21872         */
21873        getMenuType() {
21874            return this.#role.name
21875        }
21876
21877        /**
21878         * Factory for the role matching the menu's current type class. Mirrors
21879         * the precedence used by `getMenuType()`.
21880         *
21881         * @returns {MenuRole}
21882         * @protected
21883         */
21884        _resolveRole() {
21885            if (this._isHamburger()) return new HamburgerRole(this);
21886            if (this._isMega()) return new MegaRole(this);
21887            if (this._isHorizontal()) return new HorizontalRole(this);
21888            return new VerticalRole(this);
21889        }
21890
21891        get wmMenuRole () {
21892            return this.#role;
21893        }
21894
21895        /**
21896         * Open or close a specific popover panel, regardless of the layout (horizontal/mega/Hamburger layouts) the
21897         * menu is currently morphed into.
21898         *
21899         * @param {HTMLElement | null} panel sub-menu / mega-panel / hamburger drawer element
21900         * @param {boolean} open
21901         * @param {HTMLElement | null} [source] invoking trigger
21902         * @public
21903         */
21904        setPanelOpen(panel, open, source = null) {
21905            if (!panel || !panel.isConnected || !panel.hasAttribute('popover')) return;
21906            panel.togglePopover(source ? { force: open, source } : open);
21907        }
21908
21909        /** @protected */
21910        _init() {
21911            this._cleanup();
21912            this._applyClassesViewportPrefix();
21913            this.#role = this._resolveRole();
21914            this.#role.syncPanels();
21915            this.#role.addParentElements();
21916            this.#role.addBackButtons();
21917            // FIXME: Move to the Hamburger Role
21918            this._toggleHamburgerMenu();
21919            // FIXME: Move to the Hamburger Role
21920            this._handleSamePageClicks();
21921            this._setupMenuObservers();
21922            this.wmHandleArrowClick();
21923            this.#role.setupInteractions();
21924            this._resize();
21925        }
21926
21927        /** @protected */
21928        _applyClassesViewportPrefix() {
21929            const { hamburger, horizontal, vertical, mega } = MENU_CSS_CLASSES;
21930            const device = globalThis.wmDevice ?? 'Desktop';
21931            this.#menuCssClasses = {
21932                hamburger: `${hamburger}${device}`,
21933                horizontal: `${horizontal}${device}`,
21934                vertical: `${vertical}${device}`,
21935                mega: `${mega}${device}`
21936            };
21937        }
21938
21939        /**
21940         * Top-level sub-menus the server renders with a neutral `id`; popover
21941         * roles wire the `popover`/`popovertarget` markup at runtime per
21942         * viewport.
21943         *
21944         * @returns {NodeListOf<HTMLElement>}
21945         * @protected
21946         */
21947        _topLevelPanels() {
21948            return this.querySelectorAll(
21949                '.navigation-nav--item > .navigation-nav--sub-menu[id]:not(.navigation-nav--more-menu)'
21950            );
21951        }
21952
21953        /** Promote top-level sub-menus into hover-opened popover panels.
21954         */
21955        wmPromoteTopLevelPanels() {
21956            this._topLevelPanels().forEach((panel) => {
21957                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
21958                panel.setAttribute('popover', 'auto');
21959                panel.classList.add('navigation-nav--mega-panel');
21960                trigger?.setAttribute('popovertarget', panel.id);
21961            });
21962        }
21963
21964        /** Strip popover markup so sub-menus present inline (drill-in).
21965         */
21966        wmDemoteTopLevelPanels() {
21967            this._topLevelPanels().forEach((panel) => {
21968                const trigger = panel.parentElement.querySelector(':scope > button.arrow');
21969                if (panel.hasAttribute('popover')) panel.togglePopover(false);
21970                panel.removeAttribute('popover');
21971                trigger?.removeAttribute('popovertarget');
21972            });
21973        }
21974
21975        /** @protected */
21976        _resetMenuItemsDisplay() {
21977            // Reset all menu items to visible (clears display:none from horizontal menu overflow)
21978            this.querySelectorAll('.navigation-nav--item').forEach((item) => {
21979                if (!item.classList.contains('navigation-nav--more-trigger')) {
21980                    item.style.removeProperty('display');
21981                }
21982            });
21983        }
21984
21985        /** @protected */
21986        _resetMenuInlineStyles() {
21987            // Clear display styles from menu items
21988            this._resetMenuItemsDisplay();
21989
21990            // Clear inline heights set by hamburger/vertical menus
21991            const navigationNav = this.querySelector('.navigation-nav');
21992            if (navigationNav) {
21993                navigationNav.style.removeProperty('height');
21994            }
21995        }
21996
21997        /** @protected */
21998        _cleanup = () => {
21999            this.#role.teardown();
22000
22001            for (const fn of this.#onCleanup.splice(0, this.#onCleanup.length)) try {
22002                fn();
22003            } catch (e) {
22004                console.error(e);
22005            }
22006
22007            if (this.wmResizeTimer) clearTimeout(this.wmResizeTimer);
22008
22009            // FIXME: This belongs to the Role's teardown
22010            const hamburgerPopover = this.querySelector('.navigation-module-container[popover]');
22011            if (hamburgerPopover) {
22012                this._setHamburgerPopover(hamburgerPopover, false);
22013            }
22014
22015            for (const el of this.querySelectorAll('.active')) {
22016                el.classList.remove('active');
22017            }
22018            for (const el of this.querySelectorAll('.open')) {
22019                el.classList.remove('open');
22020            }
22021
22022            /** @type {NodeListOf<HTMLElement>} */
22023            const delayedElements = this.querySelectorAll('[style*="--item-delay"]');
22024            for (const el of delayedElements) {
22025                el.style.removeProperty('--item-delay');
22026            }
22027
22028            // FIXME: This belongs to the Role's Teardown.
22029            // Clean up hamburger button event listener
22030            this.querySelector('.hamburger-button')?.removeEventListener(
22031                'click',
22032                this._hamburgerClickHandler
22033            );
22034
22035            this._resetMenuInlineStyles();
22036        };
22037
22038        /** @protected */
22039        _resize = () => {
22040            this.#role.prepareReflow();
22041            clearTimeout(this.wmResizeTimer);
22042            this.wmResizeTimer = setTimeout(() => {
22043                this.#role.handleOverflow();
22044            }, 50);
22045        };
22046
22047        /**
22048         * FIXME: This belongs in the Drill Behavior in Providers.
22049         * Insert a parent link row (and, for drill-in layouts, a parent title
22050         * row) at the top of every sub-menu so the parent stays reachable once
22051         * the sub-menu replaces it. Invoked by the role's `addParentElements()`.
22052         *
22053         * @param {{ includeTitle: boolean }} options
22054         */
22055        wmInsertParentRows({ includeTitle }) {
22056            const items = [
22057                ...this.querySelectorAll('.navigation-nav--item'),
22058                ...this.querySelectorAll('.navigation-nav--sub-item')
22059            ];
22060
22061            this._addParentElement(items, 'link');
22062
22063            if (includeTitle) {
22064                this._addParentElement(items, 'title');
22065            }
22066        }
22067
22068        /**
22069         * @param {HTMLElement[]} items
22070         * @param {'link' | 'title'} type
22071         * @protected
22072         */
22073        _addParentElement(items, type = 'link') {
22074            items.forEach(item => {
22075                const subMenu = item.querySelector('.navigation-nav--sub-menu');
22076                if (!subMenu) return;
22077
22078                // Check if parent element already exists
22079                const existingParentElement = subMenu.querySelector(
22080                    type === 'link' ? '.navigation-nav--sub-item' : '.navigation-nav--parent-title'
22081                );
22082                if (existingParentElement) return; // Skip if already exists
22083
22084                const parentLink = item.querySelector('a');
22085                if (!parentLink) return; // Folder items may have no link.
22086                const parentTitle = parentLink.textContent;
22087                const parentHref = parentLink.getAttribute('href');
22088
22089                // Create appropriate element based on type
22090                const element = type === 'link'
22091                    ? `<li class="navigation-nav--sub-item"><a href="${parentHref}">${parentTitle}</a></li>`
22092                    : `<li class="navigation-nav--parent-title"><a href="${parentHref}">${parentTitle}</a><span></span></li>`;
22093
22094                subMenu.insertAdjacentHTML('afterbegin', element);
22095            });
22096        }
22097
22098        /**
22099         * FIXME: This should be part of the Drill in Roles.
22100         * Drill-in only (wired by `DrillInRole.addBackButtons()`).
22101         */
22102        wmAddBackButtons() {
22103            let touchStartTime = 0;
22104
22105            this.querySelectorAll('.navigation-nav--sub-menu').forEach(subMenu => {
22106                // Skip if back button already exists
22107                if (subMenu.querySelector('.navigation-nav--back')) return;
22108
22109                const backButton = this._createBackButton();
22110                subMenu.insertBefore(backButton, subMenu.firstChild);
22111
22112                // Set back button event with touch device handling
22113                const backButtonLink = backButton.querySelector('a');
22114
22115                const handleClick = (e) => {
22116                    this._handleBackButtonClick(e, subMenu);
22117                };
22118
22119                if (this._isTouchDevice()) {
22120                    backButtonLink.addEventListener('touchstart', (e) => {
22121                        e.preventDefault();
22122                        touchStartTime = Date.now();
22123                    });
22124
22125                    backButtonLink.addEventListener('touchend', (e) => {
22126                        e.preventDefault();
22127                        if ((Date.now() - touchStartTime) < 2000) {
22128                            handleClick(e);
22129                        }
22130                    });
22131                } else {
22132                    backButtonLink.addEventListener('click', handleClick);
22133                }
22134            });
22135        }
22136
22137        /**
22138         * FIXME: This should be part of the Drill in Roles.
22139         * @protected
22140         * */
22141        _createBackButton() {
22142            const backButton = document.createElement('li');
22143            backButton.className = 'navigation-nav--back';
22144            backButton.innerHTML = '<a href="#">Back</a>';
22145            return backButton;
22146        }
22147
22148        /**
22149         * FIXME: This should be part of the Drill in Roles.
22150         * @protected
22151         * @param {MouseEvent} e
22152         * @param {HTMLElement} subMenu
22153         */
22154        _handleBackButtonClick(e, subMenu) {
22155            e.preventDefault();
22156            const parentItem = subMenu.closest(MENU_ITEM_SELECTOR);
22157            if (!parentItem) return;
22158
22159            parentItem.classList.remove('open');
22160
22161            // Back buttons only exist in drill-in layouts, so shrink the drawer
22162            // back to the parent level.
22163            const parentUl = subMenu.parentElement.closest('ul');
22164            if (parentUl) {
22165                this.wmAdjustNavigationHeight(parentUl);
22166            }
22167        }
22168
22169        /**
22170         * FIXME: This is part of Drill In Behavior Currently
22171         * @param {HTMLElement} parentUl
22172         */
22173        wmAdjustNavigationHeight(parentUl) {
22174            const navigationNav = this.querySelector('.navigation-nav');
22175            const { paddingTop, paddingBottom } = getComputedStyle(navigationNav);
22176            const parentHeight = parentUl.offsetHeight + parseInt(paddingTop) + parseInt(paddingBottom);
22177            navigationNav.style.height = `${parentHeight}px`;
22178        }
22179
22180        /**
22181         * @protected
22182         * FIXME: Move to the Hamburger Role Tear down and cleanup!
22183         */
22184        _toggleHamburgerMenu() {
22185            const button = this.querySelector('.hamburger-button');
22186            if (!button) return;
22187
22188            // Ensure the button type is set to prevent form submission
22189            button.type = 'button';
22190
22191            // Remove any existing event listener
22192            button.removeEventListener('click', this._hamburgerClickHandler);
22193
22194            // Add the event listener
22195            button.addEventListener('click', this._hamburgerClickHandler);
22196        }
22197
22198        /** @protected
22199         * FIXME: Move to the Hamburger Role!
22200         */
22201        _handleSamePageClicks() {
22202            this.addEventListener('click', this.#closeThenNavigate);
22203            this.#onCleanup.push(() => {
22204                this.removeEventListener('click', this.#closeThenNavigate);
22205            });
22206        }
22207
22208        /**
22209         *
22210         * FIXME: Move to the Hamburger Role!
22211         * @protected
22212         * @readonly
22213         * @param {MouseEvent} e
22214         * @return {void}
22215         */
22216        _hamburgerClickHandler = (e) => {
22217            e.preventDefault();
22218            e.stopPropagation();
22219            /** @type {HTMLButtonElement} */
22220            const button = e.target.closest('.hamburger-button');
22221            const navContainer = this.querySelector('.navigation-module-container');
22222            if (!navContainer) return;
22223
22224            const isHamburger = this._isHamburger();
22225            const mainMenuUl = this.querySelector('.navigation-nav--main-menu');
22226            const main = document.querySelector('main');
22227            const parentSection = this.closest('.wmc_section');
22228            const isInMovedSection = parentSection?.classList.contains('wmc_section_sticky_state') ?? false;
22229            const isOpening = !navContainer.classList.contains('active');
22230
22231            if (isOpening) {
22232                this.wmScrollTop = window.scrollY;
22233
22234                if (isInMovedSection) {
22235                    // Freeze the body in place and offset it by the saved scroll.
22236                    document.documentElement.style.setProperty('--wm_scrollTop', `-${this.wmScrollTop}px`);
22237                    document.documentElement.classList.add('full_screen_open_body_fixed');
22238                } else {
22239                    main?.style.setProperty('--wm_scrollTop', `${this.wmScrollTop}px`);
22240                }
22241
22242                const isScaled = main ? getComputedStyle(main).getPropertyValue('--wm_scale') !== '1' : false;
22243                this.style.setProperty(
22244                    '--wm_scrollTopNav',
22245                    isInMovedSection ? '0px' : `${isScaled ? this.wmScrollTop : 0}px`,
22246                );
22247
22248                button?.classList.add('active');
22249                navContainer.classList.add('active');
22250
22251                if (isHamburger) this._setHamburgerPopover(navContainer, true);
22252            } else {
22253                this._setHamburgerPopover(navContainer, false);
22254                button?.classList.remove('active');
22255                navContainer.classList.remove('active');
22256
22257                if (isInMovedSection) {
22258                    document.documentElement.classList.remove('full_screen_open_body_fixed');
22259                    document.documentElement.style.removeProperty('--wm_scrollTop');
22260                    window.scrollTo(0, this.wmScrollTop);
22261                } else {
22262                    window.scrollTo(0, this.wmScrollTop);
22263                    main?.style.setProperty('--wm_scrollTop', '0px');
22264                }
22265                this.style.setProperty('--wm_scrollTopNav', '0px');
22266            }
22267
22268            if (mainMenuUl) {
22269                const menuItems = mainMenuUl.querySelectorAll(':scope > li');
22270
22271                if (isOpening) {
22272                    menuItems.forEach((item, index) => {
22273                        item.style.setProperty('--item-delay', `${0.5 + (index * 0.04)}s`);
22274                    });
22275
22276                    setTimeout(() => {
22277                        mainMenuUl.classList.add('start-animation');
22278                    }, 50);
22279                    // Calculate total animation duration and remove delay after completion
22280                    const totalDelay = 0.5 + ((menuItems.length - 1) * 0.04);
22281                    const transitionDuration = 0.3; // From CSS transition: all 0.3s ease
22282                    const totalAnimationTime = (totalDelay + transitionDuration) * 1000;
22283
22284                    setTimeout(() => {
22285                        menuItems.forEach((item) => {
22286                            item.style.removeProperty('--item-delay');
22287                        });
22288                    }, totalAnimationTime);
22289                } else {
22290                    mainMenuUl.classList.remove('start-animation');
22291                    menuItems.forEach((item) => {
22292                        item.style.removeProperty('--item-delay');
22293                    });
22294                }
22295            }
22296
22297            if (isHamburger) {
22298                const navElement = this.querySelector('.navigation-nav');
22299                if (navElement && mainMenuUl) {
22300                    navElement.style.height = `${mainMenuUl.offsetHeight}px`;
22301                }
22302                this.querySelectorAll('.open').forEach(item => item.classList.remove('open'));
22303            }
22304        };
22305
22306        /**
22307         * Promote/demote the hamburger drawer to the top layer via the Popover
22308         * API.
22309         * // FIXME: Move to Hamburger Role
22310         *
22311         * @param {HTMLElement} container
22312         * @param {boolean} open
22313         * @protected
22314         */
22315        _setHamburgerPopover(container, open) {
22316            if (open) {
22317                container.setAttribute('popover', 'manual');
22318                container.togglePopover(open);
22319            } else {
22320                if (container.hasAttribute('popover')) container.togglePopover(open);
22321                container.removeAttribute('popover');
22322            }
22323        }
22324
22325        /** @protected */
22326        _setupMenuObservers() {
22327            // Only horizontal and mega menus reflow into a "More" overflow, and both share the same container markup.
22328            const resizeSelectors = [
22329                '.navigation-module-container',
22330                '.navigation-nav--main-menu'
22331            ];
22332
22333            const resizeObserver = new ResizeObserver(entries => {
22334                if (!entries.length) return;
22335                this._resize();
22336            });
22337
22338            resizeSelectors.forEach(selector => {
22339                this.querySelectorAll(selector).forEach(element => {
22340                    resizeObserver.observe(element);
22341                });
22342            });
22343        }
22344
22345        /**
22346         * @protected
22347         * This might need to be made public, or a function that can be just called.
22348         */
22349        _isTouchDevice() {
22350            this.#isTouch ??= ('ontouchstart' in window)
22351                || (navigator.maxTouchPoints > 0)
22352                || (navigator.msMaxTouchPoints > 0);
22353            return this.#isTouch;
22354        }
22355
22356        // FIXME: Add this to the Hamburger Role.
22357        #closeThenNavigate = (event) => {
22358            // Only the hamburger drawer covers the page, so it is the only
22359            // layout that must close before an in-page anchor can be reached.
22360            if (!this._isHamburger()) return;
22361            /** @type {HTMLAnchorElement|null} */
22362            const targetAnchor = event.target.closest('a');
22363            if (!targetAnchor) return;
22364            const linkUrl = new URL(targetAnchor.href, window.location.origin);
22365            if (linkUrl.pathname !== window.location.pathname) return;
22366            if (!linkUrl.hash) return;
22367            const targetElement = document.querySelector(linkUrl.hash);
22368            if (!targetElement) return;
22369            event.preventDefault();
22370            // Route through the hamburger button so the drawer popover is
22371            // dismissed via `_hamburgerClickHandler`, which also unwinds the
22372            // body scroll lock and restores the saved scroll position before
22373            // we jump to the anchor target.
22374            this.querySelector('.hamburger-button')?.click?.();
22375            targetElement.scrollIntoView({ behavior: 'instant' });
22376        };
22377
22378        #outsideClickHandler = (e) => {
22379            this.#role.onOutsideClick(e);
22380        };
22381
22382        #handleClick = (e) => {
22383            e.preventDefault();
22384            const arrowWrapper = e.target.closest(MENU_ITEM_SELECTOR);
22385            if (arrowWrapper) {
22386                this._toggleMenuItem(arrowWrapper);
22387                this.#role.adjustSubMenuPosition();
22388            }
22389        };
22390
22391        #handleTouchStart = (e) => {
22392            e.preventDefault();
22393            this.wmTouchStartTime = Date.now();
22394        };
22395
22396        #handleTouchEnd = (e) => {
22397            e.preventDefault();
22398            if ((Date.now() - this.wmTouchStartTime) < 2000) {
22399                this.#handleClick(e);
22400            }
22401        };
22402
22403        #flipOnHover = (e) => {
22404            this._flipSubItemSubMenu(e.currentTarget);
22405        };
22406
22407        wmHandleArrowClick() {
22408            this._setupEventHandlers();
22409            this.#role.setupHoverFlip();
22410
22411            document.removeEventListener('touchend', this.#outsideClickHandler);
22412            document.removeEventListener('click', this.#outsideClickHandler);
22413
22414            const eventType = this._isTouchDevice() ? 'touchend' : 'click';
22415            document.addEventListener(eventType, this.#outsideClickHandler);
22416        };
22417
22418        /**
22419         * FIXME: Move to Horizontal Role
22420         * Horizontal only (wired by `HorizontalRole.setupHoverFlip()`).
22421         */
22422        wmSetupHoverFlip() {
22423            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
22424                item.removeEventListener('mouseenter', this.#flipOnHover);
22425                item.addEventListener('mouseenter', this.#flipOnHover);
22426            });
22427        }
22428
22429        /**
22430         * FIXME: Move to Horizontal Role. Not sure if This should be called a
22431         *  Keep on Screen Strategy.
22432         * Remove the hover-flip listeners added by `_setupHoverFlip`.
22433         */
22434        wmTeardownHoverFlip() {
22435            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => {
22436                item.removeEventListener('mouseenter', this.#flipOnHover);
22437            });
22438        }
22439
22440        /**
22441         * @param {string} triggerSelector
22442         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
22443         */
22444        wmSetupPopoverMenu(triggerSelector, positionPanel) {
22445            this.querySelectorAll(triggerSelector).forEach((trigger) => {
22446                this.wmWirePopoverPair(trigger, positionPanel);
22447            });
22448        }
22449
22450        /**
22451         * Bind hover/focus open + grace close on a popover trigger/panel pair.
22452         * `positionPanel` writes the anchor custom properties used by CSS.
22453         *
22454         * @param {HTMLElement} trigger
22455         * @param {(trigger: HTMLElement, panel: HTMLElement) => void} positionPanel
22456         */
22457        wmWirePopoverPair(trigger, positionPanel) {
22458            const panelId = trigger.getAttribute('popovertarget');
22459            if (!panelId) return;
22460            const panel = this.querySelector(`#${CSS.escape(panelId)}`);
22461            if (!panel) return;
22462            const triggerItem = trigger.closest(MENU_ITEM_SELECTOR);
22463            if (!triggerItem) return;
22464
22465            const isTouch = this._isTouchDevice();
22466            const ownerWindow = this.ownerDocument.defaultView ?? window;
22467            /** @type {number | undefined} */
22468            let closeTimer;
22469
22470            const cancelClose = () => {
22471                if (closeTimer !== undefined) {
22472                    clearTimeout(closeTimer);
22473                    closeTimer = undefined;
22474                }
22475            };
22476            const reposition = () => positionPanel(trigger, panel);
22477            const startTracking = () => {
22478                ownerWindow.addEventListener('scroll', reposition, { passive: true });
22479                ownerWindow.addEventListener('resize', reposition);
22480            };
22481            const stopTracking = () => {
22482                ownerWindow.removeEventListener('scroll', reposition);
22483                ownerWindow.removeEventListener('resize', reposition);
22484            };
22485
22486            const openPanel = () => {
22487                cancelClose();
22488                positionPanel(trigger, panel);
22489                this.setPanelOpen(panel, true, trigger);
22490            };
22491
22492            const closePanel = () => {
22493                this.setPanelOpen(panel, false);
22494            };
22495
22496            const hasOpenChildPopover = () => {
22497                for (const inv of panel.querySelectorAll('[popovertarget]')) {
22498                    const id = inv.getAttribute('popovertarget');
22499                    const target = id && this.querySelector(`#${CSS.escape(id)}`);
22500                    if (target && target.matches(':popover-open')) return true;
22501                }
22502                return false;
22503            };
22504
22505            const isStructurallyChained = !!trigger.closest('[popover]');
22506
22507            const scheduleClose = () => {
22508                cancelClose();
22509                const delay = isStructurallyChained
22510                    ? POPOVER_HOVER_CLOSE_DELAY_CHAINED_MS
22511                    : POPOVER_HOVER_CLOSE_DELAY_MS;
22512                closeTimer = setTimeout(() => {
22513                    closeTimer = undefined;
22514                    if (
22515                        triggerItem.matches(':hover')
22516                        || panel.matches(':hover')
22517                        || panel.contains(document.activeElement)
22518                    ) return;
22519                    // Defer closing while a chained child popover is still open.
22520                    if (hasOpenChildPopover()) {
22521                        scheduleClose();
22522                        return;
22523                    }
22524                    closePanel();
22525                }, delay);
22526            };
22527
22528            if (!isTouch) {
22529                triggerItem.addEventListener('mouseenter', openPanel);
22530                trigger.addEventListener('focus', openPanel);
22531                panel.addEventListener('mouseenter', cancelClose);
22532
22533                if (!isStructurallyChained) {
22534                    triggerItem.addEventListener('mouseleave', scheduleClose);
22535                }
22536                panel.addEventListener('mouseleave', scheduleClose);
22537            }
22538
22539            const handleToggle = (event) => {
22540                if (event.newState === 'open') {
22541                    positionPanel(trigger, panel);
22542                    startTracking();
22543                } else {
22544                    stopTracking();
22545                }
22546            };
22547            panel.addEventListener('toggle', handleToggle);
22548
22549            this.#onCleanup.push(() => {
22550                cancelClose();
22551                closePanel();
22552                triggerItem.removeEventListener('mouseenter', openPanel);
22553                trigger.removeEventListener('focus', openPanel);
22554                panel.removeEventListener('mouseenter', cancelClose);
22555                triggerItem.removeEventListener('mouseleave', scheduleClose);
22556                panel.removeEventListener('mouseleave', scheduleClose);
22557                panel.removeEventListener('toggle', handleToggle);
22558                stopTracking();
22559            });
22560        }
22561
22562        /** @protected */
22563        _setupEventHandlers() {
22564            const arrows = this.querySelectorAll('.arrow');
22565
22566            arrows.forEach(arrow => {
22567
22568                // Popover triggers (horizontal/mega top-level buttons) are wired
22569                // separately via the Popover API, not the drill-in click handler.
22570                if (arrow.tagName === 'BUTTON' && arrow.hasAttribute('popovertarget')) return;
22571
22572                arrow.removeEventListener('touchstart', this.#handleTouchStart);
22573                arrow.removeEventListener('touchend', this.#handleTouchEnd);
22574                arrow.removeEventListener('click', this.#handleClick);
22575
22576                if (this._isTouchDevice()) {
22577                    arrow.addEventListener('touchstart', this.#handleTouchStart);
22578                    arrow.addEventListener('touchend', this.#handleTouchEnd);
22579                } else {
22580                    arrow.addEventListener('click', this.#handleClick);
22581                }
22582            });
22583        };
22584
22585
22586        /** @protected */
22587        _toggleMenuItem(arrowWrapper) {
22588            const parent = arrowWrapper.parentElement;
22589            const siblings = parent.querySelectorAll(MENU_ITEM_SELECTOR);
22590
22591            // Close other items at the same level
22592            siblings.forEach(sibling => {
22593                if (sibling !== arrowWrapper) {
22594                    sibling.classList.remove('open');
22595                }
22596            });
22597
22598            const isCurrentlyOpen = arrowWrapper.classList.contains('open');
22599            arrowWrapper.classList.toggle('open');
22600
22601            this.#role.onItemToggled(arrowWrapper, !isCurrentlyOpen);
22602        }
22603
22604        /**
22605         * FIXME: This should be part of the Keep On Screen Strategy or the like
22606         *   Or Added to HorizontalLikeRole or HorizontalRole.
22607         * Horizontal only (wired by `HorizontalRole.adjustSubMenuPosition()`).
22608         */
22609        wmAdjustSubMenuPosition() {
22610            const viewportWidth = window.innerWidth;
22611
22612            const flipMainMenuSubMenu = (item) => {
22613                const subMenu = item.querySelector('.navigation-nav--sub-menu');
22614                if (!subMenu || subMenu.hasAttribute('popover')) return;
22615
22616                const itemRect = item.getBoundingClientRect();
22617                const rightEdge = itemRect.right + subMenu.offsetWidth;
22618
22619                if (rightEdge > viewportWidth) {
22620                    if (itemRect.right > viewportWidth / 2) {
22621                        subMenu.style.left = 'auto';
22622                        subMenu.style.right = '0';
22623                        subMenu.dataset.growDirection = 'left';
22624                    } else {
22625                        subMenu.style.left = `${-(rightEdge - viewportWidth)}px`;
22626                        subMenu.style.right = 'auto';
22627                        subMenu.dataset.growDirection = 'right';
22628                    }
22629                } else {
22630                    subMenu.style.left = '0';
22631                    subMenu.style.right = 'auto';
22632                    subMenu.dataset.growDirection = 'right';
22633                }
22634            };
22635
22636            this.querySelectorAll('.navigation-nav--item').forEach(flipMainMenuSubMenu);
22637            this.querySelectorAll('.navigation-nav--sub-item').forEach((item) => this._flipSubItemSubMenu(item));
22638        }
22639
22640        /**
22641         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
22642         * @param {HTMLElement} subMenu
22643         * @param {'left' | 'right'} direction
22644         * @protected
22645         */
22646        _setSubMenuDirection(subMenu, direction) {
22647            subMenu.dataset.growDirection = direction;
22648            subMenu.style.left = direction === 'right' ? '100%' : 'auto';
22649            subMenu.style.right = direction === 'left' ? '100%' : 'auto';
22650        }
22651
22652        /**
22653         *
22654         * FIXME: Part of HoriontalLikeRole's Keep on Screen Strategy
22655         *
22656         * Position a nested sub-item flyout toward whichever side has room,
22657         * honoring the parent panel's recorded grow direction. Shared by the
22658         * hover handler (`#flipOnHover`) and the click-driven
22659         * `wmAdjustSubMenuPosition` so both paths agree (preserves the
22660         * horizontal-growth fix from SMBWMGR20-2739).
22661         *
22662         * @param {HTMLElement} item
22663         * @protected
22664         */
22665        _flipSubItemSubMenu(item) {
22666            const subMenu = item.querySelector(':scope > .navigation-nav--sub-menu');
22667            if (!subMenu) return;
22668
22669            const ownerWindow = this.ownerDocument.defaultView ?? window;
22670            const viewportWidth = ownerWindow.innerWidth || document.documentElement.clientWidth;
22671            const itemRect = item.getBoundingClientRect();
22672            const subMenuWidth = subMenu.offsetWidth;
22673            const spaceOnRight = viewportWidth - itemRect.right;
22674            const spaceOnLeft = itemRect.left;
22675            const parentSubMenu = item.closest('.navigation-nav--sub-menu');
22676            const preferredDirection = parentSubMenu?.dataset.growDirection === 'left' ? 'left' : 'right';
22677
22678            if (preferredDirection === 'left') {
22679                this._setSubMenuDirection(subMenu, spaceOnLeft >= subMenuWidth ? 'left' : 'right');
22680                return;
22681            }
22682
22683            this._setSubMenuDirection(subMenu, spaceOnRight >= subMenuWidth ? 'right' : 'left');
22684        }
22685    }
22686
22687    function init() {
22688        console.debug('menu: init');
22689
22690        globalThis.customElements.define('wm-menu', WMMenu);
22691        globalThis.WMComponents.WMMenu = WMMenu;
22692
22693        globalThis.initMenuComponent = (menu) => {
22694            if (menu instanceof WMMenu) menu.reinitialize();
22695        };
22696    }
22697
22698    if (!globalThis.wmUserInteraction) {
22699        window.addEventListener('wm-user-interaction', init, { once: true });
22700    } else {
22701        init();
22702    }
22703})();
22704</script>
22704
22705            
22705<script>/* columns.js */
22706;(() => {
22707
22708    class WMColumns extends HTMLElement {
22709        /** @type {?number} */
22710        wmHandle;
22711
22712        /** @type {function[]} */
22713        #onDisconnect = [];
22714
22715        connectedCallback() {
22716            const update = () => {
22717                this.updateStyles();
22718            };
22719
22720            window.addEventListener('wm-device-change', update);
22721            this.#onDisconnect.push(() => {
22722                window.removeEventListener('wm-device-change', update);
22723            });
22724
22725            if (document.readyState === 'loading') {
22726                document.addEventListener('DOMContentLoaded', update, { once: true });
22727            } else {
22728                update();
22729            }
22730        }
22731
22732        disconnectedCallback() {
22733            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
22734                fn();
22735            } catch (e) {
22736                console.error(e);
22737            }
22738        }
22739
22740        updateStyles() {
22741            if (!this.isConnected) return;
22742
22743            if (this.wmHandle) window.cancelAnimationFrame(this.wmHandle);
22744
22745            this.wmHandle = window.requestAnimationFrame(() => {
22746                /** @type {HTMLElement | null} */
22747                const rootWml = this.querySelector(":scope > .wml");
22748                const device = globalThis.wmDevice || null;
22749                if (!rootWml || !device) {
22750                    this.wmHandle = null;
22751                    return;
22752                }
22753
22754                /** @type {WMCell[]} */
22755                const cells = [...rootWml.querySelectorAll(":scope > wm-cell")];
22756                const gridPositionVar = `--gridPosition${device}`;
22757
22758                cells.sort((a, b) =>
22759                    (parseInt(a.style.getPropertyValue(gridPositionVar), 10) || 0) - (parseInt(b.style.getPropertyValue(gridPositionVar), 10) || 0)
22760                );
22761
22762                const ratios = [];
22763                cells.forEach(cell => {
22764                    const ratio = parseInt(cell.style.getPropertyValue('--columnRatio'), 10) || 1;
22765                    ratios.push(ratio);
22766                });
22767
22768                const sum = ratios.reduce((a, b) => a + b, 0);
22769                const ratiosString = ratios.reduce((a, b) => a + `${b}fr `, '');
22770
22771                this.style.setProperty('--wm_columnsRatios', `${ratiosString.trim()}`);
22772                this.style.setProperty('--wm_columnsRatiosSum', `${sum}`);
22773                this.style.setProperty('--wm_columnsCount', `${ratios.length}`);
22774
22775                console.debug(`columns ratios for "${device}"`);
22776                this.wmHandle = null;
22777            });
22778        }
22779    }
22780
22781    class WMCell extends HTMLElement {
22782        /** @type {string[]} */
22783        static observedAttributes = ['style'];
22784        /** @type {WMColumns} */
22785
22786        attributeChangedCallback(name, oldValue, newValue) {
22787            if (!this.isConnected) return;
22788            const columns = this.closest('wm-columns');
22789            if (!(columns instanceof WMColumns)) return;
22790            columns.updateStyles();
22791        }
22792    }
22793
22794    globalThis.customElements.define('wm-columns', WMColumns);
22795    globalThis.customElements.define('wm-cell', WMCell);
22796    globalThis.WMComponents.WMColumns = WMColumns;
22797    globalThis.WMComponents.WMCell = WMCell;
22798})();
22799</script>
22799
22800            
22800<script>/* map.js */
22801;(() => {
22802
22803    /** @type {any[]} */
22804    const EmptyAddressArray = Object.freeze([]);
22805
22806    /**
22807     * @param {string} value
22808     * @return {string|null}
22809     */
22810    function maybeBase64(value) {
22811        try {
22812            return atob(value)
22813        } catch (e) {
22814            return null;
22815        }
22816    }
22817
22818    /**
22819     * @param {any[]|string|null} value
22820     * @return {any[]}
22821     */
22822    function parseAddresses (value) {
22823
22824        if (!value) return EmptyAddressArray;
22825        // There's a case were it isn't even encoded T_T
22826        if (Array.isArray(value)) return value;
22827        const maybeJsonString = maybeBase64(value);
22828        // There's a case where it isn't base64 encoded T_T
22829        const jsonString = maybeJsonString != null ? maybeJsonString : value;
22830        let addresses = EmptyAddressArray;
22831        try {
22832            addresses = JSON.parse(jsonString);
22833        } catch (e) {
22834            console.error('Invalid addresses payload', e);
22835            return EmptyAddressArray;
22836        }
22837
22838        if (Array.isArray(addresses)) return addresses;
22839
22840        console.error('Invalid addresses payload', addresses);
22841        return EmptyAddressArray;
22842    }
22843    function serializeAddresses(array) {
22844        if (!Array.isArray(array)) btoa('null');
22845        return btoa(JSON.stringify(array));
22846    }
22847
22848    class WMGoogleMap extends HTMLElement {
22849        // private backing fields
22850        #zoom = 11;
22851        #showInfoWindow = true;
22852        #markerClickEnabled = true;
22853        #showZoomControl = true;
22854        #grayscale = false;
22855        #addresses = [];
22856        markers = [];
22857        infoWindows = [];
22858        isInitialized = false;
22859        referenceCenter = null;
22860
22861
22862        static get observedAttributes() {
22863            return [
22864                'zoom',
22865                'show-info-window',
22866                'marker-click-enabled',
22867                'show-zoom-control',
22868                'grayscale',
22869                'addresses'
22870            ];
22871        }
22872
22873        // whenever one of those 6 attrs changes, this runs
22874        attributeChangedCallback(name, oldVal, newVal) {
22875            if (oldVal === newVal) return;
22876            switch (name) {
22877                case 'zoom':
22878                    const n = parseInt(newVal, 10);
22879                    if (isNaN(n)) {
22880                        // not a number at all → use your default
22881                        this.#zoom = 11;
22882                    } else {
22883                        // clamp negatives to 0, otherwise leave it alone
22884                        this.#zoom = Math.max(n, 0);
22885                    }
22886                    break;
22887                case 'show-info-window':
22888                    this.#showInfoWindow = newVal === '1';
22889                    break;
22890                case 'marker-click-enabled':
22891                    this.#markerClickEnabled = newVal === '1';
22892                    break;
22893                case 'show-zoom-control':
22894                    this.#showZoomControl = newVal === '1';
22895                    break;
22896                case 'grayscale':
22897                    this.#grayscale = newVal === '1';
22898                    break;
22899                case 'addresses':
22900                    this.#addresses = newVal;
22901                    break;
22902            }
22903
22904            // if you want to re-draw or re-init on every change:
22905            this._reinitializeIfReady();
22906        }
22907
22908        // JS property ↔ attribute reflectors:
22909        get defaultZoom() {
22910            return this.#zoom;
22911        }
22912
22913        set defaultZoom(v) {
22914            this.setAttribute('zoom', v);
22915        }
22916
22917        get isShowInfoWindow() {
22918            return this.#showInfoWindow;
22919        }
22920
22921        set isShowInfoWindow(v) {
22922            this.setAttribute('show-info-window', !!v);
22923        }
22924
22925        get isMarkerClickEnabled() {
22926            return this.#markerClickEnabled;
22927        }
22928
22929        set isMarkerClickEnabled(v) {
22930            this.setAttribute('marker-click-enabled', !!v);
22931        }
22932
22933        get isShowZoomControl() {
22934            return this.#showZoomControl;
22935        }
22936
22937        set isShowZoomControl(v) {
22938            this.setAttribute('show-zoom-control', !!v);
22939        }
22940
22941        get isGrayscale() {
22942            return this.#grayscale;
22943        }
22944
22945        set isGrayscale(v) {
22946            this.setAttribute('grayscale', !!v);
22947        }
22948
22949        get addresses() {
22950            return this.#addresses;
22951        }
22952
22953        set addresses(arr) {
22954            this.setAttribute('addresses', JSON.stringify(arr));
22955        }
22956
22957        // Grayscale style for Google Maps
22958        get grayscaleStyle() {
22959            return [
22960                {
22961                    "featureType": "all",
22962                    "elementType": "all",
22963                    "stylers": [
22964                        { "saturation": -100 },
22965                        { "gamma": 0.5 }
22966                    ]
22967                }
22968            ];
22969        }
22970
22971        constructor() {
22972            super();
22973            const mapContainer = this.closest('wm-map');
22974            for (const attribute of WMGoogleMap.observedAttributes) {
22975                let setVal;
22976                if (['addresses'].includes(attribute)) {
22977                    const raw = mapContainer.getAttribute(attribute);
22978                    setVal = parseAddresses(raw);
22979
22980                } else {
22981                    setVal = mapContainer.getAttribute(attribute);
22982                }
22983                this.attributeChangedCallback(attribute, undefined, setVal)
22984            }
22985        }
22986
22987        // —— NEW: observe parent <wm-map> for attribute changes ——
22988        connectedCallback() {
22989            const host = this.closest('wm-map');
22990            if (!host) return;
22991            this._hostObserver = new MutationObserver(mutations => {
22992                for (const m of mutations) {
22993                    if (m.type === 'attributes' &&
22994                        WMGoogleMap.observedAttributes.includes(m.attributeName)) {
22995                        const oldVal = m.oldValue;
22996                        const newVal = host.getAttribute(m.attributeName);
22997                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
22998                    }
22999                }
23000            });
23001            this._hostObserver.observe(host, {
23002                attributes: true,
23003                attributeOldValue: true,
23004                attributeFilter: WMGoogleMap.observedAttributes
23005            });
23006        }
23007
23008        disconnectedCallback() {
23009            if (this._hostObserver) {
23010                this._hostObserver.disconnect();
23011                this._hostObserver = null;
23012            }
23013        }
23014
23015        // —— END NEW ——
23016        _reinitializeIfReady() {
23017            if (this.map) {
23018                this._cleanup();
23019                // Add delay to ensure cleanup is complete before reinitializing
23020                setTimeout(() => {
23021                    this._init();
23022                }, 100);
23023            }
23024        }
23025
23026        /** @protected */
23027        _init() {
23028            if (this.isInitialized || typeof google === 'undefined' || !google.maps) return;
23029            if (this.#addresses.length === 0) return;
23030
23031            // Calculate center based on visible addresses
23032            let addresses = this.addresses;
23033            const center = this._calculateCenter(addresses);
23034
23035            this.map = new google.maps.Map(this, {
23036                zoom: this.#zoom,
23037                center: center,
23038                mapTypeId: google.maps.MapTypeId.ROADMAP,
23039                zoomControl: this.isShowZoomControl,
23040                mapTypeControl: false,
23041                scaleControl: false,
23042                streetViewControl: false,
23043                rotateControl: false,
23044                fullscreenControl: false,
23045                cameraControl: false,
23046                scrollwheel: false,
23047                styles: []
23048            });
23049
23050            // Create grayscale map type
23051            this.grayscaleMapType = new google.maps.StyledMapType(this.grayscaleStyle, {
23052                name: 'Grayscale'
23053            });
23054            this.map.mapTypes.set('grayscale', this.grayscaleMapType);
23055
23056            this._loadAddresses();
23057            this._applyGrayscale();
23058            this.isInitialized = true;
23059
23060            this._log('initialized');
23061        }
23062
23063        /** @protected */
23064
23065        _calculateCenter(raw = this.#addresses) {
23066            const addresses = parseAddresses(raw);
23067
23068            const n = addresses.length;
23069            if (n === 0) return { lat: 0, lng: 0 };
23070            if (n === 1) return { lat: +addresses[0].lat, lng: +addresses[0].lng };
23071
23072            let totalLat = 0;
23073            let totalLng = 0;
23074
23075            addresses.forEach(addressData => {
23076                totalLat += +addressData.lat;
23077                totalLng += +addressData.lng;
23078            });
23079
23080            return {
23081                lat: totalLat / n,
23082                lng: totalLng / n
23083            };
23084        }
23085
23086
23087        /** @protected */
23088
23089        _loadAddresses() {
23090            const addresses = parseAddresses(this.#addresses);
23091
23092            addresses.forEach(addressData => {
23093                this._addMarker(
23094                    +addressData.lat,
23095                    +addressData.lng,
23096                    addressData.name,
23097                    addressData.address
23098                );
23099            });
23100        }
23101
23102
23103        /** @protected */
23104        _addMarker(lat, lng, name, address) {
23105            const position = { lat: lat, lng: lng };
23106            const marker = new google.maps.Marker({
23107                position: position,
23108                map: this.map,
23109                title: name,
23110                animation: google.maps.Animation.DROP,
23111            });
23112
23113            const infoContent = `
23114                <div class="info-window">
23115                    <p class="info-window-address">${name}</p>
23116                    <p class="info-window-address-text">${address}</p>
23117                </div>
23118            `;
23119
23120            const infoWindow = new google.maps.InfoWindow({
23121                content: infoContent
23122            });
23123
23124            marker.addListener("click", () => {
23125                if (!this.isMarkerClickEnabled) return;
23126
23127                if (infoWindow.getMap()) {
23128                    infoWindow.close();
23129                } else {
23130                    infoWindow.open(this.map, marker);
23131                }
23132            });
23133
23134            this.markers.push({
23135                marker: marker,
23136                position: position,
23137                name: name,
23138                address: address,
23139            });
23140
23141            this.infoWindows.push(infoWindow);
23142        }
23143
23144        /** @protected */
23145        _fitBounds() {
23146            if (this.markers.length === 0) return;
23147
23148            const bounds = new google.maps.LatLngBounds();
23149            this.markers.forEach(markerData => {
23150                bounds.extend(markerData.position);
23151            });
23152
23153            // this.map.fitBounds(bounds);
23154
23155            if (this.map.getZoom() > this.#zoom) {
23156                this.map.setZoom(this.#zoom);
23157            }
23158
23159            // setTimeout(() => {
23160            //     this.map.setZoom(this.settings.defaultZoom);
23161            // }, 10);
23162        }
23163
23164        /** @protected */
23165        _applyGrayscale() {
23166            if (this.#grayscale) {
23167                this.map.setMapTypeId('grayscale');
23168            } else {
23169                this.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
23170            }
23171        }
23172
23173        /** @protected */
23174        _cleanup() {
23175            if (this.map) {
23176                this.markers.forEach(markerData => {
23177                    markerData.marker.setMap(null);
23178                });
23179                this.markers = [];
23180                this.infoWindows = [];
23181                this.map = null;
23182            }
23183            this.isInitialized = false;
23184        }
23185
23186        /** @protected */
23187        _log(...items) {
23188            console.debug('google-map:', ...items);
23189        }
23190
23191        // Public API
23192        wmSetData(data) {
23193            this.settings = data;
23194        }
23195
23196        wmInitialize() {
23197            this._init();
23198        }
23199
23200        wmFitBounds() {
23201            this._fitBounds();
23202        }
23203
23204        wmSetCenter(lat, lng) {
23205            if (this.map) {
23206                this.map.setCenter({ lat: lat, lng: lng });
23207            }
23208        }
23209
23210        wmSetZoom(zoom) {
23211            if (this.map) {
23212                this.map.setZoom(zoom);
23213            }
23214        }
23215
23216        wmOpenAllInfoWindows() {
23217            this.infoWindows.forEach(infoWindow => {
23218                infoWindow.setOptions({ disableAutoPan: true });
23219            });
23220
23221            this.markers.forEach((markerData, index) => {
23222                this.infoWindows[index].open(this.map, markerData.marker);
23223            });
23224        }
23225
23226        wmCloseAllInfoWindows() {
23227            this.infoWindows.forEach(infoWindow => {
23228                infoWindow.close();
23229            });
23230        }
23231
23232        wmApplySliderPosition(latOffset, lngOffset) {
23233            if (!this.map) return;
23234
23235            if (!this.referenceCenter) {
23236                this.referenceCenter = this.map.getCenter();
23237            }
23238
23239            const currentZoom = this.map.getZoom();
23240            const mapWidth = this.offsetWidth;
23241            const mapHeight = this.offsetHeight;
23242
23243            const zoomScale = Math.pow(2, currentZoom);
23244            const degreesPerPixelLng = 200 / (256 * zoomScale);
23245            const degreesPerPixelLat = 200 / (256 * zoomScale);
23246
23247            const latMovementPercent = parseFloat(latOffset) / 100;
23248            const lngMovementPercent = parseFloat(lngOffset) / 100;
23249
23250            const latPixels = latMovementPercent * mapHeight;
23251            const lngPixels = lngMovementPercent * mapWidth;
23252
23253            const latDegrees = latPixels * degreesPerPixelLat;
23254            const lngDegrees = lngPixels * degreesPerPixelLng;
23255
23256            const newLat = this.referenceCenter.lat() + latDegrees;
23257            const newLng = this.referenceCenter.lng() + lngDegrees;
23258
23259            this.map.setCenter({ lat: newLat, lng: newLng });
23260        }
23261    }
23262
23263    class WMLeafletMap extends HTMLElement {
23264
23265        // private backing fields
23266        #zoom = 11;
23267        #showInfoWindow = true;
23268        #markerClickEnabled = true;
23269        #showZoomControl = true;
23270        #grayscale = false;
23271        #addresses = [];
23272        markers = [];
23273        infoWindows = [];
23274        isInitialized = false;
23275        referenceCenter = null;
23276
23277
23278        static get observedAttributes() {
23279            return [
23280                'zoom',
23281                'show-info-window',
23282                'marker-click-enabled',
23283                'show-zoom-control',
23284                'grayscale',
23285                'addresses'
23286            ];
23287        }
23288
23289        /** @protected */
23290        _reinitializeIfReady() {
23291            if (this.map) {
23292                this._cleanup();
23293                // Add delay to ensure cleanup is complete before reinitializing
23294                setTimeout(() => {
23295                    this._init();
23296                }, 100);
23297            }
23298        }
23299
23300        attributeChangedCallback(name, oldVal, newVal) {
23301            if (oldVal === newVal) return;
23302            switch (name) {
23303                case 'zoom':
23304                    const n = parseInt(newVal, 10);
23305                    if (isNaN(n)) {
23306                        // not a number at all → use your default
23307                        this.#zoom = 11;
23308                    } else {
23309                        // clamp negatives to 0, otherwise leave it alone
23310                        this.#zoom = Math.max(n, 0);
23311                    }
23312                    break;
23313                case 'show-info-window':
23314                    this.#showInfoWindow = newVal === '1';
23315                    break;
23316                case 'marker-click-enabled':
23317                    this.#markerClickEnabled = newVal === '1';
23318                    break;
23319                case 'show-zoom-control':
23320                    this.#showZoomControl = newVal === '1';
23321                    break;
23322                case 'grayscale':
23323                    this.#grayscale = newVal === '1';
23324                    break;
23325                case 'addresses':
23326                    this.#addresses = newVal;
23327                    break;
23328            }
23329
23330            // if you want to re-draw or re-init on every change:
23331            this._reinitializeIfReady();
23332        }
23333
23334        // whenever one of those 6 attrs changes, this runs
23335
23336        // JS property ↔ attribute reflectors:
23337        get defaultZoom() {
23338            return this.#zoom;
23339        }
23340
23341        set defaultZoom(v) {
23342            this.setAttribute('zoom', v);
23343        }
23344
23345        get isShowInfoWindow() {
23346            return this.#showInfoWindow;
23347        }
23348
23349        set isShowInfoWindow(v) {
23350            this.setAttribute('show-info-window', !!v);
23351        }
23352
23353        get isMarkerClickEnabled() {
23354            return this.#markerClickEnabled;
23355        }
23356
23357        set isMarkerClickEnabled(v) {
23358            this.setAttribute('marker-click-enabled', !!v);
23359        }
23360
23361        get isShowZoomControl() {
23362            return this.#showZoomControl;
23363        }
23364
23365        set isShowZoomControl(v) {
23366            this.setAttribute('show-zoom-control', !!v);
23367        }
23368
23369        get isGrayscale() {
23370            return this.#grayscale;
23371        }
23372
23373        set isGrayscale(v) {
23374            this.setAttribute('grayscale', !!v);
23375        }
23376
23377        get addresses() {
23378            return this.#addresses;
23379        }
23380
23381        set addresses(arr) {
23382            this.setAttribute('addresses', JSON.stringify(arr));
23383        }
23384
23385        // Grayscale style for Google Maps
23386        get grayscaleStyle() {
23387            return [
23388                {
23389                    "featureType": "all",
23390                    "elementType": "all",
23391                    "stylers": [
23392                        { "saturation": -100 },
23393                        { "gamma": 0.5 }
23394                    ]
23395                }
23396            ];
23397        }
23398
23399        constructor() {
23400            super();
23401            let setVal;
23402            const mapContainer = this.closest('wm-map');
23403            for (const attribute of WMLeafletMap.observedAttributes) {
23404                if (['addresses'].includes(attribute)) {
23405                    const raw = mapContainer.getAttribute(attribute);
23406                    setVal = parseAddresses(raw);
23407                } else {
23408                    setVal = mapContainer.getAttribute(attribute);
23409                }
23410                this.attributeChangedCallback(attribute, undefined, setVal)
23411            }
23412        }
23413
23414        // —— NEW: observe parent <wm-map> ——
23415        connectedCallback() {
23416            const host = this.closest('wm-map');
23417            if (!host) return;
23418            this._hostObserver = new MutationObserver(mutations => {
23419                for (const m of mutations) {
23420                    if (m.type === 'attributes' &&
23421                        WMLeafletMap.observedAttributes.includes(m.attributeName)) {
23422                        const oldVal = m.oldValue;
23423                        const newVal = host.getAttribute(m.attributeName);
23424                        this.attributeChangedCallback(m.attributeName, oldVal, newVal);
23425                    }
23426                }
23427            });
23428            this._hostObserver.observe(host, {
23429                attributes: true,
23430                attributeOldValue: true,
23431                attributeFilter: WMLeafletMap.observedAttributes
23432            });
23433        }
23434
23435        disconnectedCallback() {
23436            if (this._hostObserver) {
23437                this._hostObserver.disconnect();
23438                this._hostObserver = null;
23439            }
23440        }
23441
23442        // —— END NEW ——
23443
23444        /** @protected */
23445        _init() {
23446            if (this.isInitialized || typeof L === 'undefined') return;
23447
23448            if (this.#addresses.length === 0) return;
23449
23450            // Calculate center based on visible addresses
23451            const center = this._calculateCenter(this.#addresses);
23452
23453            this.map = L.map(this, {
23454                zoomControl: this.#showZoomControl,
23455                attributionControl: true,
23456                closePopupOnClick: false,
23457                scrollWheelZoom: false
23458            }
23458).setView(center, this.#zoom);
23459
23460            this.normalLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
23461                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
23462            });
23463
23464            this.grayscaleLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
23465                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
23466                className: 'grayscale-layer'
23467            });
23468
23469            this.normalLayer.addTo(this.map);
23470
23471            setTimeout(() => {
23472                this.map.invalidateSize();
23473                this.map.setZoom(this.#zoom);
23474                this._loadAddresses();
23475                this._applyGrayscale();
23476                this.isInitialized = true;
23477                this._log('initialized');
23478            }, 100);
23479        }
23480
23481        /** @protected */
23482        _calculateCenter(raw = this.#addresses) {
23483            const addresses = parseAddresses(raw);
23484
23485            if (addresses.length === 0) {
23486                return [0, 0];
23487            }
23488
23489            if (addresses.length === 1) {
23490                return [addresses[0].lat, addresses[0].lng];
23491            }
23492
23493            // Calculate the center point of all addresses
23494            let totalLat = 0;
23495            let totalLng = 0;
23496
23497            addresses.forEach(address => {
23498                totalLat += address.lat;
23499                totalLng += address.lng;
23500            });
23501
23502            return [totalLat / addresses.length, totalLng / addresses.length];
23503        }
23504
23505        /** @protected */
23506        _loadAddresses() {
23507            const addresses = parseAddresses(this.#addresses);
23508
23509            addresses.forEach((addressData) => {
23510                this._addMarker(
23511                    addressData.lat,
23512                    addressData.lng,
23513                    addressData.name,
23514                    addressData.address
23515                );
23516            });
23517            this._fitBounds();
23518        }
23519
23520        /** @protected */
23521        _addMarker(lat, lng, name, address) {
23522            const marker = L.marker([lat, lng], {
23523                title: name
23524            }).addTo(this.map);
23525
23526            const infoContent = `
23527                <div class="info-window">
23528                    <p class="info-window-address">${name}</p>
23529                    <p class="info-window-address-text">${address}</p>
23530                </div>
23531            `;
23532
23533            const popup = L.popup({
23534                maxWidth: 350,
23535                className: 'info-window',
23536                autoClose: false,
23537                closeButton: true
23538            }).setContent(infoContent);
23539
23540            marker.bindPopup(popup);
23541
23542            this.markers.push({
23543                marker: marker,
23544                position: [lat, lng],
23545                name: name,
23546                address: address,
23547                popup: popup
23548            });
23549
23550            if (!this.#markerClickEnabled) {
23551                marker.off('click');
23552            }
23553        }
23554
23555        /** @protected */
23556        _fitBounds() {
23557            if (this.markers.length === 0) return;
23558
23559            const bounds = L.latLngBounds();
23560            this.markers.forEach(markerData => {
23561                bounds.extend(markerData.position);
23562            });
23563
23564            if (this.map.getZoom() < this.#zoom) {
23565                this.map.setZoom(this.#zoom);
23566            }
23567        }
23568
23569        /** @protected */
23570        _applyGrayscale() {
23571            if (this.#grayscale) {
23572                this.map.removeLayer(this.normalLayer);
23573                this.grayscaleLayer.addTo(this.map);
23574                const attribution = document.querySelector('.leaflet-control-attribution');
23575                if (attribution) attribution.classList.add('grayscale-layer');
23576            } else {
23577                this.map.removeLayer(this.grayscaleLayer);
23578                this.normalLayer.addTo(this.map);
23579                const attribution = document.querySelector('.leaflet-control-attribution');
23580                if (attribution) attribution.classList.remove('grayscale-layer');
23581            }
23582        }
23583
23584        /** @protected */
23585        _cleanup() {
23586            if (this.map) {
23587                this.map.remove();
23588                this.map = null;
23589                this.markers = [];
23590                this.normalLayer = null;
23591                this.grayscaleLayer = null;
23592            }
23593            this.isInitialized = false;
23594        }
23595
23596        /** @protected */
23597        _log(...items) {
23598            console.debug('leaflet-map:', ...items);
23599        }
23600
23601        // Public API
23602        wmSetData(data) {
23603            this.settings = data;
23604        }
23605
23606        wmInitialize() {
23607            this._init();
23608        }
23609
23610        wmFitBounds() {
23611            this._fitBounds();
23612        }
23613
23614        wmSetCenter(lat, lng) {
23615            if (this.map) {
23616                this.map.setView([lat, lng], this.#zoom);
23617            }
23618        }
23619
23620        wmSetZoom(zoom) {
23621            if (this.map) {
23622                this.map.setZoom(zoom);
23623            }
23624        }
23625
23626        wmOpenAllInfoWindows() {
23627            this.markers.forEach((markerData) => {
23628                const currentCenter = this.map.getCenter();
23629                markerData.marker.openPopup();
23630                this.map.setView(currentCenter, this.#zoom);
23631            });
23632        }
23633
23634        wmCloseAllInfoWindows() {
23635            this.markers.forEach((markerData) => {
23636                markerData.marker.closePopup();
23637            });
23638        }
23639
23640        wmApplySliderPosition(latOffset, lngOffset) {
23641            if (!this.map) return;
23642
23643            if (!this.referenceCenter) {
23644                this.referenceCenter = this.map.getCenter();
23645            }
23646
23647            const currentZoom = this.map.getZoom();
23648            const mapWidth = this.offsetWidth;
23649            const mapHeight = this.offsetHeight;
23650
23651            const zoomScale = Math.pow(2, currentZoom);
23652            const degreesPerPixelLng = 200 / (256 * zoomScale);
23653            const degreesPerPixelLat = 200 / (256 * zoomScale);
23654
23655            const latMovementPercent = parseFloat(latOffset) / 100;
23656            const lngMovementPercent = parseFloat(lngOffset) / 100;
23657
23658            const latPixels = latMovementPercent * mapHeight;
23659            const lngPixels = lngMovementPercent * mapWidth;
23660
23661            const latDegrees = latPixels * degreesPerPixelLat;
23662            const lngDegrees = lngPixels * degreesPerPixelLng;
23663
23664            const newLat = this.referenceCenter.lat + latDegrees;
23665            const newLng = this.referenceCenter.lng + lngDegrees;
23666
23667            this.map.setView([newLat, newLng], this.#zoom);
23668        }
23669    }
23670
23671    class WMMap extends HTMLElement {
23672        /** @type { WMGoogleMap | WMLeafletMap } */
23673        currentMap = null;
23674        /** @type { number } */
23675        latSlider = 0;
23676        /** @type { number } */
23677        lngSlider = 0;
23678        /** @type { boolean } */
23679        isGoogleMapsLoading = false;
23680        /** @type { boolean } */
23681        isLeafletLoading = false;
23682        /** @type { number } */
23683        wmHandle = 0;
23684
23685        #onDisconnect = [];
23686        #platform = 'google';
23687        #showInfoWindow = 0;
23688        #latSlider = 0;
23689        #lngSlider = 0;
23690
23691        static get observedAttributes() {
23692            return [
23693                'platform',
23694                'show-info-window',
23695                'lat-slider',
23696                'lng-slider'
23697            ];
23698        }
23699
23700        attributeChangedCallback(name, oldVal, newVal) {
23701            if (oldVal === newVal) return;
23702            switch (name) {
23703                case 'platform':
23704                    this.#platform = newVal;
23705                    break;
23706                case 'show-info-window':
23707                    this.#showInfoWindow = newVal === '1';
23708                    break;
23709                case 'lat-slider':
23710                    this.#latSlider = parseFloat(newVal) || 0;
23711                    break;
23712                case 'lng-slider':
23713                    this.#lngSlider = parseFloat(newVal) || 0;
23714                    break;
23715            }
23716
23717            this.wmReinitialize();
23718        }
23719
23720        connectedCallback() {
23721            this._reinitializeIfReady();
23722        }
23723
23724        disconnectedCallback() {
23725            for (const fn of this.#onDisconnect.splice(0, this.#onDisconnect.length)) try {
23726                fn();
23727            } catch (e) {
23728                console.error(e);
23729            }
23730        }
23731
23732        /** @protected */
23733        _reinitializeIfReady() {
23734            if (this.wmHandle) cancelAnimationFrame(this.wmHandle);
23735            this.wmHandle = requestAnimationFrame(() => {
23736                this._init();
23737            })
23738        }
23739
23740        constructor() {
23741            super()
23742            for (const attribute of WMMap.observedAttributes) {
23743                this.attributeChangedCallback(attribute, undefined, this.getAttribute(attribute));
23744            }
23745        }
23746
23747        get platformType() {
23748            return this.#platform;
23749        }
23750
23751        set platformType(v) {
23752            this.setAttribute('platform', v);
23753        }
23754
23755        /** @protected */
23756        _init() {
23757            this.latSlider = this.#latSlider;
23758            this.lngSlider = this.#lngSlider;
23759            this._loadMapPlatform();
23760            this._setupEventListeners();
23761
23762            this._log('initialized');
23763        }
23764
23765        /** @protected */
23766        _loadMapPlatform() {
23767            if (this.platformType === 'google') {
23768                this._loadGoogleMaps();
23769            } else {
23770                this._loadLeafletMaps();
23771            }
23772        }
23773
23774        /** @protected */
23775        _loadGoogleMaps() {
23776            if (this.isGoogleMapsLoading) return;
23777            this.isGoogleMapsLoading = true;
23778
23779            // Check if Google Maps is already loaded
23780            if (typeof google !== 'undefined' && google.maps) {
23781                this._initializeGoogleMap();
23782                return;
23783            }
23784
23785            // Check if script is already loading
23786            if (document.querySelector('script[src*="maps.googleapis.com"]')) {
23787                this._waitForGoogleMaps();
23788                return;
23789            }
23790
23791            const apiKey = this.getAttribute('google-api-key');
23792
23793            if (!apiKey || apiKey.trim() === '') {
23794                const errorMsg = 'Google Maps API key is missing! Please check the Tag Manager settings.';
23795                this._log(errorMsg);
23796                // Optionally, show error in the DOM
23797                this.innerHTML = `<div style='padding: 20px; text-align: center; width: 100%; height: 20px; color: red; font-weight: bold; position: absolute; top: 0; left: 0; right: 0; bottom: 0;'>${errorMsg}</div>`;
23798                this.isGoogleMapsLoading = false;
23799                return;
23800            }
23801            const script = document.createElement('script');
23802            script.src = `//maps.googleapis.com/maps/api/js?key=${apiKey}&loading=async`;
23803            script.async = true;
23804            script.defer = true;
23805            script.onload = () => {
23806                this._waitForGoogleMaps();
23807            };
23808            script.onerror = () => {
23809                this.isGoogleMapsLoading = false;
23810                this._log('Failed to load Google Maps API');
23811            };
23812            document.body.appendChild(script);
23813        }
23814
23815        /** @protected */
23816        _waitForGoogleMaps() {
23817            const checkGoogleMaps = () => {
23818                if (
23819                    typeof google !== 'undefined' &&
23820                    google.maps &&
23821                    google.maps.Map &&
23822                    google.maps.MapTypeId &&
23823                    google.maps.StyledMapType &&
23824                    google.maps.Marker &&
23825                    google.maps.InfoWindow &&
23826                    google.maps.LatLngBounds
23827                ) {
23828                    this._initializeGoogleMap();
23829                } else {
23830                    setTimeout(checkGoogleMaps, 100);
23831                }
23832            };
23833            checkGoogleMaps();
23834        }
23835
23836        /** @protected */
23837        _loadLeafletMaps() {
23838            if (this.isLeafletLoading) return;
23839            this.isLeafletLoading = true;
23840
23841            // Check if Leaflet is already loaded
23842            if (typeof L !== 'undefined') {
23843                this._initializeLeafletMap();
23844                return;
23845            }
23846
23847            // Check if script is already loading
23848            if (document.querySelector('script[src*="leaflet"]')) {
23849                this._waitForLeaflet();
23850                return;
23851            }
23852
23853            const script = document.createElement('script');
23854            script.src = '//unpkg.com/[email protected]/dist/leaflet.js';
23855            script.onload = () => {
23856                const link = document.createElement('link');
23857                link.rel = 'stylesheet';
23858                link.href = '//unpkg.com/[email protected]/dist/leaflet.css';
23859                document.head.appendChild(link);
23860                this._waitForLeaflet();
23861            };
23862            script.onerror = () => {
23863                this.isLeafletLoading = false;
23864                this._log('Failed to load Leaflet API');
23865            };
23866            document.body.appendChild(script);
23867        }
23868
23869        /** @protected */
23870        _waitForLeaflet() {
23871            const checkLeaflet = () => {
23872                if (typeof L !== 'undefined') {
23873                    this._initializeLeafletMap();
23874                } else {
23875                    setTimeout(checkLeaflet, 100);
23876                }
23877            };
23878            checkLeaflet();
23879        }
23880
23881        /** @protected */
23882        _initializeGoogleMap() {
23883            /** @type { WMGoogleMap } */
23884            const googleMapContainer = this.querySelector('wm-google-map');
23885            if (googleMapContainer) {
23886                googleMapContainer.style.display = 'block';
23887                this.currentMap = googleMapContainer;
23888
23889                // Initialize the Google Map component
23890                setTimeout(() => {
23891                    if (googleMapContainer.wmInitialize) {
23892                        googleMapContainer.wmInitialize();
23893                    }
23894                    this._applyInitialSettings();
23895                }, 100);
23896            }
23897            this.isGoogleMapsLoading = false;
23898        }
23899
23900        /** @protected */
23901        _initializeLeafletMap() {
23902            /** @type { WMLeafletMap } */
23903            const leafletMapContainer = this.querySelector('wm-leaflet-map');
23904            if (leafletMapContainer) {
23905                leafletMapContainer.style.display = 'block';
23906                this.currentMap = leafletMapContainer;
23907
23908                // Initialize the Leaflet Map component
23909                setTimeout(() => {
23910                    if (leafletMapContainer.wmInitialize) {
23911                        leafletMapContainer.wmInitialize();
23912                    }
23913                    this._applyInitialSettings();
23914                }, 100);
23915            }
23916            this.isLeafletLoading = false;
23917        }
23918
23919        /** @protected */
23920        _setupEventListeners() {
23921            // Use ResizeObserver to watch for size changes of the wm-map element
23922            const resizeObserver = new ResizeObserver(() => {
23923                setTimeout(() => {
23924                    this._applySliderPosition();
23925                }, 100);
23926            });
23927
23928            resizeObserver.observe(this);
23929
23930            this.#onDisconnect.push(() => {
23931                resizeObserver.disconnect();
23932            });
23933        }
23934
23935        /** @protected */
23936        _applyInitialSettings() {
23937            setTimeout(() => {
23938                // First fit bounds to show all markers
23939                if (this.currentMap && this.currentMap.wmFitBounds) {
23940                    this.currentMap.wmFitBounds();
23941                }
23942
23943                // Then apply slider position (this will override the center)
23944                setTimeout(() => {
23945                    this._applySliderPosition();
23946                    this._controlInfoWindow();
23947                }, 50);
23948            }, 100);
23949        }
23950
23951        /** @protected */
23952        _applySliderPosition() {
23953            if (this.currentMap && this.currentMap.wmApplySliderPosition) {
23954                this.currentMap.wmApplySliderPosition(this.latSlider, this.lngSlider);
23955            }
23956        }
23957
23958        /** @protected */
23959        _controlInfoWindow() {
23960            if (this.#showInfoWindow) {
23961                setTimeout(() => {
23962                    if (this.currentMap && this.currentMap.wmOpenAllInfoWindows) {
23963                        this.currentMap.wmOpenAllInfoWindows();
23964                    }
23965                }, 500);
23966            } else {
23967                if (this.currentMap && this.currentMap.wmCloseAllInfoWindows) {
23968                    this.currentMap.wmCloseAllInfoWindows();
23969                }
23970            }
23971        }
23972
23973        /** @protected */
23974        _log(...items) {
23975            console.debug('map:', ...items);
23976        }
23977
23978        wmReinitialize() {
23979            this._reinitializeIfReady();
23980        }
23981    }
23982
23983    function init() {
23984        console.debug('maps: init');
23985
23986        // Register custom elements
23987        globalThis.customElements.define('wm-google-map', WMGoogleMap);
23988        globalThis.customElements.define('wm-leaflet-map', WMLeafletMap);
23989        globalThis.customElements.define('wm-map', WMMap);
23990
23991        // Make components globally accessible
23992        globalThis.WMComponents.WMGoogleMap = WMGoogleMap;
23993        globalThis.WMComponents.WMLeafletMap = WMLeafletMap;
23994        globalThis.WMComponents.WMMap = WMMap;
23995    }
23996
23997    if (!globalThis.wmUserInteraction) {
23998        window.addEventListener('wm-user-interaction', init, { once: true });
23999    } else {
24000        init();
24001    }
24002})();
24003</script>
24003
24004            
24004<script>/* repeater.js */
24005;(() => {
24006    class WMRepeaterBase extends HTMLElement {
24007        constructor() {
24008            super();
24009        }
24010
24011        connectedCallback() {
24012        }
24013
24014        disconnectedCallback() {
24015        }
24016    }
24017
24018    function init() {
24019        globalThis.WMComponents.WMRepeaterBase = WMRepeaterBase;
24020    }
24021
24022    if (!globalThis.WMComponents.WMRepeaterBase) {
24023        init();
24024    }
24025})();
24026</script>
24026
24027            
24027<script>/* paginator.js */
24028(() => {
24029    const GAP_FALLBACK = 16;
24030    const STRATEGY_FIT = 'fit';
24031    const STRATEGY_DROPDOWN = 'dropdown';
24032    const MOBILE_DROPDOWN_MAX_WIDTH = 520;
24033    const KEY_MENU_PREVIOUS = new Set(['ArrowUp', 'ArrowLeft']);
24034    const KEY_MENU_NEXT = new Set(['ArrowDown', 'ArrowRight']);
24035    const TAGS = 'wm-paginator, wm-article-pagination';
24036
24037    // The paginator component and the articles module's pagination share one
24038    // behaviour; only their CSS-class hooks differ. Everything else keys off
24039    // shared [data-pagination-*] attributes and aria-current, so a single class
24040    // drives both custom elements — resolved per tag from this map.
24041    const CONFIG = {
24042        'wm-paginator': {
24043            controls: '.paginator-pagination__controls',
24044            cluster: '.paginator-pagination__cluster',
24045            popoverScroll: '.paginator-pagination-popover__scroll',
24046            outerContainers: ['.wmc_paginator'],
24047            widthParentClass: 'wml_paginator',
24048        },
24049        'wm-article-pagination': {
24050            controls: '.article-pagination__controls',
24051            cluster: '.article-pagination__cluster',
24052            popoverScroll: '.article-pagination-popover__scroll',
24053            outerContainers: ['.article-pagination-container', '.wmc_articles'],
24054            widthParentClass: null,
24055        },
24056    };
24057
24058    const isVisibleFlexChild = (child) => (
24059        !child.hidden && (child.offsetWidth > 0 || getComputedStyle(child).display !== 'none')
24060    );
24061
24062    class WMPagination extends HTMLElement {
24063        #intersectionObserver;
24064        #resizeObserver;
24065        #styleObserver;
24066        #layoutFrame = 0;
24067        #isVisible = false;
24068        #focusCurrentOnOpen = false;
24069        #pickerToggleHandler = null;
24070        #pickerBeforeToggleHandler = null;
24071        #scrollHandler = null;
24072        #scrollFrame = 0;
24073
24074        static observedAttributes = ['data-current-page', 'data-total-pages'];
24075        static #windowResizeBound = false;
24076
24077        static #initialized = true;
24078        /**
24079         * @description only really exists to try to fix this AI slop
24080         * FIXME: Refactor this out when we get Real unification.
24081         */
24082        static init () {
24083            if (this.#initialized) return;
24084            this.#initialized = false;
24085            this.#bindWindowResize();
24086        }
24087
24088        get #config() {
24089            return CONFIG[this.tagName.toLowerCase()];
24090        }
24091
24092        connectedCallback() {
24093            this.addEventListener('keydown', this.#onKeyDown, true);
24094            this.#bindPickerPopover();
24095
24096            this.#intersectionObserver = new IntersectionObserver((entries) => {
24097                this.#isVisible = entries.some((entry) => entry.isIntersecting);
24098
24099                if (this.#isVisible) {
24100                    this.#ensureLayoutObservers();
24101                    this.#bindPickerPopover();
24102                    this.#layout();
24103                    this.#scheduleLayout();
24104                } else {
24105                    this.#teardownLayoutObservers();
24106                }
24107            }, { threshold: 0 });
24108
24109            this.#intersectionObserver.observe(this);
24110        }
24111
24112        disconnectedCallback() {
24113            this.#intersectionObserver?.disconnect();
24114            this.#teardownLayoutObservers();
24115            this.#unbindPickerPopover();
24116            this.#unbindScrollReposition();
24117            this.removeEventListener('keydown', this.#onKeyDown, true);
24118        }
24119
24120        attributeChangedCallback(name, oldValue, newValue) {
24121            if (oldValue === newValue || !this.isConnected) {
24122                return;
24123            }
24124
24125            if (this.#isVisible) {
24126                this.#scheduleLayout();
24127            }
24128        }
24129
24130        static #bindWindowResize() {
24131            if (WMPagination.#windowResizeBound) {
24132                return;
24133            }
24134
24135            WMPagination.#windowResizeBound = true;
24136            window.addEventListener('resize', WMPagination.#onWindowResize);
24137        }
24138
24139        static #eachInstance(callback) {
24140            document.querySelectorAll(TAGS).forEach((element) => {
24141                if (element instanceof WMPagination) {
24142                    callback(element);
24143                }
24144            });
24145        }
24146
24147        static #onWindowResize() {
24148            WMPagination.#eachInstance((pagination) => {
24149                if (pagination.#isPickerOpen() && !pagination.#isPickerManual()) {
24150                    pagination.#closePicker({ restoreFocus: false });
24151                }
24152            });
24153        }
24154
24155        #scheduleLayout() {
24156            if (!this.#isVisible || this.#layoutFrame) {
24157                return;
24158            }
24159
24160            this.#layoutFrame = requestAnimationFrame(() => {
24161                this.#layoutFrame = 0;
24162                this.#layout();
24163            });
24164        }
24165
24166        #teardownLayoutObservers() {
24167            this.#resizeObserver?.disconnect();
24168            this.#resizeObserver = null;
24169            this.#styleObserver?.disconnect();
24170            this.#styleObserver = null;
24171
24172            if (this.#layoutFrame) {
24173                cancelAnimationFrame(this.#layoutFrame);
24174                this.#layoutFrame = 0;
24175            }
24176        }
24177
24178        #ensureLayoutObservers() {
24179            this.#ensureResizeObserver();
24180            this.#ensureStyleObserver();
24181        }
24182
24183        #ensureResizeObserver() {
24184            if (this.#resizeObserver) {
24185                return;
24186            }
24187
24188            this.#resizeObserver = new ResizeObserver(() => {
24189                this.#scheduleLayout();
24190            });
24191
24192            const observe = (element) => {
24193                if (element) {
24194                    this.#resizeObserver.observe(element);
24195                }
24196            };
24197
24198            observe(this);
24199
24200            const widthTarget = this.#widthTarget();
24201            if (widthTarget !== this) {
24202                observe(widthTarget);
24203            }
24204
24205            this.#config.outerContainers.forEach((selector) => observe(this.closest(selector)));
24206            observe(this.querySelector(this.#config.controls));
24207            observe(this.querySelector(this.#config.cluster));
24208            observe(this.querySelector('[data-pagination-fit-group]'));
24209            observe(this.querySelector('[data-pagination-pages]'));
24210            observe(this.querySelector('[data-pagination-page][aria-current="page"]'));
24211            observe(this.querySelector('[data-pagination-picker-trigger]'));
24212        }
24213
24214        #ensureStyleObserver() {
24215            if (this.#styleObserver) {
24216                return;
24217            }
24218
24219            const container = this.#outerContainer();
24220            if (!container) {
24221                return;
24222            }
24223
24224            this.#styleObserver = new MutationObserver(() => {
24225                this.#scheduleLayout();
24226            });
24227
24228            this.#styleObserver.observe(container, {
24229                attributes: true,
24230                attributeFilter: ['style', 'class'],
24231            });
24232        }
24233
24234        #outerContainer() {
24235            for (const selector of this.#config.outerContainers) {
24236                const element = this.closest(selector);
24237                if (element) {
24238                    return element;
24239                }
24240            }
24241
24242            return null;
24243        }
24244
24245        #onKeyDown = (event) => {
24246            if ((event.key === 'Enter' || event.key === ' ') && event.target.closest('[data-pagination-picker-trigger]')) {
24247                this.#focusCurrentOnOpen = true;
24248            }
24249
24250            if (!this.#isPickerOpen()) {
24251                return;
24252            }
24253
24254            const trigger = event.target.closest('[data-pagination-picker-trigger]');
24255            if (trigger) {
24256                if (event.key === 'Tab' && !event.shiftKey) {
24257                    event.preventDefault();
24258                    this.#focusMenuItem(this.#currentMenuItem() || this.#menuItems()[0]);
24259
24260                    return;
24261                }
24262
24263                if (KEY_MENU_NEXT.has(event.key) || KEY_MENU_PREVIOUS.has(event.key)) {
24264                    event.preventDefault();
24265                    const current = this.#currentMenuItem();
24266                    this.#focusMenuItem(
24267                        current || (KEY_MENU_NEXT.has(event.key) ? this.#menuItems()[0] : this.#menuItems().at(-1)),
24268                        'center',
24269                    );
24270
24271                    return;
24272                }
24273
24274                if (event.key === 'Home') {
24275                    event.preventDefault();
24276                    this.#focusMenuItem(this.#menuItems()[0], 'start');
24277
24278                    return;
24279                }
24280
24281                if (event.key === 'End') {
24282                    event.preventDefault();
24283                    this.#focusMenuItem(this.#menuItems().at(-1), 'end');
24284
24285                    return;
24286                }
24287            }
24288
24289            const menuItem = event.target.closest('[data-pagination-picker-popover] [role="menuitem"]');
24290            if (menuItem && this.#handleMenuKeyDown(event, menuItem)) return;
24291        };
24292
24293        #handleMenuKeyDown(event, menuItem) {
24294            const items = this.#menuItems();
24295            const index = items.indexOf(menuItem);
24296
24297            if (event.key === 'Tab') {
24298                if (event.shiftKey) {
24299                    event.preventDefault();
24300                    if (index > 0) {
24301                        this.#focusMenuItem(items[index - 1]);
24302                    } else {
24303                        this.#resetPickerTabOrder();
24304                        this.querySelector('[data-pagination-picker-trigger]')?.focus();
24305                    }
24306                } else if (index < items.length - 1) {
24307                    event.preventDefault();
24308                    this.#focusMenuItem(items[index + 1]);
24309                }
24310
24311                return true;
24312            }
24313
24314            if (event.key === 'Home') {
24315                event.preventDefault();
24316                this.#focusMenuItem(items[0], 'start');
24317
24318                return true;
24319            }
24320
24321            if (event.key === 'End') {
24322                event.preventDefault();
24323                this.#focusMenuItem(items.at(-1), 'end');
24324
24325                return true;
24326            }
24327
24328            if (KEY_MENU_PREVIOUS.has(event.key) || KEY_MENU_NEXT.has(event.key)) {
24329                event.preventDefault();
24330                this.#focusMenuSibling(menuItem, KEY_MENU_NEXT.has(event.key) ? 1 : -1);
24331
24332                return true;
24333            }
24334
24335            return false;
24336        }
24337
24338        #bindPickerPopover() {
24339            const popover = this.#pickerElements()?.popover;
24340            if (!popover || this.#pickerToggleHandler) {
24341                return;
24342            }
24343
24344            this.#pickerBeforeToggleHandler = (event) => {
24345                if (event.newState === 'open') {
24346                    const picker = this.#pickerElements();
24347                    if (picker) {
24348                        this.#positionPicker(picker.popover, picker.button);
24349                    }
24350                }
24351            };
24352
24353            this.#pickerToggleHandler = (event) => {
24354                const picker = this.#pickerElements();
24355                if (!picker) {
24356                    return;
24357                }
24358
24359                const { popover: panel, button } = picker;
24360
24361                if (event.newState === 'open') {
24362                    button.setAttribute('aria-expanded', 'true');
24363                    this.#bindScrollReposition(panel, button);
24364                    this.#resetPickerTabOrder();
24365
24366                    requestAnimationFrame(() => {
24367                        const current = this.#currentMenuItem();
24368                        if (!current) {
24369                            return;
24370                        }
24371
24372                        if (this.#focusCurrentOnOpen) {
24373                            this.#focusMenuItem(current, 'center');
24374                            this.#focusCurrentOnOpen = false;
24375                        } else {
24376                            this.#scrollMenuItemIntoView(current, 'center');
24377                        }
24378                    });
24379                } else {
24380                    button.setAttribute('aria-expanded', 'false');
24381                    this.#unbindScrollReposition();
24382                    panel.style.top = '';
24383                    panel.style.left = '';
24384                    panel.style.minWidth = '';
24385                    this.#resetPickerTabOrder();
24386                }
24387            };
24388
24389            popover.addEventListener('beforetoggle', this.#pickerBeforeToggleHandler);
24390            popover.addEventListener('toggle', this.#pickerToggleHandler);
24391        }
24392
24393        #unbindPickerPopover() {
24394            const popover = this.#pickerElements()?.popover;
24395            if (!popover) {
24396                return;
24397            }
24398
24399            if (this.#pickerToggleHandler) {
24400                popover.removeEventListener('toggle', this.#pickerToggleHandler);
24401            }
24402
24403            if (this.#pickerBeforeToggleHandler) {
24404                popover.removeEventListener('beforetoggle', this.#pickerBeforeToggleHandler);
24405            }
24406
24407            this.#pickerToggleHandler = null;
24408            this.#pickerBeforeToggleHandler = null;
24409        }
24410
24411        #pickerElements() {
24412            const popover = this.querySelector('[data-pagination-picker-popover]');
24413            const button = this.querySelector('[data-pagination-picker-trigger]');
24414
24415            return popover && button ? { popover, button } : null;
24416        }
24417
24418        #bindScrollReposition(panel, button) {
24419            this.#unbindScrollReposition();
24420            this.#scrollHandler = () => {
24421                if (this.#scrollFrame) {
24422                    return;
24423                }
24424
24425                this.#scrollFrame = requestAnimationFrame(() => {
24426                    this.#scrollFrame = 0;
24427                    if (this.#isPickerOpen()) {
24428                        this.#positionPicker(panel, button);
24429                    }
24430                });
24431            };
24432
24433            document.addEventListener('scroll', this.#scrollHandler, { capture: true, passive: true });
24434        }
24435
24436        #unbindScrollReposition() {
24437            if (this.#scrollHandler) {
24438                document.removeEventListener('scroll', this.#scrollHandler, { capture: true });
24439                this.#scrollHandler = null;
24440            }
24441
24442            if (this.#scrollFrame) {
24443                cancelAnimationFrame(this.#scrollFrame);
24444                this.#scrollFrame = 0;
24445            }
24446        }
24447
24448        #positionPicker(panel, button) {
24449            panel.style.minWidth = `${Math.max(button.offsetWidth, 48)}px`;
24450
24451            const needsMeasure = !panel.matches(':popover-open');
24452            if (needsMeasure) {
24453                panel.style.display = 'flex';
24454                panel.style.visibility = 'hidden';
24455            }
24456
24457            const panelH = panel.offsetHeight;
24458            const panelW = panel.offsetWidth;
24459
24460            if (needsMeasure) {
24461                panel.style.display = '';
24462                panel.style.visibility = '';
24463            }
24464
24465            const rect = button.getBoundingClientRect();
24466            panel.style.top = `${rect.top - panelH - 4}px`;
24467            const idealLeft = rect.left + rect.width / 2 - panelW / 2;
24468            panel.style.left = `${Math.max(8, Math.min(idealLeft, window.innerWidth - panelW - 8))}px`;
24469        }
24470
24471        #isPickerOpen() {
24472            return this.#pickerElements()?.popover.matches(':popover-open') ?? false;
24473        }
24474
24475        #isPickerManual() {
24476            return this.#pickerElements()?.popover.getAttribute('popover') === 'manual';
24477        }
24478
24479        // Public API for the editor design toolbox. Pins the picker open while a
24480        // popover-styled target is being designed, or restores n
24480ormal behavior.
24481        // `manual` prevents light-dismiss when the designer clicks the toolbox;
24482        // `auto` is restored on close so the live-site behavior is unchanged.
24483        setEditorPickerOpen(open) {
24484            const picker = this.#pickerElements();
24485            if (!picker) {
24486                return;
24487            }
24488
24489            if (open) {
24490                picker.popover.setAttribute('popover', 'manual');
24491                this.#openPicker({ restoreFocus: false });
24492            } else {
24493                this.#closePicker({ restoreFocus: false });
24494                picker.popover.setAttribute('popover', 'auto');
24495            }
24496        }
24497
24498        #openPicker({ restoreFocus = true } = {}) {
24499            const picker = this.#pickerElements();
24500            if (!picker || this.#isPickerOpen()) {
24501                return;
24502            }
24503
24504            if (!restoreFocus) {
24505                this.#focusCurrentOnOpen = false;
24506            }
24507
24508            try {
24509                picker.popover.showPopover();
24510            } catch {
24511                // Already open.
24512            }
24513        }
24514
24515        #closePicker({ restoreFocus = true } = {}) {
24516            const picker = this.#pickerElements();
24517            if (!picker || !this.#isPickerOpen()) {
24518                return;
24519            }
24520
24521            try {
24522                picker.popover.hidePopover();
24523            } catch {
24524                // Already closed.
24525            }
24526
24527            this.#resetPickerTabOrder();
24528
24529            if (restoreFocus) {
24530                picker.button.focus();
24531            }
24532        }
24533
24534        #resetPickerTabOrder() {
24535            this.#menuItems().forEach((item) => {
24536                item.tabIndex = -1;
24537            });
24538        }
24539
24540        #menuItems() {
24541            return [...this.querySelectorAll('[data-pagination-picker-popover] [role="menuitem"]')];
24542        }
24543
24544        #currentMenuItem() {
24545            return this.querySelector('[data-pagination-picker-popover] [aria-current="page"]');
24546        }
24547
24548        #menuScroll() {
24549            const popover = this.querySelector('[data-pagination-picker-popover]');
24550
24551            return popover?.querySelector(this.#config.popoverScroll) || popover;
24552        }
24553
24554        #scrollPickerToCurrent() {
24555            requestAnimationFrame(() => {
24556                const current = this.#currentMenuItem();
24557                if (current && this.#isPickerOpen()) {
24558                    this.#scrollMenuItemIntoView(current, 'center');
24559                }
24560            });
24561        }
24562
24563        #scrollMenuItemIntoView(item, align = 'center') {
24564            const scroll = this.#menuScroll();
24565            if (!scroll || !item) return;
24566
24567            if (align === 'start') {
24568                scroll.scrollTop = 0;
24569
24570                return;
24571            }
24572
24573            if (align === 'end') {
24574                scroll.scrollTop = scroll.scrollHeight - scroll.clientHeight;
24575
24576                return;
24577            }
24578
24579            scroll.scrollTop = item.offsetTop - ((scroll.clientHeight - item.offsetHeight) / 2);
24580        }
24581
24582        #focusMenuItem(item, align) {
24583            if (!item) return;
24584
24585            this.#resetPickerTabOrder();
24586            item.tabIndex = 0;
24587
24588            if (align) {
24589                item.focus({ preventScroll: true });
24590                this.#scrollMenuItemIntoView(item, align);
24591            } else {
24592                item.focus();
24593            }
24594        }
24595
24596        #focusMenuSibling(current, direction) {
24597            const items = this.#menuItems();
24598            this.#focusMenuItem(items[items.indexOf(current) + direction]);
24599        }
24600
24601        #placePicker() {
24602            const cluster = this.querySelector(this.#config.cluster);
24603            const picker = this.querySelector('[data-pagination-picker]');
24604            const next = this.querySelector('[data-pagination-nav="next"]');
24605            if (!cluster || !picker || !next) return;
24606
24607            if (picker.parentElement === cluster && picker.nextElementSibling === next) return;
24608
24609            cluster.insertBefore(picker, next);
24610        }
24611
24612        #layout() {
24613            if (!this.#isVisible) return;
24614
24615            const controls = this.querySelector(this.#config.controls);
24616            const pagesContainer = this.querySelector('[data-pagination-pages]');
24617
24618            if (!controls || !this.querySelector('[data-pagination-fit-group]') || !pagesContainer) return;
24619
24620            const pickerWasOpen = this.#isPickerOpen();
24621            const pageItems = [...pagesContainer.querySelectorAll('[data-pagination-page]')];
24622            const currentPage = Number(this.dataset.currentPage);
24623            const totalPages = Number(this.dataset.totalPages);
24624            const availableWidth = this.#availableWidth();
24625
24626            if (!availableWidth || !pageItems.length) return;
24627
24628            if (this.#shouldUseDropdownStrategy(controls, pagesContainer, pageItems, currentPage, availableWidth)) {
24629                this.#applyDropdownStrategy(pageItems);
24630            } else {
24631                this.#applyFitStrategy(controls, pagesContainer, pageItems, currentPage, totalPages, availableWidth);
24632            }
24633
24634            if (pickerWasOpen) this.#scrollPickerToCurrent();
24635        }
24636
24637        #widthTarget() {
24638            const parent = this.parentElement;
24639            const { widthParentClass } = this.#config;
24640
24641            return (widthParentClass && parent?.classList.contains(widthParentClass)) ? parent : this;
24642        }
24643
24644        #availableWidth() {
24645            const target = this.#widthTarget();
24646
24647            return target.clientWidth || target.getBoundingClientRect().width;
24648        }
24649
24650        #shouldUseDropdownStrategy(controls, pagesContainer, pageItems, currentPage, availableWidth) {
24651            if (availableWidth <= MOBILE_DROPDOWN_MAX_WIDTH) return true;
24652
24653            this.#setEdgeNavVisible(true);
24654            this.#setVisiblePageRange(pageItems, currentPage, currentPage);
24655
24656            return this.#measureRowWidth(controls, pagesContainer) > availableWidth;
24657        }
24658
24659        #applyDropdownStrategy(pageItems) {
24660            this.dataset.strategy = STRATEGY_DROPDOWN;
24661            this.#setEdgeNavVisible(false);
24662            pageItems.forEach((item) => {
24663                item.hidden = true;
24664            });
24665            this.#placePicker();
24666        }
24667
24668        #applyFitStrategy(controls, pagesContainer, pageItems, currentPage, totalPages, availableWidth) {
24669            this.dataset.strategy = STRATEGY_FIT;
24670            this.#setEdgeNavVisible(true);
24671            this.#placePicker();
24672
24673            let low = 1;
24674            let high = totalPages;
24675            let bestSize = 1;
24676
24677            while (low <= high) {
24678                const size = Math.ceil((low + high) / 2);
24679                const { left, right } = this.#centeredWindowBounds(currentPage, totalPages, size);
24680                this.#setVisiblePageRange(pageItems, left, right);
24681
24682                if (this.#measureRowWidth(controls, pagesContainer) <= availableWidth) {
24683                    bestSize = size;
24684                    low = size + 1;
24685                } else {
24686                    high = size - 1;
24687                }
24688            }
24689
24690            const { left, right } = this.#centeredWindowBounds(currentPage, totalPages, bestSize);
24691            this.#setVisiblePageRange(pageItems, left, right);
24692        }
24693
24694        #setEdgeNavVisible(visible) {
24695            this.querySelector('[data-pagination-nav="first"]')?.toggleAttribute('hidden', !visible);
24696            this.querySelector('[data-pagination-nav="last"]')?.toggleAttribute('hidden', !visible);
24697        }
24698
24699        #centeredWindowBounds(currentPage, totalPages, size) {
24700            const pagesBefore = Math.ceil((size - 1) / 2);
24701            let left = currentPage - pagesBefore;
24702            let right = left + size - 1;
24703
24704            if (left < 1) {
24705                left = 1;
24706                right = Math.min(totalPages, left + size - 1);
24707            }
24708
24709            if (right > totalPages) {
24710                right = totalPages;
24711                left = Math.max(1, right - size + 1);
24712            }
24713
24714            return { left, right };
24715        }
24716
24717        #setVisiblePageRange(pageItems, left, right) {
24718            pageItems.forEach((item) => {
24719                const page = Number(item.dataset.page);
24720                item.hidden = page < left || page > right;
24721            });
24722        }
24723
24724        #measureRowWidth(controls, pagesContainer) {
24725            return this.#measureFlexWidth(controls, (child) => {
24726                if (child.matches(this.#config.cluster)) {
24727                    return this.#measureFlexWidth(child, (clusterChild) => (
24728                        clusterChild.matches('[data-pagination-fit-group]')
24729                            ? this.#measurePagesWidth(pagesContainer)
24730                            : clusterChild.offsetWidth
24731                    ));
24732                }
24733
24734                if (child.matches('[data-pagination-fit-group]')) {
24735                    return this.#measurePagesWidth(pagesContainer);
24736                }
24737
24738                return child.offsetWidth;
24739            });
24740        }
24741
24742        #measurePagesWidth(pagesContainer) {
24743            return this.#measureFlexWidth(pagesContainer, (item) => item.offsetWidth, '[data-pagination-page]:not([hidden])');
24744        }
24745
24746        #measureFlexWidth(container, widthOf, selector) {
24747            const gap = this.#gapSize(container);
24748            const children = selector
24749                ? [...container.querySelectorAll(selector)]
24750                : [...container.children].filter(isVisibleFlexChild);
24751
24752            if (!children.length) {
24753                return 0;
24754            }
24755
24756            let width = widthOf(children[0]);
24757            for (let index = 1; index < children.length; index += 1) {
24758                width += gap + widthOf(children[index]);
24759            }
24760
24761            return width;
24762        }
24763
24764        #gapSize(element) {
24765            const style = getComputedStyle(element);
24766
24767            return Number.parseFloat(style.columnGap || style.gap) || GAP_FALLBACK;
24768        }
24769    }
24770
24771    // FIXME: This should not exist. These should be the same kind with different
24772    //  Styles through CSS applied.
24773    class WMPaginator extends WMPagination {}
24774    // FIXME: This should not exist. These should be the same kind with different
24775    //  Styles through CSS applied.
24776    class WMArticlePagination extends WMPagination {}
24777
24778    function init() {
24779        WMPagination.init();
24780        if (!globalThis.customElements.get('wm-paginator')) {
24781            globalThis.customElements.define('wm-paginator', WMPaginator);
24782        }
24783
24784        if (!globalThis.customElements.get('wm-article-pagination')) {
24785            globalThis.customElements.define('wm-article-pagination', WMArticlePagination);
24786        }
24787
24788        globalThis.WMComponents.WMPagination = WMPagination;
24789    }
24790
24791    if (!globalThis.wmDevice) {
24792        window.addEventListener('wm-device-ready', init, { once: true });
24793    } else {
24794        init();
24795    }
24796})();
24797</script>
24797
24798            
24798<script>/* core_live.js */
24799;(() => {
24800    function maxRadiusRecalculation() {
24801
24802        function doMaxRadiusRecalculate(wml) {
24803            requestAnimationFrame(() => {
24804                const wmc = wml.closest('.wmc');
24805                if (!wmc) return;
24806
24807                wmc.classList.add('wmcA_noTransition');
24808                wml.offsetHeight; // force reflow
24809                wmc.style.setProperty('--wm_maxBorderRadius', `${Math.min(wml.offsetWidth, wml.offsetHeight) / 2}px`);
24810                requestAnimationFrame(() => {
24811                    wmc.classList.remove('wmcA_noTransition');
24812                });
24813            });
24814        }
24815
24816        function observerResizer(entries) {
24817            for (const entry of entries) {
24818                doMaxRadiusRecalculate(entry.target);
24819            }
24820        }
24821
24822        const resizeObserver = new ResizeObserver(observerResizer);
24823        const getRoundedComponents = ()=> document.querySelectorAll('.wmc[style*="--wm_maxBorderRadius"] > .wml');
24824        const components = getRoundedComponents();
24825        for (const component of components) {
24826            doMaxRadiusRecalculate(component);
24827            resizeObserver.observe(component);
24828        }
24829
24830        function disconnectObserver() {
24831            resizeObserver.disconnect();
24832        }
24833        if (document.readyState === 'complete') {
24834            disconnectObserver();
24835        } else {
24836            window.addEventListener('load', disconnectObserver, { once: true });
24837        }
24838
24839        function deviceChangeResizer() {
24840            const components = getRoundedComponents();
24841            for (const wml of components) {
24842                doMaxRadiusRecalculate(wml);
24843            }
24844        }
24845        window.addEventListener('wm-device-change', deviceChangeResizer);
24846        /**
24847         * TODO - find a better way to handle this in the future
24848         * the components in popup are not visible on initial load of the page
24849         * so we need this listener to recalculate the max radius for them when popup is open
24850         */
24851        window.addEventListener('wm-popup-open-max-radius-calc', deviceChangeResizer);
24852    }
24853
24854    if (!globalThis.wmDevice) {
24855        window.addEventListener('wm-device-ready', maxRadiusRecalculation, { once: true });
24856    } else {
24857        maxRadiusRecalculation();
24858    }
24859})();
24860</script>
24860
24861            
24861<script>/* popup-handler_live.js */
24862;(() => {
24863    /**
24864     * @typedef {HTMLElement} IRevealable
24865     * @property {number|false} wmTimeout
24866     * @property {()=>void} wmShow
24867     * @property {()=>void} wmShowAutomated
24868     */
24869
24870    /**
24871     * @class WmServices.PopupService
24872     */
24873    class PopupService {
24874        #running = false;
24875        /** @type {Array<()=>void>} */
24876        #awaiting = [];
24877
24878        constructor() {
24879        }
24880
24881        /**
24882         * @param  {IRevealable} revealable
24883         * @return void
24884         */
24885        registerTimeout(revealable) {
24886            if (!revealable.id) return;
24887            if (revealable.wmTimeout === false) return;
24888            const ref = new WeakRef(revealable);
24889            this._scheduleTimeout(() => {
24890                setTimeout(
24891                    () => {
24892                        const popup = ref.deref();
24893                        popup?.wmShowAutomated();
24894                    },
24895                    revealable.wmTimeout
24896                );
24897            });
24898        }
24899
24900        /**
24901         * @protected
24902         * @property {()=>void} callback
24903         */
24904        _scheduleTimeout(callback) {
24905            if (this.#running) {
24906                // Defer to the end of the task to
24907                // Prevent potential race conditions
24908                queueMicrotask(callback);
24909                return;
24910            }
24911            this.#awaiting.push(callback);
24912        }
24913
24914        initializeReveal() {
24915            this.#running = true;
24916            const tasks = this.#awaiting.splice(0, this.#awaiting.length);
24917            for (const task of tasks) {
24918                task();
24919            }
24920        }
24921    }
24922
24923    const instance = (globalThis.WmServices ??= {})['PopupService'] ??= new PopupService();
24924
24925
24926    if (globalThis.wmUserInteraction) {
24927        instance.initializeReveal();
24928    } else {
24929        window.addEventListener(
24930            'wm-user-interaction',
24931            () => instance.initializeReveal(),
24932            { once: true }
24933        );
24934    }
24935})();
24936</script>
24936
24937            
24937<script>/* image_live.js */
24938class WMImage extends globalThis.WMComponents.WMImageBase {
24939    constructor() {
24940        super();
24941    }
24942
24943    connectedCallback() {
24944        super.connectedCallback();
24945    }
24946
24947    disconnectedCallback() {
24948        super.disconnectedCallback();
24949    }
24950}
24951
24952window.customElements.define('wm-img', WMImage);
24953
24954function init() {
24955    console.debug('image: init');
24956    WMImage.runInitialPrioritization();
24957}
24958
24959if (document.readyState === 'loading') {
24960    document.addEventListener('DOMContentLoaded', init, { once: true });
24961} else {
24962    init();
24963}
24964</script>
24964
24965            
24965<script>/* repeater_live.js */
24966function init() {
24967    console.debug('repeater: init');
24968    const WMRepeater = globalThis.WMComponents.WMRepeaterBase;
24969    globalThis.customElements.define('wm-repeater', WMRepeater);
24970}
24971
24972if (!globalThis.wmDevice) {
24973    window.addEventListener('wm-device-ready', init, { once: true });
24974} else {
24975    init();
24976}
24977</script>
24977
24978    
24979    <!-- Header Tags -->
24980    
24980<script type="text/wmdjs"  >
24981  document.addEventListener("DOMContentLoaded", function () {
24982    function replaceTextNodes(node) {
24983      if (node.nodeType === Node.TEXT_NODE) {
24984        node.textContent = node.textContent
24985          .replace(/&Atilde;&cent;&acirc;&#130;&not;&acirc;&#132;&cent;/g, "'")
24986          .replace(/&Atilde;&cent;&acirc;&#130;&not;&Acirc;&cent;/g, "&acirc;&#128;&cent;")
24987          .replace(/&Atilde;&cent;&acirc;&#130;&not;&Aring;&#147;/g, "&acirc;&#128;&#156;")
24988          .replace(/&Atilde;&cent;&acirc;&#130;&not;/g, "&acirc;&#128;&#157;")
24989          .replace(/&Atilde;&#131;&Acirc;&iexcl;/g, "&Atilde;&iexcl;")
24990          .replace(/&Atilde;&#131;&Acirc;&copy;/g, "&Atilde;&copy;")
24991          .replace(/&Atilde;&#131;&Acirc;&shy;/g, "&Atilde;&shy;")
24992          .replace(/&Atilde;&#131;&Acirc;&sup3;/g, "&Atilde;&sup3;")
24993          .replace(/&Atilde;&#131;&Acirc;&ordm;/g, "&Atilde;&ordm;")
24994          .replace(/&Atilde;&#131;&Acirc;&plusmn;/g, "&Atilde;&plusmn;")
24995          .replace(/&Atilde;&#130;&Acirc;&iexcl;/g, "&Acirc;&iexcl;")
24996          .replace(/&Atilde;&#130;/g, "")
24997          .replace(/&Atilde;&cent;&Acirc;&#128;&Acirc;&#153;/g, "-")
24998          .replace(/&Atilde;&cent;&Acirc;&#128;&Acirc;&#145;/g, "-")
24999          .replace(/\u0080\u0091/g, '-')
25000          .replace(/\u00E2\u0080\u0091/g, '-')
25001      } else if (node.nodeType === Node.ELEMENT_NODE) {
25002        node.childNodes.forEach(replaceTextNodes);
25003      }
25004    }
25005
25006    replaceTextNodes(document.body);
25007});
25008</script>
25008
25009    <!-- SchemaOrg -->
25010    
25010<script type="application/ld+json">
25011    {
25012    "@context": "https://schema.org",
25013    "priceRange": "Call for pricing options",
25014    "url": "https://www.citypetsvets.com",
25015    "@type": "VeterinaryCare",
25016    "name": "City Pets Vets®",
25017    "sameAs": [
25018        "https://www.google.com/",
25019        "https://www.facebook.com/people/Anderson-Animal-Hospital/100027227572850/",
25020        "https://www.instagram.com/"
25021    ],
25022    "telephone": "(212) 581-7387",
25023    "email": "[email protected]",
25024    "address": {
25025        "@type": "PostalAddress",
25026        "addressLocality": "New York",
25027        "addressRegion": "NY",
25028        "postalCode": "10019",
25029        "streetAddress": "50 W 57th St",
25030        "addressCountry": "US"
25031    },
25032    "geo": {
25033        "@type": "GeoCoordinates",
25034        "latitude": 40.763954,
25035        "longitude": -73.976628
25036    },
25037    "openingHoursSpecification": [
25038        {
25039            "@type": "OpeningHoursSpecification",
25040            "dayOfWeek": [
25041                "Monday",
25042                "Tuesday",
25043                "Wednesday",
25044                "Thursday",
25045                "Friday"
25046            ],
25047            "opens": "08:00",
25048            "closes": "18:00"
25049        }
25050    ],
25051    "description": "City Pets Vets&reg; is your local Veterinarian in New York, NY serving all of your needs. Call us today at (212) 256-9537 for an appointment! Blog",
25052    "image": "https://storage.evona.app/C%2Fr%2FI%2FT%2Fl%2Fq%2FCrITlq82YmtVmVenGB6gdSWjz1hv26VRkzYRRtcq",
25053    "logo": "https://storage.evona.app/T%2FY%2Fu%2FL%2FG%2F2%2FTYuLG26EU8iBvfavA4hdefo8dTjZaspa4vqijN2H"
25054}
25055</script>
25055
25056
25057    <!-- Website SchemaOrg -->
25058    
25058<script type="application/ld+json">
25059    {
25060    "@context": "https://schema.org",
25061    "@type": "WebSite",
25062    "name": "City Pets Vets®",
25063    "url": "https://www.citypetsvets.com/"
25064}
25065</script>
25065
25066
25067</head>
25068<body class="">
25069
25070<!-- Body After Opening -->
25071
25072
25073<!-- Layout:L1 footer -->
25074                    <!-- Page:page_1 Id:a280b962-77e1-4b69-8ee6-e2805b342b5b -->
25075                <main id="a280b956-690f-4a42-be44-fd6ede932f45" class="wml wml_rows" style="">
25076            <!-- Placeholder:Placeholder -->
25077    <!-- Wrapping layout:L2 header Id:a280b984-14a1-45fe-ac4f-341eef353761 -->
25078<div id="a280b96d-90b1-448d-a9c5-4b0d6b6aa2a0" class="wmc wmc_placeholder " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;" data-placeholder-content-id="a280b984-14a1-45fe-ac4f-341eef353761">
25079    <div class="wml wml_rows">
25080        <div class="wms_background">
25081            <div class="wmc_color_layer "
25082    style=""
25083         data-animate-observe="a280b96d-90b1-448d-a9c5-4b0d6b6aa2a0" >
25084</div>
25085        </div>
25086        <!-- Section:TopHeader -->
25087<section id="a280b98d-71d1-454d-8615-c356f20839f8" class="wmc wmc_section wmcM_hidden--mobile" style="--bgColorDesktop:rgba(var(--colorSecondaryJ),1);--minHeightMobile:10px;--minHeightTablet:38px;--minHeightDesktop:37px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
25088    <div class="wml wml_rows">
25089        <div class="wms_background">
25090            <div class="wmc_color_layer "
25091    style=""
25092         data-animate-observe="a280b98d-71d1-454d-8615-c356f20839f8" >
25093</div>
25094        </div>
25095        <!-- Button:PayBill -->
25096<div id="a280b98d-674a-423c-bf41-01535cc5c629" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:200px;--widthTablet:89px;--widthDesktop:116px;--flexGapDesktop:4px;--marginTopMobile:0.00px;--marginTopTablet:9.00px;--minHeightTablet:19.5px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:479.5px;--marginTopDesktop:7.00px;--minHeightDesktop:24px;--paddingTopMobile:10px;--paddingTopTablet:0px;--borderLeftDesktop:none;--marginLeftDesktop:1018px;--paddingLeftMobile:10px;
25096--paddingLeftTablet:0px;--paddingTopDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:9.50px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:0px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:5.50px;--paddingBottomMobile:10px;--paddingBottomTablet:0px;--paddingRightDesktop:0px;--paddingBottomDesktop:0px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:end;--transitionDurationMsDesktopHover:500;">
25097    <a href="https://www.amazon.com/Pets-City-Tales-Manhattan-Veterinarian/dp/0593715675" target="_blank" class="wml wml_button">
25098        <span class="wms_background">
25099            <div class="wmc_color_layer "
25100    style=""
25101         data-animate-observe="a280b98d-674a-423c-bf41-01535cc5c629" >
25102</div>
25103        </span>
25104        <span class="wms_button">
25105            <!-- Button.Text:button_text -->
25106<span id="a280b98d-651a-4af1-9827-df24e242f9b7" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25107    <span class="wml">
25108        <p><span style="--fontSizeDesktop: 1rem; --textColorDesktopHover: rgba(var(--colorBwGradientC),1);">Order Now</span></p>
25109    </span>
25110</span>
25111            <!-- Button.Icon:button_icon -->
25112<span id="a280b98d-6460-47e1-90b5-d1857ac4548b" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
25113    <span class="wml wml_icon">
25114        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
25115    </span>
25116</span>
25117        </span>
25118    </a>
25119</div>
25120    <!-- Button:PayBill -->
25121<div id="a280b98d-6bd0-4c0c-baef-637e66022f5a" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:200px;--widthTablet:133px;--widthDesktop:139px;--flexGapDesktop:4px;--marginTopMobile:0.00px;--marginTopTablet:9.00px;--borderTopDesktop:none;--marginLeftMobile:120px;--marginLeftTablet:587px;--marginTopDesktop:6.50px;--minHeightDesktop:25px;--paddingTopMobile:10px;--paddingTopTablet:0px;--borderLeftDesktop:none;--marginLeftDesktop:1143px;--paddingLeftMobile:10px;
25121--paddingLeftTablet:0px;--paddingTopDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:9.50px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:0px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:5.50px;--paddingBottomMobile:10px;--paddingBottomTablet:0px;--paddingRightDesktop:0px;--flexDirectionDesktop:column;--paddingBottomDesktop:0px;--borderTopDesktopHover:none;--flexAlignItemsDesktop:center;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:center;--transitionDurationMsDesktopHover:500;">
25122    <a href="https://www.citypetsvets.com/let-s-go-shopping" class="wml wml_button">
25123        <span class="wms_background">
25124            <div class="wmc_color_layer "
25125    style=""
25126         data-animate-observe="a280b98d-6bd0-4c0c-baef-637e66022f5a" >
25127</div>
25128        </span>
25129        <span class="wms_button">
25130            <!-- Button.Text:button_text -->
25131<span id="a280b98d-691a-4861-9288-3096cf26a09a" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25132    <span class="wml">
25133        <p style="--textAlignDesktop: center;"><span style="--fontSizeDesktop: 1rem; --textColorDesktopHover: rgba(var(--colorBwGradientC),1);">Shop</span></p>
25134    </span>
25135</span>
25136            <!-- Button.Icon:button_icon -->
25137<span id="a280b98d-6842-4b47-a895-c238732315db" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
25138    <span class="wml wml_icon">
25139        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
25140    </span>
25141</span>
25142        </span>
25143    </a>
25144</div>
25145    </div>
25146</section>
25147    <!-- Section:Header -->
25148<section id="a280b984-2b58-4eec-b5d7-cd6ef724660f" class="wmc wmc_section wmcM_mobile-inherit-scroll wmcM_tablet-inherit-scroll wmcM_scrollBehavior wmcM_stickyTop wmcM_stickyTop--desktop" style="--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:65.5374984741211px;--minHeightTablet:73.234375px;--minHeightDesktop:104px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;--trailingAnchorIdDesktop:a09b7af6-e880-4555-879f-711ff57e0ac5;">
25149    <div class="wml wml_rows">
25150        <div class="wms_background">
25151            <div class="wmc_color_layer "
25152    style=""
25153         data-animate-observe="a280b984-2b58-4eec-b5d7-cd6ef724660f" >
25154</div>
25155        </div>
25156        <!-- Shelf:ShelfHeader -->
25157<section id="a280b984-29de-41ce-ae26-cbfd5ae11e34" class="wmc wmc_shelf wmcM_containerSizeFull" style="--zIndex:0;--widthMobile:360px;--bgColorMobile:rgba(var(--colorBwGradientJ),1);--bgColorTablet:rgba(var(--colorBwGradientJ),1);--marginTopMobile:1.29px;--marginTopTablet:0.16px;--minHeightMobile:64.25px;--minHeightTablet:73.6328125px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.76px;--minHeightDesktop:102.984375px;--borderLeftDesktop:none;--marginLeftDesktop:-58px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:-0.00px;--marginBottomTablet:-0.55px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundJ),1);--gridPositionDesktop:1;--marginBottomDesktop:0.26px;">
25158    <div class="wml wml_rows">
25159        <div class="wms_background">
25160            <div class="wmc_color_layer "
25161    style=""
25162         data-animate-observe="a280b984-29de-41ce-ae26-cbfd5ae11e34" >
25163</div>
25164        </div>
25165        <!-- Button:Phone -->
25166<div id="a280b984-20d3-4d5f-926d-4d4875f1bac6" class="wmc wmc_button wmcM_animateHover" style="--zIndex:1;--widthMobile:40.29998779296875px;--widthTablet:44px;--widthDesktop:136.5px;--bgColorMobile:rgba(var(--colorCtaD),1);--bgColorTablet:rgba(var(--colorCtaD),1);--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--borderTopMobile:none;--borderTopTablet:none;--marginTopMobile:11.54px;--marginTopTablet:15.59px;--minHeightTablet:42.5px;--borderLeftMobile:none;--borderLeftTablet:none;--borderTopDesktop:none;--marginLeftMobile:279.5px;--marginLeftTablet:465px;--marginTopDesktop:30.50px;
25166--minHeightDesktop:40px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--borderRightMobile:none;--borderRightTablet:none;--marginLeftDesktop:909.4999923706055px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--bgColorMobileHover:rgba(var(--colorCtaE),1);--bgColorTabletHover:rgba(var(--colorCtaE),1);--borderBottomMobile:none;--borderBottomTablet:none;--borderRadiusMobile:0px 0px 0px 0px;--borderRadiusTablet:0px 0px 0px 0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.00px;--marginBottomTablet:12.77px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:1;--marginBottomDesktop:-0.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--borderTopMobileHover:1px solid rgba(var(--colorCtaG),0);--borderTopTabletHover:1px solid rgba(var(--colorCtaG),0);--paddingBottomDesktop:10px;--borderLeftMobileHover:1px solid rgba(var(--colorCtaG),0);--borderLeftTabletHover:1px solid rgba(var(--colorCtaG),0);--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightMobileHover:1px solid rgba(var(--colorCtaG),0);--borderRightTabletHover:1px solid rgba(var(--colorCtaG),0);--borderBottomMobileHover:1px solid rgba(var(--colorCtaG),0);--borderBottomTabletHover:1px solid rgba(var(--colorCtaG),0);--borderRadiusMobileHover:0px 0px 0px 0px;--borderRadiusTabletHover:0px 0px 0px 0px;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:center;--flexJustifyContentDesktop:end;--transitionDurationMsDesktopHover:500;">
25167    <a href="tel:2125817387" class="wml wml_button">
25168        <span class="wms_background">
25169            <div class="wmc_color_layer "
25170    style=""
25171         data-animate-observe="a280b984-20d3-4d5f-926d-4d4875f1bac6" >
25172</div>
25173        </span>
25174        <span class="wms_button">
25175            <!-- Button.Text:button_text -->
25176<span id="a280b984-1b06-4843-9a95-29c5b6213764" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide--mobile wmcM_visuallyHide--tablet" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
25177    <span class="wml">
25178        <p class="wmcM_paragraph3" style><span style="--fontWeightDesktop: 600; --fontWeightTablet: 600; --textColorDesktop: rgba(var(--colorCtaC),1); --textColorTablet: rgba(var(--colorBwGradientA),1); --textColorDesktopHover: rgba(var(--colorCtaE),1);">&lpar;212&rpar; 581-7387</span></p>
25179    </span>
25180</span>
25181            <!-- Button.Icon:button_icon -->
25182<span id="a280b984-165b-4fad-8514-7f30890cdeae" class="wmc wmc_icon wmc_buttonIcon wmcM_empty wmcM_notEmpty--mobile wmcM_notEmpty--tablet" style="--iconSizeMobile:20px;--iconColorMobile:rgba(var(--colorBwGradientJ),1);--iconColorTablet:rgba(var(--colorBwGradientJ),1);--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorBwGradientB),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeMobileHover:20px;--iconColorMobileHover:rgba(var(--colorBwGradientJ),1);--iconColorTabletHover:rgba(var(--colorBwGradientJ),1);--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryD),1);--iconSizeDesktopActive:16px;">
25183    <span class="wml wml_icon">
25184        <i style="mask: url(https://storage.evona.app/w%2Fm%2F3%2Fa%2F8%2F4%2Fwm3a84e7d67a7e51482de99018cbf52f2cd21917) center / contain no-repeat"></i>
25185    </span>
25186</span>
25187        </span>
25188    </a>
25189</div>
25190    <!-- Image:Logo -->
25191<wm-img id="a280b984-231c-4647-9d54-221515429259"  class="wmc wmc_image wmcM_imageContain" style="--zIndex:3;--widthMobile:141px;--widthTablet:160px;--heightMobile:32px;--heightTablet:42.6875px;--widthDesktop:240px;--heightDesktop:98px;--marginTopMobile:15.71px;--marginTopTablet:15.50px;--marginLeftMobile:60px;--marginLeftTablet:67px;--marginTopDesktop:0.25px;--aspectRatioMobile:141 / 32;--aspectRatioTablet:160 / 43;--marginLeftDesktop:0px;--aspectRatioDesktop:240 / 98;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.00px;--marginBottomTablet:12.77px;--gridPositionDesktop:1;--marginBottomDesktop:-0.27px;;">
25192    <a href="https://www.citypetsvets.com/" class="wml">
25193        <div class="wms_overlay"></div>
25194        <picture>
25195            <img
25196                loading="lazy"
25197                data-wm-src="/T/Y/u/L/G/2/TYuLG26EU8iBvfavA4hdefo8dTjZaspa4vqijN2H"
25198                                src="data:image/webp;base64,UklGRjITAABXRUJQVlA4WAoAAAAwAAAAPwAALwAASUNDUEgMAAAAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114
25198XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t//9BTFBI+AMAAA2ZCzBE9D9a4121bdW2bVubLsve/zHXZLn/aK37eoCUKbC0JnJdvkoi1eWrkGFqg1JgaiViAibglfhl/qrX/cwvOH7uBb0GyHS8ICbJxAsuRmT45cgGAy+ICaRQF35OhGEQUmYpiJ9IOPP5sH6KATPfgMCbgoThTIiE4zmAShgSnaLUFkyEq+BMPxVtliagCeZclFSkA7UMZ/BpxADnWxpoZPsxD1ikCkk0yjGJp80dOeNH3rW0MOeclYRWNTnW8qUA+AmAsnrg03L3RK0JQAnsahw/FFlNdvoJ5l5znfPThoSL0cdaCynub5vfd063Zs/k41lcpf4DbmSFAjPqcBa4aztz7A2ZQTwy6YK1cjrWOyAWprOAhHJ52LUqc+Z6tHLy9FGVt+mv4XEEvIAAEo5UHW3GdBPtR7GK7m7vo51duWigGZFpz5jav2X37FGfHkTOkQ9DNFJ9rgN9IyNMLbBP2hy5Pt0/zZmlVqveZ2y3Le9YTLqHVy25s1wKIAEBSDtBUywHV1Vs+f7+KWeMnte4Kh19bItr3eJIlAEa907Ig3sjxlQJbWfOPnxhsZLftXFqLaBTpmHcn3CGjrU0M7JnO95vOcZ2kZCrXLfopR0GiIcTsWVpX6U+vuevUfveFlAX8xDyfe3j1m8EaTymYTsVbFT/tj+9p+vTL77hV8cygJi72/EraxuxA8Yj00CfhWN569sZ1qefNhIAtyjpVzmIEB7fwpw2A4m1og/XfuCSHiE3zrY1PKWBzLkF2te9v7OPiHFeURhMhLCDTwEQOcM8/vWvJozzr5uvcNAxzwKIJzYEAPrVv/60Z++Jq6322W9go/H0viiufefsW1wsq+ZA0NAzuJpG7bsiegKShhFkA/E8maKr3j9zOgErFCi9j2frssSm/TZx2ZXy3AE9F7gs5OLOwIRHFt6vGXjGLnPiELUB7nNr+/IMAOYFbV6hL8wr9F1IxeaGQyeQzCxJjCCEy5RwNUWbwtXUHUy5A2vxvwCqawv/qkkCnLJcSFoghZQQvLRwZwoBHVj/NQDsp26Bdpgzx3ZyrT6HmYeIKWScxmwlMycsQYhTTe9/039x9RjctrU+jXEr7lGpchFTxeXeoSrMhCC4lspzuK320XtwnTGzzz1WeVWSSS6AjGii4QbCtmkQAJtB6k/fgbtrzjxv+2pHaiIJAUKaQWI1axgBgmVkBmunfnVu98DqM3JMsXZnwhISzs2qWtLh4akkAdgm1TB/g3s3R9p837cEXRkA0mkUVvm/CWgQsJAZg4fihvszM5nqG4Bl4rKFYwC1bQAEIEBkBkdTBB8ABUAkLonrZaTnibtlQEhHjEk8uJB4OIHAwwUTxj0BVlA4IMQCAAAQDwCdASpAADAAPmUmkEWkIiGarf0AQAZEtABgQnA/PwG84X9s2WNb0TXR+JfmdBTZgsqZ7Q1w71+99BKLTKo134ZX9s2Bwu4ePWJdccWhSnPZ5QdYFJ/wm5R8bwFF3NeblB8FaLiPct0jdcjP1UDS/bV2BPrC99g1jg3/KkdPAAAA/v/w/NfSUSN+5HSwO841gkmf4L3ee/kSAx34kl1b1NTJMSK6xlS0PVWI5iB4m+T2kIW6dPCqp4EgUfCK5cnfbwIJG6H6eiJnEHalvIxFANB6tJgNz3/GgSntQYe5ijnSORZkE/3lZq4x0Qb+Dvqs9C+nK8/+4/BxBP/ZKLP9uR5k1hf/0w4vw7YVt+kkFoM4W2LvV6GX2qbwsPGGcqRMuQNNXXWmZn2637KpOdazJmbEmuIm8oWoDd1hQxHPOFK44wRlf+jnTcRoIVlLUs1L6pLlWZ92QSb4IvalhyEF75+WarQp8WDn74Nc3VngIHuv+9QAaA2saknsvQTqMzVGegLfK57aL4Pa+Xu+kEm82Qx+VV8XKRb49R8H0cD/q88SLN4DQXN2/imqqLYAkKOU28IJFLzTvPTLVQLfXAGaZmVBOoNgrMgLUIRDCSY5T3qI7N3VVuH0tvzW/5jzSn2PIgxffOAOPmdbv7g1f034Y088x0v97gErkXzC1xQ0cfVWvQWrkW10mVqY5WZkwWOErsg+tDwd9TUkCIulHciriCg+cHOiB2rBcVzlYtOKgWYyp6DAA8TdXNgbSCPtyqMCDik/hzXrn9xKPhiXjXWCubXbobc/dY8nwOW8HlQRiJ/gOObXzKFvpOfl99EZc5g8A5x7PB/8dqE9f4bQvlV52KPQ+JZUxJRYxNDHP6r8J9qHQ9v8xjVDpVm53pJeBgKNOsVx1JXLxyh7eJTmaI7ge6aLXuZfo47HycDhye+jRYZQAAA="
25199                title="5a4eb94fc874b_citypetvetsnewlogo.png"
25200                alt=""
25201            >
25202        </picture>
25203    </a>
25204</wm-img>
25205    <!-- Menu:Navigation -->
25206<wm-menu id="a280b984-23f5-467a-831f-d95059390337" class="wmc wmc_menu wmcM_animateHover wmcM_menuHamburgerMobile wmcM_menuHamburgerTablet wmcM_menuHorizontalDesktop wmd_showMoreMenu"
25207    style="--zIndex:4;--widthMobile:50px;--widthTablet:50px;--widthDesktop:656.5px;--marginTopMobile:4.19px;--marginTopTablet:10.87px;--minHeightMobile:48px;--minHeightTablet:50px;--marginLeftMobile:0px;--marginLeftTablet:-2px;--marginTopDesktop:11.98px;--minHeightDesktop:50px;--marginLeftDesktop:253.5px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.00px;--marginBottomTablet:12.77px;--gridPositionDesktop:1;--marginBottomDesktop:-0.27px;
25207--hamburgerMenuIconColorTablet:rgba(var(--colorBwGradientB),1);--hamburgerTitleFontSizeMobile:36px;--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--hamburgerMenuIconColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavArrowColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavArrowSizeDesktop:24px;--hamburgerNavItemFontSizeMobile:36px;--hamburgerNavJustifySelfDesktop:left;--hamburgerTitleFontColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientA),1);--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--hamburgerTitleArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitlePaddingTopDesktop:8px;--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavBorderRadiusTablet:0px 0px 0px 0px;--horizontalNavSubItemFontDesktop:var(--fontFamilySecondary);--hamburgerNavItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubArrowColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerTitleArrowRotateDesktop:rotate(90deg);--hamburgerTitlePaddingLeftDesktop:16px;--horizontalNavArrowSpacingDesktop:4px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--hamburgerNavItemPaddingTopDesktop:8px;--hamburgerNavSeparatorColorDesktop:rgba(var(--colorPrimaryH),1);--hamburgerNavSubItemFontSizeMobile:24px;--hamburgerTitleBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerTitlePaddingRightDesktop:16px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubPaddingTopDesktop:0px;--verticalNavSeparatorHeightDesktop:1px;--hamburgerNavArrowColorHoverDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--hamburgerNavItemPaddingLeftDesktop:16px;--hamburgerNavSeparatorHeightDesktop:1px;--hamburgerTitlePaddingBottomDesktop:8px;--horizontalNavItemPaddingTopDesktop:12px;--horizontalNavSeparatorColorDesktop:rgba(4,14,15,1);--horizontalNavSeparatorWidthDesktop:2px;--horizontalNavSubPaddingLeftDesktop:0px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:block;--verticalNavSeparatorSpacingDesktop:20px;--hamburgerMenuIconActiveColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavArrowAutoSpacingDesktop:100%;--hamburgerNavItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavItemFontSizeHoverMobile:36px;--hamburgerNavItemPaddingRightDesktop:16px;--hamburgerNavSeparatorSpacingDesktop:24px;--hamburgerNavSubItemFontColorDesktop:rgba(var(--colorBwGradientB),1);--hamburgerSlideContainerWidthDesktop:700px;--hamburgerTitleBackgroundColorMobile:rgba(var(--colorBwGradientA),0);--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavItemPaddingLeftDesktop:12px;--horizontalNavSubItemFontSizeDesktop:16px;--horizontalNavSubPaddingRightDesktop:0px;--hamburgerNavItemPaddingBottomDesktop:8px;--hamburgerNavSubItemPaddingTopDesktop:8px;--hamburgerTitleBackgroundColorDesktop:rgba(0,0,0,0);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:12px;--horizontalNavSeparatorDisplayDesktop:none;--horizontalNavSeparatorSpacingDesktop:0px;--horizontalNavSubItemFontColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubPaddingBottomDesktop:0px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--hamburgerNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientB),1);--hamburgerNavSubItemPaddingLeftDesktop:16px;--horizontalNavItemPaddingBottomDesktop:12px;--horizontalNavSubItemPaddingTopDesktop:12px;--hamburgerNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemFontSizeHoverMobile:24px;--hamburgerNavSubItemPaddingRightDesktop:16px;--hamburgerNavSubSeparatorDisplayDesktop:none;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--colorBwGradientA),1);--horizontalNavSubItemPaddingLeftDesktop:12px;--hamburgerNavBackButtonPaddingTopDesktop:16px;--hamburgerNavSubItemHoverFontColorMobile:rgba(var(--colorPrimaryD),1);--hamburgerNavSubItemPaddingBottomDesktop:8px;
25207--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:12px;--hamburgerMenuIconActiveHoverColorDesktop:rgba(var(--colorPrimaryD),1);--hamburgerNavBackButtonPaddingLeftDesktop:16px;--hamburgerNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientB),1);--horizontalNavSubItemPaddingBottomDesktop:12px;--hamburgerNavBackButtonBorderBottomDesktop:1px solid rgba(var(--colorPrimaryH),1);--hamburgerNavBackButtonBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavBackButtonPaddingRightDesktop:16px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientA),1);--hamburgerNavBackButtonPaddingBottomDesktop:16px;--hamburgerNavSubItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBackgroundJ),1);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--hamburgerNavSubItemHoverBackgroundColorMobile:rgba(var(--colorBwGradientJ),0);--hamburgerNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryH),1);--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorBackgroundJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2F6%2F9%2F2%2Fd%2Fwm692d1804242e667c24372c9c468511de3474d1);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2Fa%2F8%2F6%2Fe%2Fwma86ed052b6dc7096340a1e26d001b340326079);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2Fd%2F4%2Fwm1ad45e74b7e8f03b24851676d8d73e17aaaadf);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F1%2Fe%2F9%2Fwmf1e986a44c63405380e03d88a9afcb0aa16c56);"
25208    data-parent-menu-to-submenu="false"
25209    data-more-menu="true"
25210    data-more-menu-text="More">
25211    <div class="wml">
25212        <div class="wms_content">
25213            <div class="navigation-module-container">
25214                <button class="hamburger-button">
25215                    <span class="hamburger-button-icon--container">
25216                        <span class="hamburger-button-icon"></span>
25217                        <span
25218                            class="hamburger-button-text visually-hidden"
25219                        >
25220                            
25221                            MENU
25222                        </span>
25223                    </span>
25224                </button>
25225                                    <nav class="navigation-nav">
25226                        <ul class="navigation-nav--main-menu">
25227                                                            <li class="navigation-nav--item">
25228    <a
25229        href="https://www.citypetsvets.com/"
25230        href="#"
25231            >
25232                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25233                About Us
25234    </a>
25235                        <button
25236                type="button"
25237                class="arrow"
25238                aria-label="Toggle About Us sub menu"
25239            ></button>
25240                <ul
25241            class="navigation-nav--sub-menu"
25242             id="a280b984-23f5-467a-831f-d95059390337-panel-0"         >
25243                            <li class="navigation-nav--sub-item">
25244    <a
25245        href="https://www.citypetsvets.com/who-are-we"
25246        href="#"
25247            >
25248                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25249                Who We Are
25250    </a>
25251                        <span class="arrow"></span>
25252                <ul
25253            class="navigation-nav--sub-menu"
25254                    >
25255                            <li class="navigation-nav--sub-item">
25256    <a
25257        href="https://www.citypetsvets.com/who-we-are/carida-fernandez-veterinary-technician"
25258        href="#"
25259            >
25260                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25261                Carida Fernandez - Veterinary Technician
25262    </a>
25263    </li>
25264                                    <li class="navigation-nav--separator">&nbsp;</li>
25265                                            <li class="navigation-nav--sub-item">
25266    <a
25267        href="https://www.citypetsvets.com/who-we-are/dr-amy-attas-founder"
25268        href="#"
25269            >
25270                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25271                Dr. Amy Attas - Founder
25272    </a>
25273    </li>
25274                                    <li class="navigation-nav--separator">&nbsp;</li>
25275                                            <li class="navigation-nav--sub-item">
25276    <a
25277        href="https://www.citypetsvets.com/who-we-are/dr-danielle-dalton-associate-veterinarian"
25278        href="#"
25279            >
25280                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25281                Dr. Danielle Dalton - Associate Veterinarian
25282    </a>
25283    </li>
25284                                    <li class="navigation-nav--separator">&nbsp;</li>
25285                                            <li class="navigation-nav--sub-item">
25286    <a
25287        href="https://www.citypetsvets.com/james-warbritton-practice-manager"
25288        href="#"
25289            >
25290                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25291                James Warbritton - Practice Manager
25292    </a>
25293    </li>
25294                                    <li class="navigation-nav--separator">&nbsp;</li>
25295                                            <li class="navigation-nav--sub-item">
25296    <a
25297        href="https://www.citypetsvets.com/who-we-are/jeanine-lunz-veterinary-technician"
25298        href="#"
25299            >
25300                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25301                Jeanine Lunz - Veterinary Technician
25302    </a>
25303    </li>
25304                                    <li class="navigation-nav--separator">&nbsp;</li>
25305                                            <li class="navigation-nav--sub-item">
25306    <a
25307        href="https://www.citypetsvets.com/elena-jones"
25308        href="#"
25309            >
25310                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25311                Elena Jones - Administrative Assistant
25312    </a>
25313    </li>
25314                                    </ul>
25315    </li>
25316                                    <li class="navigation-nav--separator">&nbsp;</li>
25317                                            <li class="navigation-nav--sub-item">
25318    <a
25319        href="https://www.citypetsvets.com/about-city-pets/see-what-our-clients-say"
25320        href="#"
25321            >
25322                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25323                See What Our Clients Say
25324    </a>
25325    </li>
25326                                    <li class="navigation-nav--separator">&nbsp;</li>
25327                                            <li class="navigation-nav--sub-item">
25328    <a
25329        href="https://www.citypetsvets.com/frequently-asked-questions"
25330        href="#"
25331            >
25332                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25333                FAQs
25334    </a>
25335    </li>
25336                                    <li class="navigation-nav--separator">&nbsp;</li>
25337                                            <li class="navigation-nav--sub-item">
25338    <a
25339        href="https://www.citypetsvets.com/mobile-veterinarian-in-manhattan-new-york-fb"
25340        href="#"
25341            >
25342                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25343                Mobile Veterinarian In Manhattan New York
25344    </a>
25345    </li>
25346                                    </ul>
25347    </li>
25348                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25349                                                                                            <li class="navigation-nav--item">
25350    <a
25351        href="https://www.citypetsvets.com/contact"
25352        href="#"
25353            >
25354                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25355                Contact Us
25356    </a>
25357                        <button
25358                type="button"
25359                class="arrow"
25360                aria-label="Toggle Contact Us sub menu"
25361            ></button>
25362                <ul
25363            class="navigation-nav--sub-menu"
25364             id="a280b984-23f5-467a-831f-d95059390337-panel-1"         >
25365                            <li class="navigation-nav--sub-item">
25366    <a
25367        href="https://www.citypetsvets.com/contact"
25368        href="#"
25369            >
25370                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25371                Make An Appointment
25372    </a>
25373    </li>
25374                                    </ul>
25375    </li>
25376                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25377                                                                                            <li class="navigation-nav--item">
25378    <a
25379        href="https://www.citypetsvets.com/house-call-overview"
25380        href="#"
25381            >
25382                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25383                Services
25384    </a>
25385                        <button
25386                type="button"
25387                class="arrow"
25388                aria-label="Toggle Services sub menu"
25389            ></button>
25390                <ul
25391            class="navigation-nav--sub-menu"
25392             id="a280b984-23f5-467a-831f-d95059390337-panel-2"         >
25393                            <li class="navigation-nav--sub-item">
25394    <a
25395        href="https://www.citypetsvets.com/house-call-overview"
25396        href="#"
25397            >
25398                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25399                House Call Overview
25400    </a>
25401                        <span class="arrow"></span>
25402                <ul
25403            class="navigation-nav--sub-menu"
25404                    >
25405                            <li class="navigation-nav--sub-item">
25406    <a
25407        href="https://www.citypetsvets.com/safe-house-calls"
25408        href="#"
25409            >
25410                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25411                Safe House Calls
25412    </a>
25413    </li>
25414                                    <li class="navigation-nav--separator">&nbsp;</li>
25415                                            <li class="navigation-nav--sub-item">
25416    <a
25417        href="https://www.citypetsvets.com/update-on-the-new-coronavirus-and-pets"
25418        href="#"
25419            >
25420                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25421                Update on the New Coronavirus and Pets
25422    </a>
25423    </li>
25424                                    </ul>
25425    </li>
25426                                    <li class="navigation-nav--separator">&nbsp;</li>
25427                                            <li class="navigation-nav--sub-item">
25428    <a
25429        href="https://www.citypetsvets.com/pet-dermatology"
25430        href="#"
25431            >
25432                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25433                Dermatology
25434    </a>
25435                        <span class="arrow"></span>
25436                <ul
25437            class="navigation-nav--sub-menu"
25438                    >
25439                            <li class="navigation-nav--sub-item">
25440    <a
25441        href="https://www.citypetsvets.com/dermatology-faqs"
25442        href="#"
25443            >
25444                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25445                Dermatology FAQs
25446    </a>
25447    </li>
25448                                    </ul>
25449    </li>
25450                                    <li class="navigation-nav--separator">&nbsp;</li>
25451                                            <li class="navigation-nav--sub-item">
25452    <a
25453        href="https://www.citypetsvets.com/what-we-do/in-home-pet-exams"
25454        href="#"
25455            >
25456                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25457                Exams
25458    </a>
25459    </li>
25460                                    <li class="navigation-nav--separator">&nbsp;</li>
25461                                            <li class="navigation-nav--sub-item">
25462    <a
25463        href="https://www.citypetsvets.com/what-we-do/laser-therapy-in-home"
25464        href="#"
25465            >
25466                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25467                Laser Therapy
25468    </a>
25469                        <span class="arrow"></span>
25470                <ul
25471            class="navigation-nav--sub-menu"
25472                    >
25473                            <li class="navigation-nav--sub-item">
25474    <a
25475        href="https://www.citypetsvets.com/pet-laser-therapy-faqs"
25476        href="#"
25477            >
25478                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25479                Pet Laser Therapy FAQs
25480    </a>
25481    </li>
25482                                    </ul>
25483    </li>
25484                                    <li class="navigation-nav--separator">&nbsp;</li>
25485                                            <li class="navigation-nav--sub-item">
25486    <a
25487        href="https://www.citypetsvets.com/what-we-do/in-home-pet-microchipping"
25488        href="#"
25489            >
25490                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25491                Microchipping
25492    </a>
25493    </li>
25494                                    <li class="navigation-nav--separator">&nbsp;</li>
25495                                            <li class="navigation-nav--sub-item">
25496    <a
25497        href="https://www.citypetsvets.com/parasite-prevention"
25498        href="#"
25499            >
25500                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25501                Parasite Prevention
25502    </a>
25503    </li>
25504                                    <li class="navigation-nav--separator">&nbsp;</li>
25505                                            <li class="navigation-nav--sub-item">
25506    <a
25507        href="https://www.citypetsvets.com/pet-cancer-treatment"
25508        href="#"
25509            >
25510                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25511                Pet Cancer Treatment
25512    </a>
25513                        <span class="arrow"></span>
25514                <ul
25515            class="navigation-nav--sub-menu"
25516                    >
25517                            <li class="navigation-nav--sub-item">
25518    <a
25519        
25520        href="#"
25521            >
25522                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25523                Pet Cancer Treatment FAQs
25524    </a>
25525    </li>
25526                                    </ul>
25527    </li>
25528                                    <li class="navigation-nav--separator">&nbsp;</li>
25529                                            <li class="navigation-nav--sub-item">
25530    <a
25531        href="https://www.citypetsvets.com/what-we-do/in-home-pet-euthanasia"
25532        href="#"
25533            >
25534                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25535                Pet Euthanasia
25536    </a>
25537                        <span class="arrow"></span>
25538                <ul
25539            class="navigation-nav--sub-menu"
25540                    >
25541                            <li class="navigation-nav--sub-item">
25542    <a
25543        href="https://www.citypetsvets.com/in-home-pet-euthanasia-faqs"
25544        href="#"
25545            >
25546                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25547                In Home Pet Euthanasia FAQs
25548    </a>
25549    </li>
25550                                    </ul>
25551    </li>
25552                                    <li class="navigation-nav--separator">&nbsp;</li>
25553                                            <li class="navigation-nav--sub-item">
25554    <a
25555        href="https://www.citypetsvets.com/what-we-do/in-home-sick-pet-treatment"
25556        href="#"
25557            >
25558                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25559                Sick Pet Treatment
25560    </a>
25561    </li>
25562                                    <li class="navigation-nav--separator">&nbsp;</li>
25563                                            <li class="navigation-nav--sub-item">
25564    <a
25565        href="https://www.citypetsvets.com/what-we-do/in-home-pet-travel-certification"
25566        href="#"
25567            >
25568                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25569                Travel Certifications
25570    </a>
25571                        <span class="arrow"></span>
25572                <ul
25573            class="navigation-nav--sub-menu"
25574                    >
25575                            <li class="navigation-nav--sub-item">
25576    <a
25577        href="https://www.citypetsvets.com/pet-travel-faqs"
25578        href="#"
25579            >
25580                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25581                Pet Travel FAQs
25582    </a>
25583    </li>
25584                                    </ul>
25585    </li>
25586                                    <li class="navigation-nav--separator">&nbsp;</li>
25587                                            <li class="navigation-nav--sub-item">
25588    <a
25589        href="https://www.citypetsvets.com/what-we-do/in-home-pet-vaccinations"
25590        href="#"
25591            >
25592                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25593                Vaccinations
25594    </a>
25595    </li>
25596                                    </ul>
25597    </li>
25598                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25599                                                                                            <li class="navigation-nav--item">
25600    <a
25601        href="https://www.citypetsvets.com/conditions-treated"
25602        href="#"
25603            >
25604                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25605                Conditions Treated
25606    </a>
25607                        <button
25608                type="button"
25609                class="arrow"
25610                aria-label="Toggle Conditions Treated sub menu"
25611            ></button>
25612                <ul
25613            class="navigation-nav--sub-menu"
25614             id="a280b984-23f5-467a-831f-d95059390337-panel-3"         >
25615                            <li class="navigation-nav--sub-item">
25616    <a
25617        href="https://www.citypetsvets.com/pet-allergies"
25618        href="#"
25619            >
25620                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25621                Allergies
25622    </a>
25623                        <span class="arrow"></span>
25624                <ul
25625            class="navigation-nav--sub-menu"
25626                    >
25627                            <li class="navigation-nav--sub-item">
25628    <a
25629        href="https://www.citypetsvets.com/allergy-faqs"
25630        href="#"
25631            >
25632                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25633                Allergy FAQs
25634    </a>
25635    </li>
25636                                    </ul>
25637    </li>
25638                                    <li class="navigation-nav--separator">&nbsp;</li>
25639                                            <li class="navigation-nav--sub-item">
25640    <a
25641        href="https://www.citypetsvets.com/arthritis-in-pets"
25642        href="#"
25643            >
25644                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25645                Arthritis
25646    </a>
25647    </li>
25648                                    <li class="navigation-nav--separator">&nbsp;</li>
25649                                            <li class="navigation-nav--sub-item">
25650    <a
25651        href="https://www.citypetsvets.com/asthma"
25652        href="#"
25653            >
25654                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25655                Asthma
25656    </a>
25657    </li>
25658                                    <li class="navigation-nav--separator">&nbsp;</li>
25659                                            <li class="navigation-nav--sub-item">
25660    <a
25661        href="https://www.citypetsvets.com/canine-cpr"
25662        href="#"
25663            >
25664                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25665                Canine CPR
25666    </a>
25667    </li>
25668                                    <li class="navigation-nav--separator">&nbsp;</li>
25669                                            <li class="navigation-nav--sub-item">
25670    <a
25671        
25672        href="#"
25673            >
25674                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25675                Canine Influenza
25676    </a>
25677                        <span class="arrow"></span>
25678                <ul
25679            class="navigation-nav--sub-menu"
25680                    >
25681                            <li class="navigation-nav--sub-item">
25682    <a
25683        href="https://www.citypetsvets.com/canine-influenza-update"
25684        href="#"
25685            >
25686                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25687                Canine Influenza Information
25688    </a>
25689    </li>
25690                                    <li class="navigation-nav--separator">&nbsp;</li>
25691                                            <li class="navigation-nav--sub-item">
25692    <a
25693        href="https://www.citypetsvets.com/canine-influenza-video"
25694        href="#"
25695            >
25696                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25697                Canine Influenza Video
25698    </a>
25699    </li>
25700                                    </ul>
25701    </li>
25702                                    <li class="navigation-nav--separator">&nbsp;</li>
25703                                            <li class="navigation-nav--sub-item">
25704    <a
25705        href="https://www.citypetsvets.com/pet-dehydration-and-heatstroke"
25706        href="#"
25707            >
25708                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25709                Dehydration &amp; Heatstroke
25710    </a>
25711    </li>
25712                                    <li class="navigation-nav--separator">&nbsp;</li>
25713                                            <li class="navigation-nav--sub-item">
25714    <a
25715        href="https://www.citypetsvets.com/caring-for-pets-with-diabetes"
25716        href="#"
25717            >
25718                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25719                Diabetic Care
25720    </a>
25721                        <span class="arrow"></span>
25722                <ul
25723            class="navigation-nav--sub-menu"
25724                    >
25725                            <li class="navigation-nav--sub-item">
25726    <a
25727        href="https://www.citypetsvets.com/pet-diabetes"
25728        href="#"
25729            >
25730                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25731                Pet Diabetes
25732    </a>
25733    </li>
25734                                    <li class="navigation-nav--separator">&nbsp;</li>
25735                                            <li class="navigation-nav--sub-item">
25736    <a
25737        href="https://www.citypetsvets.com/coughing-a-sneezing"
25738        href="#"
25739            >
25740                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25741                Coughing &amp; Sneezing
25742    </a>
25743    </li>
25744                                    <li class="navigation-nav--separator">&nbsp;</li>
25745                                            <li class="navigation-nav--sub-item">
25746    <a
25747        href="https://www.citypetsvets.com/how-to-give-an-insulin-injection"
25748        href="#"
25749            >
25750                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25751                Insulin Injection
25752    </a>
25753    </li>
25754                                    <li class="navigation-nav--separator">&nbsp;</li>
25755                                            <li class="navigation-nav--sub-item">
25756    <a
25757        href="https://www.citypetsvets.com/monitoring-diabetes-in-dogs-a-cats"
25758        href="#"
25759            >
25760                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25761                Monitoring
25762    </a>
25763    </li>
25764                                    </ul>
25765    </li>
25766                                    <li class="navigation-nav--separator">&nbsp;</li>
25767                                            <li class="navigation-nav--sub-item">
25768    <a
25769        href="https://www.goodrx.com/pet-health/pets/heartworm-medication" target="_blank"
25770        href="https://www.goodrx.com/pet-health/pets/heartworm-medication"
25771                    target="_blank" rel="noopener noreferrer"
25772            >
25773                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25774                Does My Pet Need Heartworm Medication?
25775    </a>
25776    </li>
25777                                    <li class="navigation-nav--separator">&nbsp;</li>
25778                                            <li class="navigation-nav--sub-item">
25779    <a
25780        href="https://www.citypetsvets.com/pet-ear-infections"
25781        href="#"
25782            >
25783                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25784                Ear Infections
25785    </a>
25786    </li>
25787                                    <li class="navigation-nav--separator">&nbsp;</li>
25788                                            <li class="navigation-nav--sub-item">
25789    <a
25790        href="https://www.citypetsvets.com/pet-food-recall"
25791        href="#"
25792            >
25793                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25794                Food Recalls
25795    </a>
25796    </li>
25797                                    <li class="navigation-nav--separator">&nbsp;</li>
25798                                            <li class="navigation-nav--sub-item">
25799    <a
25800        href="https://www.citypetsvets.com/lameness-a-limping"
25801        href="#"
25802            >
25803                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25804                Lameness &amp; Limping
25805    </a>
25806    </li>
25807                                    <li class="navigation-nav--separator">&nbsp;</li>
25808                                            <li class="navigation-nav--sub-item">
25809    <a
25810        href="https://www.citypetsvets.com/pet-seizure"
25811        href="#"
25812            >
25813                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25814                Seizures
25815    </a>
25816    </li>
25817                                    <li class="navigation-nav--separator">&nbsp;</li>
25818                                            <li class="navigation-nav--sub-item">
25819    <a
25820        href="https://www.citypetsvets.com/setting-up-subcutaneous-fluids-for-your-pet"
25821        href="#"
25822            >
25823                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25824                Subcutaneous Fluids
25825    </a>
25826    </li>
25827                                    <li class="navigation-nav--separator">&nbsp;</li>
25828                                            <li class="navigation-nav--sub-item">
25829    <a
25830        href="https://www.citypetsvets.com/tick-prevention"
25831        href="#"
25832            >
25833                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25834                Tick Prevention
25835    </a>
25836    </li>
25837                                    <li class="navigation-nav--separator">&nbsp;</li>
25838                                            <li class="navigation-nav--sub-item">
25839    <a
25840        href="https://www.citypetsvets.com/vomit-and-diarrhea"
25841        href="#"
25842            >
25843                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25844                Vomiting &amp; Diarrhea
25845    </a>
25846    </li>
25847                                    </ul>
25848    </li>
25849                                                                    <li class="navigation-nav--separator">&nbsp;</li>
25850                                                                                            <li class="navigation-nav--item">
25851    <a
25852        
25853        href="#"
25854            >
25855                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25856                City Pets Vets® in the News
25857    </a>
25858                        <button
25859                type="button"
25860                class="arrow"
25861                aria-label="Toggle City Pets Vets® in the News sub menu"
25862            ></button>
25863                <ul
25864            class="navigation-nav--sub-menu"
25865             id="a280b984-23f5-467a-831f-d95059390337-panel-4"         >
25866                            <li class="navigation-nav--sub-item">
25867    <a
25868        href="https://pix11.com/video/tips-for-keeping-your-dogs-cool-during-summer-heat/11973418/" target="_blank"
25869        href="https://pix11.com/video/tips-for-keeping-your-dogs-cool-during-summer-heat/11973418/"
25870                    target="_blank" rel="noopener noreferrer"
25871            >
25872                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25873                PIX11 News: Summer Tips to Keep Dogs Cool (2026)
25874    </a>
25875    </li>
25876                                    <li class="navigation-nav--separator">&nbsp;</li>
25877                                            <li class="navigation-nav--sub-item">
25878    <a
25879        href="https://www.today.com/video/how-to-prepare-your-home-as-a-safe-environment-for-pets-232476229607" target="_blank"
25880        href="https://www.today.com/video/how-to-prepare-your-home-as-a-safe-environment-for-pets-232476229607"
25881                    target="_blank" rel="noopener noreferrer"
25882            >
25883                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25884                Dr Amy on The Today Show
25885    </a>
25886    </li>
25887                                    <li class="navigation-nav--separator">&nbsp;</li>
25888                                            <li class="navigation-nav--sub-item">
25889    <a
25890        href="https://www.nytimes.com/2024/06/19/books/pets-and-the-city-amy-attas.html" target="_blank"
25891        href="https://www.nytimes.com/2024/06/19/books/pets-and-the-city-amy-attas.html"
25892                    target="_blank" rel="noopener noreferrer"
25893            >
25894                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25895                The NY Times: Pets and The City™ Review (2024)
25896    </a>
25897    </li>
25898                                    <li class="navigation-nav--separator">&nbsp;</li>
25899                                            <li class="navigation-nav--sub-item">
25900    <a
25901        href="https://nypost.com/2024/06/13/lifestyle/nyc-vet-to-the-stars-dishes-on-clients-including-naked-cher/" target="_blank"
25902        href="https://nypost.com/2024/06/13/lifestyle/nyc-vet-to-the-stars-dishes-on-clients-including-naked-cher/"
25903                    target="_blank" rel="noopener noreferrer"
25904            >
25905                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25906                NY Post: &quot;Vet to the Stars” (2024)
25907    </a>
25908    </li>
25909                                    <li class="navigation-nav--separator">&nbsp;</li>
25910                                            <li class="navigation-nav--sub-item">
25911    <a
25912        href="https://apnews.com/article/amy-attas-veterinarian-house-calls-pets-city-5fc3d81e2437cfa76dd53ecb66b9abf3" target="_blank"
25913        href="https://apnews.com/article/amy-attas-veterinarian-house-calls-pets-city-5fc3d81e2437cfa76dd53ecb66b9abf3"
25914                    target="_blank" rel="noopener noreferrer"
25915            >
25916                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25917                Assoc Press: &quot;A Memoir Full of Tails&quot; (2024)
25918    </a>
25919    </li>
25920                                    <li class="navigation-nav--separator">&nbsp;</li>
25921                                            <li class="navigation-nav--sub-item">
25922    <a
25923        href="https://www.homesandgardens.com/gardens/are-tulips-toxic-to-cats" target="_blank"
25924        href="https://www.homesandgardens.com/gardens/are-tulips-toxic-to-cats"
25925                    target="_blank" rel="noopener noreferrer"
25926            >
25927                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25928                Homes &amp; Gardens: Are Tulips Toxic to Cats? (2024)
25929    </a>
25930    </li>
25931                                    <li class="navigation-nav--separator">&nbsp;</li>
25932                                            <li class="navigation-nav--sub-item">
25933    <a
25934        href="https://www.akc.org/expert-advice/health/acepromazine-for-dogs/" target="_blank"
25935        href="https://www.akc.org/expert-advice/health/acepromazine-for-dogs/"
25936                    target="_blank" rel="noopener noreferrer"
25937            >
25938                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25939                AKC: &quot;Acepromazine for Dogs&quot; (2024)
25940    </a>
25941    </li>
25942                                    <li class="navigation-nav--separator">&nbsp;</li>
25943                                            <li class="navigation-nav--sub-item">
25944    <a
25945        href="https://www.akc.org/expert-advice/health/pedialyte-electrolytes-for-dogs/" target="_blank"
25946        href="https://www.akc.org/expert-advice/health/pedialyte-electrolytes-for-dogs/"
25947                    target="_blank" rel="noopener noreferrer"
25948            >
25949                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25950                AKC: &quot;Pedialyte (Electrolytes) for Dogs&quot; (2024)
25951    </a>
25952    </li>
25953                                    <li class="navigation-nav--separator">&nbsp;</li>
25954                                            <li class="navigation-nav--sub-item">
25955    <a
25956        href="https://www.greatpetcare.com/pet-news/woman-takes-dog-dna-test/" target="_blank"
25957        href="https://www.greatpetcare.com/pet-news/woman-takes-dog-dna-test/"
25958                    target="_blank" rel="noopener noreferrer"
25959            >
25960                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25961                GreatPetCare: &quot;Woman Takes Dog DNA Test&quot; (2024)
25962    </a>
25963    </li>
25964                                    <li class="navigation-nav--separator">&nbsp;</li>
25965                                            <li class="navigation-nav--sub-item">
25966    <a
25967        href="https://www.rover.com/blog/cat-separation-anxiety/" target="_blank"
25968        href="https://www.rover.com/blog/cat-separation-anxiety/"
25969                    target="_blank" rel="noopener noreferrer"
25970            >
25971                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25972                Rover: &quot;Separation Anxiety in Cats&quot; (2024)
25973    </a>
25974    </li>
25975                                    <li class="navigation-nav--separator">&nbsp;</li>
25976                                            <li class="navigation-nav--sub-item">
25977    <a
25978        href="https://www.akc.org/expert-advice/health/dog-probiotics-for-yeast" target="_blank"
25979        href="https://www.akc.org/expert-advice/health/dog-probiotics-for-yeast"
25980                    target="_blank" rel="noopener noreferrer"
25981            >
25982                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25983                AKC: &quot;Dog Probiotics For Yeast&quot; (Apr 2024)
25984    </a>
25985    </li>
25986                                    <li class="navigation-nav--separator">&nbsp;</li>
25987                                            <li class="navigation-nav--sub-item">
25988    <a
25989        href="https://www.akc.org/expert-advice/health/how-to-take-your-dog-s-temperature/" target="_blank"
25990        href="https://www.akc.org/expert-advice/health/how-to-take-your-dog-s-temperature/"
25991                    target="_blank" rel="noopener noreferrer"
25992            >
25993                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
25994                AKC: &quot;Taking Your Dog&#039;s Temp&quot; (2024)
25995    </a>
25996    </li>
25997                                    <li class="navigation-nav--separator">&nbsp;</li>
25998                                            <li class="navigation-nav--sub-item">
25999    <a
26000        href="https://www.akc.org/expert-advice/health/prozac-fluoxetine-for-dogs/" target="_blank"
26001        href="https://www.akc.org/expert-advice/health/prozac-fluoxetine-for-dogs/"
26002                    target="_blank" rel="noopener noreferrer"
26003            >
26004                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26005                AKC: &quot;Prozac for Dogs&quot; (2024)
26006    </a>
26007    </li>
26008                                    <li class="navigation-nav--separator">&nbsp;</li>
26009                                            <li class="navigation-nav--sub-item">
26010    <a
26011        href="https://www.rover.com/blog/can-my-dog-eat-table-scraps/" target="_blank"
26012        href="https://www.rover.com/blog/can-my-dog-eat-table-scraps/"
26013                    target="_blank" rel="noopener noreferrer"
26014            >
26015                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26016                Rover: Should I feed my dog human food? (2023)
26017    </a>
26018    </li>
26019                                    <li class="navigation-nav--separator">&nbsp;</li>
26020                                            <li class="navigation-nav--sub-item">
26021    <a
26022        href="https://apnews.com/article/marijuana-poisoning-dogs-95af84071acce3a08edf50c7d1fe19f8" target="_blank"
26023        href="https://apnews.com/article/marijuana-poisoning-dogs-95af84071acce3a08edf50c7d1fe19f8"
26024                    target="_blank" rel="noopener noreferrer"
26025            >
26026                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26027                AP News: &quot;Health Hazard - Discarded Joints&quot; (20...
26028    </a>
26029    </li>
26030                                    <li class="navigation-nav--separator">&nbsp;</li>
26031                                            <li class="navigation-nav--sub-item">
26032    <a
26033        href="https://my.vetmatrix.com/0012990/storage/app/media/documents/dr-amy-attas-people-magazine.pdf" target="_blank"
26034        href="https://my.vetmatrix.com/0012990/storage/app/media/documents/dr-amy-attas-people-magazine.pdf"
26035                    target="_blank" rel="noopener noreferrer"
26036            >
26037                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26038                People Magazine: &quot;Dr. Amy Teaches Pet Love&quot; (20...
26039    </a>
26040    </li>
26041                                    <li class="navigation-nav--separator">&nbsp;</li>
26042                                            <li class="navigation-nav--sub-item">
26043    <a
26044        href="//my.vetmatrix.com/0012990/storage/app/media/documents/veterinarian-who-pioneered-pet-house-calls-in-manhattan-marks-thirtieth-anniversary-times-square-chronicles.pdf" target="_blank"
26045        href="//my.vetmatrix.com/0012990/storage/app/media/documents/veterinarian-who-pioneered-pet-house-calls-in-manhattan-marks-thirtieth-anniversary-times-square-chronicles.pdf"
26046                    target="_blank" rel="noopener noreferrer"
26047            >
26048                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26049                T2C: &quot;City Pets Marks 30th Anniversary&quot; (Feb 20...
26050    </a>
26051    </li>
26052                                    <li class="navigation-nav--separator">&nbsp;</li>
26053                                            <li class="navigation-nav--sub-item">
26054    <a
26055        href="https://my.vetmatrix.com/0012990/storage/app/media/dr-amy-profiled-in-veterinary-practice-news-february-2023.pdf" target="_blank"
26056        href="https://my.vetmatrix.com/0012990/storage/app/media/dr-amy-profiled-in-veterinary-practice-news-february-2023.pdf"
26057                    target="_blank" rel="noopener noreferrer"
26058            >
26059                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26060                Vet Practice News: &quot;Dr. Amy Profiled (Feb 2023)
26061    </a>
26062    </li>
26063                                    <li class="navigation-nav--separator">&nbsp;</li>
26064                                            <li class="navigation-nav--sub-item">
26065    <a
26066        href="https://youtu.be/AK9uBi8aBJE" target="_blank"
26067        href="https://youtu.be/AK9uBi8aBJE"
26068                    target="_blank" rel="noopener noreferrer"
26069            >
26070                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26071                Good Day New York: &quot;Watch a House Call&quot; (2022)
26072    </a>
26073    </li>
26074                                    <li class="navigation-nav--separator">&nbsp;</li>
26075                                            <li class="navigation-nav--sub-item">
26076    <a
26077        href="https://youtu.be/gcXl9T1NlKA" target="_blank"
26078        href="https://youtu.be/gcXl9T1NlKA"
26079                    target="_blank" rel="noopener noreferrer"
26080            >
26081                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26082                Good Day New York: &quot;Gifting a Pet Correctly (20...
26083    </a>
26084    </li>
26085                                    <li class="navigation-nav--separator">&nbsp;</li>
26086                                            <li class="navigation-nav--sub-item">
26087    <a
26088        href="https://my.vetmatrix.com/0012990/storage/app/media/downtown-magazine.pdf" target="_blank"
26089        href="https://my.vetmatrix.com/0012990/storage/app/media/downtown-magazine.pdf"
26090                    target="_blank" rel="noopener noreferrer"
26091            >
26092                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26093                Downtown NYC: &quot;
26093Benefits of In-Home Care&quot; (2022)
26094    </a>
26095    </li>
26096                                    <li class="navigation-nav--separator">&nbsp;</li>
26097                                            <li class="navigation-nav--sub-item">
26098    <a
26099        href="https://www.westsiderag.com/2022/02/08/stray-voltage-is-shocking-dogs-on-city-sidewalks-and-streets-how-to-protect-your-pet-and-yourself" target="_blank"
26100        href="https://www.westsiderag.com/2022/02/08/stray-voltage-is-shocking-dogs-on-city-sidewalks-and-streets-how-to-protect-your-pet-and-yourself"
26101                    target="_blank" rel="noopener noreferrer"
26102            >
26103                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26104                West Side Rag: Dangers of Stray Voltage (Feb 20...
26105    </a>
26106    </li>
26107                                    </ul>
26108    </li>
26109                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26110                                                                                            <li class="navigation-nav--item">
26111    <a
26112        
26113        href="#"
26114            >
26115                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26116                Pets and the City™
26117    </a>
26118                        <button
26119                type="button"
26120                class="arrow"
26121                aria-label="Toggle Pets and the City™ sub menu"
26122            ></button>
26123                <ul
26124            class="navigation-nav--sub-menu"
26125             id="a280b984-23f5-467a-831f-d95059390337-panel-5"         >
26126                            <li class="navigation-nav--sub-item">
26127    <a
26128        href="https://www.citypetsvets.com/feline-safe-holidays"
26129        href="#"
26130            >
26131                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26132                Feline-Safe Holidays
26133    </a>
26134    </li>
26135                                    <li class="navigation-nav--separator">&nbsp;</li>
26136                                            <li class="navigation-nav--sub-item">
26137    <a
26138        href="https://www.citypetsvets.com/dressing-for-winter"
26139        href="#"
26140            >
26141                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26142                Dressing For Winter
26143    </a>
26144    </li>
26145                                    <li class="navigation-nav--separator">&nbsp;</li>
26146                                            <li class="navigation-nav--sub-item">
26147    <a
26148        href="https://www.citypetsvets.com/a-drug-to-help-pets-live-longer"
26149        href="#"
26150            >
26151                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26152                A Drug to Help Pets Live Longer
26153    </a>
26154    </li>
26155                                    <li class="navigation-nav--separator">&nbsp;</li>
26156                                            <li class="navigation-nav--sub-item">
26157    <a
26158        href="https://www.citypetsvets.com/stray-voltage"
26159        href="#"
26160            >
26161                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26162                Stray Voltage
26163    </a>
26164    </li>
26165                                    <li class="navigation-nav--separator">&nbsp;</li>
26166                                            <li class="navigation-nav--sub-item">
26167    <a
26168        href="https://www.citypetsvets.com/lilies-are-too-dangerous-to-be-beautiful"
26169        href="#"
26170            >
26171                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26172                Lilies Are Too Dangerous to Be Beautiful
26173    </a>
26174    </li>
26175                                    <li class="navigation-nav--separator">&nbsp;</li>
26176                                            <li class="navigation-nav--sub-item">
26177    <a
26178        href="https://www.citypetsvets.com/health-alerts/hot-weather-tips-from-dr-amy"
26179        href="#"
26180            >
26181                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26182                Summer Hot Weather Tips From Dr. Amy
26183    </a>
26184    </li>
26185                                    <li class="navigation-nav--separator">&nbsp;</li>
26186                                            <li class="navigation-nav--sub-item">
26187    <a
26188        href="https://www.citypetsvets.com/tips-for-cleaning-your-cat-or-dogs-teeth"
26189        href="#"
26190            >
26191                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26192                Teeth Cleaning Tips
26193    </a>
26194    </li>
26195                                    </ul>
26196    </li>
26197                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26198                                                                                            <li class="navigation-nav--item">
26199    <a
26200        href="https://www.citypetsvets.com/blog"
26201        href="#"
26202            >
26203                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26204                City Pets Vets® Blog
26205    </a>
26206                        <button
26207                type="button"
26208                class="arrow"
26209                aria-label="Toggle City Pets Vets® Blog sub menu"
26210            ></button>
26211                <ul
26212            class="navigation-nav--sub-menu"
26213             id="a280b984-23f5-467a-831f-d95059390337-panel-6"         >
26214                            <li class="navigation-nav--sub-item">
26215    <a
26216        href="https://www.citypetsvets.com/zzz-backup/veterinary-topics/article"
26217        href="#"
26218            >
26219                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26220                Featured Articles
26221    </a>
26222    </li>
26223                                    <li class="navigation-nav--separator">&nbsp;</li>
26224                                            <li class="navigation-nav--sub-item">
26225    <a
26226        href="https://www.citypetsvets.com/health-alerts/halloween-danger-chocolate"
26227        href="#"
26228            >
26229                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26230                Halloween Danger Chocolate
26231    </a>
26232    </li>
26233                                    <li class="navigation-nav--separator">&nbsp;</li>
26234                                            <li class="navigation-nav--sub-item">
26235    <a
26236        href="https://www.citypetsvets.com/holiday-danger-lilies-and-cats"
26237        href="#"
26238            >
26239                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26240                Holiday Danger: Lilies and Cats
26241    </a>
26242    </li>
26243                                    </ul>
26244    </li>
26245                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26246                                                                                            <li class="navigation-nav--item">
26247    <a
26248        href="https://www.citypetsvets.com/let-s-go-shopping"
26249        href="#"
26250            >
26251                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26252                Shop
26253    </a>
26254                        <button
26255                type="button"
26256                class="arrow"
26257                aria-label="Toggle Shop sub menu"
26258            ></button>
26259                <ul
26260            class="navigation-nav--sub-menu"
26261             id="a280b984-23f5-467a-831f-d95059390337-panel-7"         >
26262                            <li class="navigation-nav--sub-item">
26263    <a
26264        href="https://www.amazon.com/Pets-City-Tales-Manhattan-Veterinarian/dp/0593715675" target="_blank"
26265        href="https://www.amazon.com/Pets-City-Tales-Manhattan-Veterinarian/dp/0593715675"
26266                    target="_blank" rel="noopener noreferrer"
26267            >
26268                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26269                Book: Pets and the City™ by Dr. Amy Attas
26270    </a>
26271    </li>
26272                                    <li class="navigation-nav--separator">&nbsp;</li>
26273                                            <li class="navigation-nav--sub-item">
26274    <a
26275        href="https://www.citypetsvets.com/pets-and-the-city-t-shirt-order-form"
26276        href="#"
26277            >
26278                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26279                Pets and the City™ T-Shirt
26280    </a>
26281    </li>
26282                                    </ul>
26283    </li>
26284                                                                    <li class="navigation-nav--separator">&nbsp;</li>
26285                                                                                            <li class="navigation-nav--item">
26286    <a
26287        href="https://www.citypetsvets.com/rate-us"
26288        href="#"
26289            >
26290                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
26291                Leave Us A Review
26292    </a>
26293    </li>
26294                                                            
26295
26296
26297
26298
26299
26300
26301
26302                        </ul>
26303                    </nav>
26304                            </div>
26305        </div>
26306    </div>
26307</wm-menu>
26308    <!-- Button:CTA -->
26309<div id="a280b984-28c1-4219-83b3-8bbaa91bea89" class="wmc wmc_button wmcM_animateHover wmcM_noParentHover" style="--zIndex:2;--widthMobile:40px;--widthTablet:203px;--widthDesktop:212.79998016357422px;--bgColorDesktop:rgba(var(--colorCtaD),1);--flexGapDesktop:0px;--borderTopMobile:none;--borderTopTablet:none;--marginTopMobile:11.70px;--marginTopTablet:15.34px;--minHeightTablet:43px;--borderLeftMobile:none;--borderLeftTablet:none;--borderTopDesktop:none;--marginLeftMobile:226px;--marginLeftTablet:519px;--marginTopDesktop:31.81px;--minHeightDesktop:39.61249542236328px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--borderRightMobile:none;--borderRightTablet:none;--marginLeftDesktop:1067.012321472168px;--paddingLeftMobile:10px;
26309--paddingLeftTablet:10px;--paddingTopDesktop:0px;--bgColorMobileHover:rgba(var(--colorCtaE),1);--bgColorTabletHover:rgba(var(--colorCtaE),1);--borderBottomMobile:none;--borderBottomTablet:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.00px;--marginBottomTablet:12.77px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorCtaE),1);--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-0.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--flexDirectionDesktop:row;--paddingBottomDesktop:0px;--borderTopDesktopHover:none;--flexAlignItemsDesktop:center;--borderLeftDesktopHover:none;--borderRadiusMobileHover:0px 0px 0px 0px;--borderRadiusTabletHover:0px 0px 0px 0px;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:center;--transitionDurationMsDesktopHover:500;">
26310    <a href="https://www.citypetsvets.com/contact" class="wml wml_button">
26311        <span class="wms_background">
26312            <div class="wmc_color_layer "
26313    style=""
26314         data-animate-observe="a280b984-28c1-4219-83b3-8bbaa91bea89" >
26315</div>
26316        </span>
26317        <span class="wms_button">
26318            <!-- Button.Text:button_text -->
26319<span id="a280b984-26ee-4c6e-aaac-c7e7a6a305ec" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide--mobile wmcM_visuallyShow--tablet" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26320    <span class="wml">
26321        <p class="wmcM_paragraph3" style><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 500; --textColorDesktop: rgba(var(--colorBwGradientJ),1);">Book Appointment</span></p>
26322    </span>
26323</span>
26324            <!-- Button.Icon:button_icon -->
26325<span id="a280b984-25e5-48ba-bd3d-1405c45e188f" class="wmc wmc_icon wmc_buttonIcon wmcM_notEmpty--mobile wmcM_empty wmcM_empty--tablet" style="--iconColorMobile:rgba(var(--colorBwGradientJ),1);--iconColorTablet:rgba(var(--colorBwGradientA),1);--iconSizeDesktop:20px;--iconColorDesktop:rgba(var(--colorBwGradientJ),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeMobileHover:20px;--iconSizeTabletHover:20px;--iconColorMobileHover:rgba(var(--colorBwGradientJ),1);--iconColorTabletHover:rgba(var(--colorBwGradientA),1);--iconSizeDesktopHover:16px;--iconSizeMobileActive:20px;--iconSizeTabletActive:20px;--iconSizeDesktopActive:16px;">
26326    <span class="wml wml_icon">
26327        <i style="mask: url(https://storage.evona.app/w%2Fm%2Fb%2F4%2F7%2F8%2Fwmb4785680cd86ae8848615b8e9014d963b4c494) center / contain no-repeat"></i>
26328    </span>
26329</span>
26330        </span>
26331    </a>
26332</div>
26333    </div>
26334</section>
26335    </div>
26336</section>
26337    <!-- Placeholder:Untitled -->
26338    <!-- Wrapping layout:L3 interior page title Id:a280b984-2c7f-4892-aa30-f766ebfe2427 -->
26339<div id="a280b984-1593-4205-b3e3-e7311fb710df" class="wmc wmc_placeholder " style="--bgColorDesktop:rgba(var(--colorBackgroundJ),1);--gridPositionMobile:5;--gridPositionTablet:5;--gridPositionDesktop:5;" data-placeholder-content-id="a280b984-2c7f-4892-aa30-f766ebfe2427">
26340    <div class="wml wml_rows">
26341        <div class="wms_background">
26342            <div class="wmc_color_layer "
26343    style=""
26344         data-animate-observe="a280b984-1593-4205-b3e3-e7311fb710df" >
26345</div>
26346        </div>
26347        <!-- Section:Breadcrumbs -->
26348<section id="a280b984-3b3a-4381-864e-437e27bd44c1" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorPrimaryB),1);--minHeightMobile:108.515625px;--minHeightTablet:92.7578125px;--minHeightDesktop:86.09375px;--gridPositionMobile:2;--gridPositionDesktop:1;">
26349    <div class="wml wml_rows">
26350        <div class="wms_background">
26351            <div class="wmc_color_layer "
26352    style=""
26353         data-animate-observe="a280b984-3b3a-4381-864e-437e27bd44c1" >
26354</div>
26355        </div>
26356        <!-- Shelf:shelf_1 -->
26357<section id="a280b984-3a62-4678-9b42-6b34a3d5f9a8" class="wmc wmc_shelf wmcM_containerSizeFull" style="--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:64.515625px;--minHeightTablet:56.7578125px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.16px;--minHeightDesktop:130.375px;--borderLeftDesktop:none;--marginLeftDesktop:315px;
26357--borderBottomMobile:1px solid rgba(var(--colorBackgroundI),0);--borderBottomTablet:1px solid rgba(var(--colorBackgroundI),0);--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:44.00px;--marginBottomTablet:36.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:1;--marginBottomDesktop:-0.09px;">
26358    <div class="wml wml_rows">
26359        <div class="wms_background">
26360            <div class="wmc_color_layer "
26361    style=""
26362         data-animate-observe="a280b984-3a62-4678-9b42-6b34a3d5f9a8" >
26363</div>
26364        </div>
26365        <!-- Breadcrumb:breadcrumb_1 -->
26366<div id="a280b984-2e3d-4873-8e25-ee637543d5ff" class="wmc wmc_breadcrumb wmcM_breadcrumbHomeText wmcM_animateHover" style="--wmd_homeIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9);--wmd_delimiterIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F4%2Ff%2Fe%2Fwme4fedf61a4fd249acd53aa0da4c6c9463e7a36);--widthMobile:320px;--widthTablet:600px;--widthDesktop:1280px;--marginTopMobile:20.00px;--marginTopTablet:17.30px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:27.13px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:21.62px;--marginBottomTablet:16.55px;--gridPositionDesktop:1;--marginBottomDesktop:80.84px;--breadcrumbVerticalGap:8px;--breadcrumbHorizontalGap:4px;--breadcrumbItemFontDesktop:var(--fontFamilySecondary);--breadcrumbDelimiterIconColor:rgba(var(--colorBwGradientJ),1);--breadcrumbItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--breadcrumbDelimiterIconSizeDesktop:8px;--breadcrumbItemHoverFontColorDesktop:rgba(var(--colorBwGradientJ),1);--breadcrumbItemTextDecorationHoverDesktop:underline;">
26367    <div class="wml wml_breadcrumb">
26368        <span class="wmd_home wmd_homeIcon" style="--icon-url: url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9)">
26369    <a href="https://www.citypetsvets.com/" class="wmd__item">
26370        <span>
26371                            <i></i>
26372                    </span>
26373    </a>
26374</span>
26375<span class="wmd_home wmd_homeText">
26376    <a href="https://www.citypetsvets.com/" class="wmd__item">
26377        <span>
26378                            Home
26379                    </span>
26380    </a>
26381</span>
26382                            <span class="space-separator">&nbsp;</span>
26383            <span class="wmd_delimiterIcon wmd_delimiterIcon--first">
26384                <i></i>
26385            </span>
26386                                <span class="wmd__item">
26387                    Blog
26388            </span>
26389                        </div>
26390</div>
26391    </div>
26392</section>
26393    </div>
26394</section>
26395    <!-- Section:Page title -->
26396<section id="a280b984-3f87-4a53-8587-3c7c0d64316d" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBackgroundJ),1);--minHeightMobile:43.71875px;--minHeightTablet:55.921875px;--minHeightDesktop:95.2734375px;--gridPositionMobile:3;--gridPositionTablet:2;--gridPositionDesktop:3;">
26397    <div class="wml wml_rows">
26398        <div class="wms_background">
26399            <div class="wmc_color_layer "
26400    style=""
26401         data-animate-observe="a280b984-3f87-4a53-8587-3c7c0d64316d" >
26402</div>
26403        </div>
26404        <!-- Box:Pagetitlebox -->
26405<div id="a280b984-3e2a-4bdf-950f-6faf3b52c839" class="wmc wmc_box " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:594px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--marginTopMobile:-43.88px;--marginTopTablet:-35.72px;--minHeightMobile:109.75px;--minHeightTablet:92px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-54.08px;--minHeightDesktop:113.984375px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:35.40px;" >
26406    <div class="wml wml_box "
26407            >
26408        <svg class="wm_svgFilter">
26409    <filter id="wm_svgKnockoutFilter_a280b984-3e2a-4bdf-950f-6faf3b52c839" color-interpolation-filters="sRGB">
26410        <feComponentTransfer result="inverseA">
26411            <feFuncA type="table" tableValues="1 0"/>
26412        </feComponentTransfer>
26413        <feFlood flood-color="var(--bgColor)"/>
26414        <feComposite operator="in" in2="inverseA"/>
26415    </filter>
26416</svg>
26417<style>
26418    [id='a280b984-3e2a-4bdf-950f-6faf3b52c839'].wmcM_knockoutEffect .wms_content {
26419        filter: url(#wm_svgKnockoutFilter_a280b984-3e2a-4bdf-950f-6faf3b52c839);
26420    }
26421</style>
26422                <div class="wms_background">
26423            <div class="wmc_color_layer "
26424    style=""
26425         data-animate-observe="a280b984-3e2a-4bdf-950f-6faf3b52c839" >
26426</div>
26427        </div>
26428        <div class="wms_content wml_rows">
26429            <!-- Text:Pagetitle -->
26430<div id="a280b984-3c21-4085-a233-d9e1a4938cb8" class="wmc wmc_text " style="--widthMobile:306.5px;--widthTablet:700.5px;--widthDesktop:538px;--marginTopMobile:37.53px;--marginTopTablet:26.28px;--minHeightMobile:31.609375px;--minHeightTablet:41.015625px;--marginLeftMobile:13.5px;--marginLeftTablet:19.5px;--marginTopDesktop:33.98px;--minHeightDesktop:46px;--marginLeftDesktop:28px;
26430--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:37.03px;--marginBottomTablet:24.67px;--gridPositionDesktop:1;--marginBottomDesktop:33.98px;"
26431            >
26432    <div class="wml">
26433        <h1 class="wmcM_heading1" style><span style="--fontSizeDesktop: 1.875rem; --textColorDesktop: rgba(var(--colorBwGradientA),1); --fontFamily: var(--fontFamilyPrimary);">Blog</span></h1>
26434    </div>
26435</div>
26436        </div>
26437    </div>
26438</div>
26439    </div>
26440</section>
26441    <!-- Placeholder:Untitled -->
26442    <!-- Wrapping layout:L4 blog list Id:a280b967-173e-465b-b623-4a3fb74dd39e -->
26443<div id="a280b984-2d32-4c12-a643-6e566cbdb656" class="wmc wmc_placeholder " style="--bgColorDesktop:rgba(var(--colorBackgroundJ),1);--gridPositionMobile:5;--gridPositionTablet:5;--gridPositionDesktop:4;" data-placeholder-content-id="a280b967-173e-465b-b623-4a3fb74dd39e">
26444    <div class="wml wml_rows">
26445        <div class="wms_background">
26446            <div class="wmc_color_layer "
26447    style=""
26448         data-animate-observe="a280b984-2d32-4c12-a643-6e566cbdb656" >
26449</div>
26450        </div>
26451        <!-- Section:BlogList -->
26452<section id="a280b967-3ecf-4dca-aab8-c78125b827a8" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBackgroundJ),1);--minHeightMobile:697.734375px;--minHeightTablet:706.796875px;--minHeightDesktop:813.609375px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26453    <div class="wml wml_rows">
26454        <div class="wms_background">
26455            <div class="wmc_color_layer "
26456    style=""
26457         data-animate-observe="a280b967-3ecf-4dca-aab8-c78125b827a8" >
26458</div>
26459        </div>
26460        <!-- Shelf:ShelfBlog -->
26461<section id="a280b967-3dca-4ab3-a154-4475ecb2e0bd" class="wmc wmc_shelf wmcM_containerSizeFull--mobile" style="--marginTopMobile:0.15px;--marginTopTablet:38.09px;--minHeightMobile:643.5859375px;--minHeightTablet:648.6953125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.16px;--minHeightDesktop:813.453125px;--marginLeftDesktop:27px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:54.00px;--marginBottomTablet:20.02px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
26462    <div class="wml wml_rows">
26463        <div class="wms_background">
26464            <div class="wmc_color_layer "
26465    style=""
26466         data-animate-observe="a280b967-3dca-4ab3-a154-4475ecb2e0bd" >
26467</div>
26468        </div>
26469        <!-- Repeater:RepeaterBlog -->
26470<wm-repeater id="a280b967-3554-4e3a-9b62-50d4d732713c" class="wmc wmc_repeater wmi_repeatable wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:497px;--widthDesktop:1280px;--marginTopMobile:35.00px;--marginTopTablet:0.00px;--minHeightMobile:150px;--minHeightTablet:150px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:61.02px;--minHeightDesktop:676.0234375px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--repeaterRowGapDesktop:24px;--repeaterPaddingDesktop:0px;--repeaterColumnGapDesktop:20px;--repeaterItemsPerRowMobile:1;--repeaterItemsPerRowTablet:2;--repeaterJustifyContentDesktop:start;">
26471    <div class="wml wml_repeater">
26472        <div class="wms_background">
26473            <div class="wmc_color_layer "
26474    style=""
26475         data-animate-observe="a280b967-3554-4e3a-9b62-50d4d732713c" >
26476</div>
26477        </div>
26478        <div class="wms_repeater">
26479                                                            <!-- RepeaterItem:RepeaterBlog -->
26480<div
26481        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
26482        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
26483        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;
26483--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
26484        >
26485    <div class="wml wml_repeaterItem">
26486        <div class="wms_background">
26487            <div class="wmc_color_layer "
26488    style=""
26489         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
26490</div>
26491        </div>
26492        <div class="wms_content wml_rows">
26493            <!-- Image:BlogImage -->
26494<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
26495    <a href="https://www.citypetsvets.com/blog/post/bringing-veterinary-care-to-your-doorstep-in-manhattan" class="wml">
26496        <div class="wms_overlay"></div>
26497        <picture>
26498            <img
26499                loading="lazy"
26500                data-wm-src="/R/B/X/1/9/s/RBX19swAPhSvoRqx8WHwyUKAnkBqlw6yyEHvCWP9"
26501                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
26502                title="FPO—Image.png"
26503                alt="Image for position only "
26504            >
26505        </picture>
26506    </a>
26507</wm-img>
26508    <!-- Box:BoxText -->
26509<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
26510    <div class="wml wml_box "
26511            >
26512        <svg class="wm_svgFilter">
26513    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
26514        <feComponentTransfer result="inverseA">
26515            <feFuncA type="table" tableValues="1 0"/>
26516        </feComponentTransfer>
26517        <feFlood flood-color="var(--bgColor)"/>
26518        <feComposite operator="in" in2="inverseA"/>
26519    </filter>
26520</svg>
26521<style>
26522    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
26523        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
26524    }
26525</style>
26526                <div class="wms_background">
26527            <div class="wmc_color_layer "
26528    style=""
26529         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
26530</div>
26531        </div>
26532        <div class="wms_content wml_rows">
26533            <!-- Text:BlogDate -->
26534<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26535            >
26536    <div class="wml">
26537        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">February 4&comma; 2026&comma; 9&colon;24 AM</span></div>
26538    </div>
26539</div>
26540    <!-- Text:BlogTitle -->
26541<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
26542            >
26543    <div class="wml">
26544        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Bringing Veterinary Care to Your Doorstep in Manhattan</span></h2>
26545    </div>
26546</div>
26547    <!-- Text:BlogSummary -->
26548<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;
26548--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
26549            >
26550    <div class="wml">
26551        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">City life moves fast&comma; and your pet&rsquo;s care should never feel like a chore&period; At City Pets Vets&comma; our house call practice makes it easier to schedule professional veterinary care</span></div>
26552    </div>
26553</div>
26554    <!-- Button:BlogButton -->
26555<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
26555--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26556    <a href="https://www.citypetsvets.com/blog/post/bringing-veterinary-care-to-your-doorstep-in-manhattan" class="wml wml_button">
26557        <span class="wms_background">
26558            <div class="wmc_color_layer "
26559    style=""
26560         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
26561</div>
26562        </span>
26563        <span class="wms_button">
26564            <!-- Button.Text:button_text -->
26565<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26566    <span class="wml">
26567        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
26568    </span>
26569</span>
26570            <!-- Button.Icon:button_icon -->
26571<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
26572    <span class="wml wml_icon">
26573        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26574    </span>
26575</span>
26576        </span>
26577    </a>
26578</div>
26579        </div>
26580    </div>
26581</div>
26582        </div>
26583    </div>
26584</div>
26585                                    <!-- RepeaterItem:RepeaterBlog -->
26586<div
26587        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
26588        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
26589        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
26590        >
26591    <div class="wml wml_repeaterItem">
26592        <div class="wms_background">
26593            <div class="wmc_color_layer "
26594    style=""
26595         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
26596</div>
26597        </div>
26598        <div class="wms_content wml_rows">
26599            <!-- Image:BlogImage -->
26600<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
26601    <a href="https://www.citypetsvets.com/blog/post/the-ultimate-guide-to-understanding-and-preventing-flea-infestations" class="wml">
26602        <div class="wms_overlay"></div>
26603        <picture>
26604            <img
26605                loading="lazy"
26606                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1328767/heroimage0.079036001749199521.jpg"
26607                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
26608                title="FPO—Image.png"
26609                alt="Image for position only "
26610            >
26611        </picture>
26612    </a>
26613</wm-img>
26614    <!-- Box:BoxText -->
26615<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
26615--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
26616    <div class="wml wml_box "
26617            >
26618        <svg class="wm_svgFilter">
26619    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
26620        <feComponentTransfer result="inverseA">
26621            <feFuncA type="table" tableValues="1 0"/>
26622        </feComponentTransfer>
26623        <feFlood flood-color="var(--bgColor)"/>
26624        <feComposite operator="in" in2="inverseA"/>
26625    </filter>
26626</svg>
26627<style>
26628    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
26629        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
26630    }
26631</style>
26632                <div class="wms_background">
26633            <div class="wmc_color_layer "
26634    style=""
26635         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
26636</div>
26637        </div>
26638        <div class="wms_content wml_rows">
26639            <!-- Text:BlogDate -->
26640<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26641            >
26642    <div class="wml">
26643        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">June 6&comma; 2025&comma; 1&colon;45 AM</span></div>
26644    </div>
26645</div>
26646    <!-- Text:BlogTitle -->
26647<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
26648            >
26649    <div class="wml">
26650        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">The Ultimate Guide to Understanding and Preventing Flea Infestations</span></h2>
26651    </div>
26652</div>
26653    <!-- Text:BlogSummary -->
26654<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
26655            >
26656    <div class="wml">
26657        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Flea infestations are a significant concern for pet owners&comma; leading to discomfort for pets and potentially threatening their health&period; At City Pets Vets&reg;&comma; Manhattan&rsquo;s leading house call veterinary practice&comma; we</span></div>
26658    </div>
26659</div>
26660    <!-- Button:BlogButton -->
26661<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
26661--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26662    <a href="https://www.citypetsvets.com/blog/post/the-ultimate-guide-to-understanding-and-preventing-flea-infestations" class="wml wml_button">
26663        <span class="wms_background">
26664            <div class="wmc_color_layer "
26665    style=""
26666         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
26667</div>
26668        </span>
26669        <span class="wms_button">
26670            <!-- Button.Text:button_text -->
26671<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26672    <span class="wml">
26673        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
26674    </span>
26675</span>
26676            <!-- Button.Icon:button_icon -->
26677<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
26678    <span class="wml wml_icon">
26679        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26680    </span>
26681</span>
26682        </span>
26683    </a>
26684</div>
26685        </div>
26686    </div>
26687</div>
26688        </div>
26689    </div>
26690</div>
26691                                    <!-- RepeaterItem:RepeaterBlog -->
26692<div
26693        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
26694        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
26695        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
26696        >
26697    <div class="wml wml_repeaterItem">
26698        <div class="wms_background">
26699            <div class="wmc_color_layer "
26700    style=""
26701         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
26702</div>
26703        </div>
26704        <div class="wms_content wml_rows">
26705            <!-- Image:BlogImage -->
26706<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
26707    <a href="https://www.citypetsvets.com/blog/post/5-signs-it-may-be-time-to-see-a-veterinary-dermatologist" class="wml">
26708        <div class="wms_overlay"></div>
26709        <picture>
26710            <img
26711                loading="lazy"
26712                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1299721/heroimage0.635978001743141759.jpg"
26713                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
26714                title="FPO—Image.png"
26715                alt="Image for position only "
26716            >
26717        </picture>
26718    </a>
26719</wm-img>
26720    <!-- Box:BoxText -->
26721<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
26721--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
26722    <div class="wml wml_box "
26723            >
26724        <svg class="wm_svgFilter">
26725    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
26726        <feComponentTransfer result="inverseA">
26727            <feFuncA type="table" tableValues="1 0"/>
26728        </feComponentTransfer>
26729        <feFlood flood-color="var(--bgColor)"/>
26730        <feComposite operator="in" in2="inverseA"/>
26731    </filter>
26732</svg>
26733<style>
26734    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
26735        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
26736    }
26737</style>
26738                <div class="wms_background">
26739            <div class="wmc_color_layer "
26740    style=""
26741         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
26742</div>
26743        </div>
26744        <div class="wms_content wml_rows">
26745            <!-- Text:BlogDate -->
26746<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26747            >
26748    <div class="wml">
26749        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">March 27&comma; 2025&comma; 11&colon;02 PM</span></div>
26750    </div>
26751</div>
26752    <!-- Text:BlogTitle -->
26753<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
26754            >
26755    <div class="wml">
26756        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">5 Signs It May Be Time to See a Veterinary Dermatologist</span></h2>
26757    </div>
26758</div>
26759    <!-- Text:BlogSummary -->
26760<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
26761            >
26762    <div class="wml">
26763        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Dermatology Exam&NewLine;Your pet&rsquo;s skin and coat are important indicators of overall health&period; While some skin issues can be managed with routine care&comma; others may require expert attention&period; Since you are</span></div>
26764    </div>
26765</div>
26766    <!-- Button:BlogButton -->
26767<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
26767--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26768    <a href="https://www.citypetsvets.com/blog/post/5-signs-it-may-be-time-to-see-a-veterinary-dermatologist" class="wml wml_button">
26769        <span class="wms_background">
26770            <div class="wmc_color_layer "
26771    style=""
26772         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
26773</div>
26774        </span>
26775        <span class="wms_button">
26776            <!-- Button.Text:button_text -->
26777<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26778    <span class="wml">
26779        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
26780    </span>
26781</span>
26782            <!-- Button.Icon:button_icon -->
26783<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
26784    <span class="wml wml_icon">
26785        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26786    </span>
26787</span>
26788        </span>
26789    </a>
26790</div>
26791        </div>
26792    </div>
26793</div>
26794        </div>
26795    </div>
26796</div>
26797                                    <!-- RepeaterItem:RepeaterBlog -->
26798<div
26799        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
26800        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
26801        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
26802        >
26803    <div class="wml wml_repeaterItem">
26804        <div class="wms_background">
26805            <div class="wmc_color_layer "
26806    style=""
26807         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
26808</div>
26809        </div>
26810        <div class="wms_content wml_rows">
26811            <!-- Image:BlogImage -->
26812<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
26813    <a href="https://www.citypetsvets.com/blog/post/manhattan-pet-dental-care-maintaining-your-pets-pearly-whites" class="wml">
26814        <div class="wms_overlay"></div>
26815        <picture>
26816            <img
26817                loading="lazy"
26818                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1222511/heroimage0.958865001727708957.jpg"
26819                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
26820                title="FPO—Image.png"
26821                alt="Image for position only "
26822            >
26823        </picture>
26824    </a>
26825</wm-img>
26826    <!-- Box:BoxText -->
26827<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
26827--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
26828    <div class="wml wml_box "
26829            >
26830        <svg class="wm_svgFilter">
26831    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
26832        <feComponentTransfer result="inverseA">
26833            <feFuncA type="table" tableValues="1 0"/>
26834        </feComponentTransfer>
26835        <feFlood flood-color="var(--bgColor)"/>
26836        <feComposite operator="in" in2="inverseA"/>
26837    </filter>
26838</svg>
26839<style>
26840    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
26841        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
26842    }
26843</style>
26844                <div class="wms_background">
26845            <div class="wmc_color_layer "
26846    style=""
26847         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
26848</div>
26849        </div>
26850        <div class="wms_content wml_rows">
26851            <!-- Text:BlogDate -->
26852<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26853            >
26854    <div class="wml">
26855        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">September 30&comma; 2024&comma; 8&colon;09 AM</span></div>
26856    </div>
26857</div>
26858    <!-- Text:BlogTitle -->
26859<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
26860            >
26861    <div class="wml">
26862        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Manhattan Pet Dental Care&colon; Maintaining Your Pet&rsquo;s Pearly Whites</span></h2>
26863    </div>
26864</div>
26865    <!-- Text:BlogSummary -->
26866<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
26867            >
26868    <div class="wml">
26869        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Taking care of your pet&rsquo;s oral health is crucial in ensuring that your furry friend remains in peak physical health&period; At City Pets Vets&trade;&comma; we know that your pet&apos;s health</span></div>
26870    </div>
26871</div>
26872    <!-- Button:BlogButton -->
26873<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
26873--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26874    <a href="https://www.citypetsvets.com/blog/post/manhattan-pet-dental-care-maintaining-your-pets-pearly-whites" class="wml wml_button">
26875        <span class="wms_background">
26876            <div class="wmc_color_layer "
26877    style=""
26878         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
26879</div>
26880        </span>
26881        <span class="wms_button">
26882            <!-- Button.Text:button_text -->
26883<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26884    <span class="wml">
26885        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
26886    </span>
26887</span>
26888            <!-- Button.Icon:button_icon -->
26889<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
26890    <span class="wml wml_icon">
26891        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26892    </span>
26893</span>
26894        </span>
26895    </a>
26896</div>
26897        </div>
26898    </div>
26899</div>
26900        </div>
26901    </div>
26902</div>
26903                                    <!-- RepeaterItem:RepeaterBlog -->
26904<div
26905        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
26906        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
26907        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
26908        >
26909    <div class="wml wml_repeaterItem">
26910        <div class="wms_background">
26911            <div class="wmc_color_layer "
26912    style=""
26913         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
26914</div>
26915        </div>
26916        <div class="wms_content wml_rows">
26917            <!-- Image:BlogImage -->
26918<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
26919    <a href="https://www.citypetsvets.com/blog/post/the-importance-of-dental-cleaning-for-pets" class="wml">
26920        <div class="wms_overlay"></div>
26921        <picture>
26922            <img
26923                loading="lazy"
26924                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1215939/heroimage0.642781001727184262.jpg"
26925                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
26926                title="FPO—Image.png"
26927                alt="Image for position only "
26928            >
26929        </picture>
26930    </a>
26931</wm-img>
26932    <!-- Box:BoxText -->
26933<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
26933--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
26934    <div class="wml wml_box "
26935            >
26936        <svg class="wm_svgFilter">
26937    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
26938        <feComponentTransfer result="inverseA">
26939            <feFuncA type="table" tableValues="1 0"/>
26940        </feComponentTransfer>
26941        <feFlood flood-color="var(--bgColor)"/>
26942        <feComposite operator="in" in2="inverseA"/>
26943    </filter>
26944</svg>
26945<style>
26946    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
26947        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
26948    }
26949</style>
26950                <div class="wms_background">
26951            <div class="wmc_color_layer "
26952    style=""
26953         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
26954</div>
26955        </div>
26956        <div class="wms_content wml_rows">
26957            <!-- Text:BlogDate -->
26958<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
26959            >
26960    <div class="wml">
26961        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">September 24&comma; 2024&comma; 6&colon;24 AM</span></div>
26962    </div>
26963</div>
26964    <!-- Text:BlogTitle -->
26965<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
26966            >
26967    <div class="wml">
26968        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">The Importance of Dental Cleaning for Pets</span></h2>
26969    </div>
26970</div>
26971    <!-- Text:BlogSummary -->
26972<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
26973            >
26974    <div class="wml">
26975        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">As pet owners&comma; it&apos;s easy to overlook the fact that our pets need dental care just as much as we do&period; We may joke about their bad breath&comma; excuse their</span></div>
26976    </div>
26977</div>
26978    <!-- Button:BlogButton -->
26979<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
26979--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
26980    <a href="https://www.citypetsvets.com/blog/post/the-importance-of-dental-cleaning-for-pets" class="wml wml_button">
26981        <span class="wms_background">
26982            <div class="wmc_color_layer "
26983    style=""
26984         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
26985</div>
26986        </span>
26987        <span class="wms_button">
26988            <!-- Button.Text:button_text -->
26989<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
26990    <span class="wml">
26991        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
26992    </span>
26993</span>
26994            <!-- Button.Icon:button_icon -->
26995<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
26996    <span class="wml wml_icon">
26997        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
26998    </span>
26999</span>
27000        </span>
27001    </a>
27002</div>
27003        </div>
27004    </div>
27005</div>
27006        </div>
27007    </div>
27008</div>
27009                                    <!-- RepeaterItem:RepeaterBlog -->
27010<div
27011        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
27012        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
27013        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
27014        >
27015    <div class="wml wml_repeaterItem">
27016        <div class="wms_background">
27017            <div class="wmc_color_layer "
27018    style=""
27019         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
27020</div>
27021        </div>
27022        <div class="wms_content wml_rows">
27023            <!-- Image:BlogImage -->
27024<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
27025    <a href="https://www.citypetsvets.com/blog/post/pet-obesity-causes-risks-and-prevention" class="wml">
27026        <div class="wms_overlay"></div>
27027        <picture>
27028            <img
27029                loading="lazy"
27030                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1199945/heroimage0.250010001723474076.jpg"
27031                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
27032                title="FPO—Image.png"
27033                alt="Image for position only "
27034            >
27035        </picture>
27036    </a>
27037</wm-img>
27038    <!-- Box:BoxText -->
27039<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
27039--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
27040    <div class="wml wml_box "
27041            >
27042        <svg class="wm_svgFilter">
27043    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
27044        <feComponentTransfer result="inverseA">
27045            <feFuncA type="table" tableValues="1 0"/>
27046        </feComponentTransfer>
27047        <feFlood flood-color="var(--bgColor)"/>
27048        <feComposite operator="in" in2="inverseA"/>
27049    </filter>
27050</svg>
27051<style>
27052    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
27053        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
27054    }
27055</style>
27056                <div class="wms_background">
27057            <div class="wmc_color_layer "
27058    style=""
27059         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
27060</div>
27061        </div>
27062        <div class="wms_content wml_rows">
27063            <!-- Text:BlogDate -->
27064<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27065            >
27066    <div class="wml">
27067        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">August 12&comma; 2024&comma; 7&colon;47 AM</span></div>
27068    </div>
27069</div>
27070    <!-- Text:BlogTitle -->
27071<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27072            >
27073    <div class="wml">
27074        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Pet Obesity&colon; Causes&comma; Risks&comma; and Prevention</span></h2>
27075    </div>
27076</div>
27077    <!-- Text:BlogSummary -->
27078<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
27079            >
27080    <div class="wml">
27081        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Obesity is one of the most common health issues affecting pets today&period; Unfortunately&comma; carrying excess weight can lead to many health problems and risks for your furry friends&period; Understanding the</span></div>
27082    </div>
27083</div>
27084    <!-- Button:BlogButton -->
27085<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27085--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27086    <a href="https://www.citypetsvets.com/blog/post/pet-obesity-causes-risks-and-prevention" class="wml wml_button">
27087        <span class="wms_background">
27088            <div class="wmc_color_layer "
27089    style=""
27090         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
27091</div>
27092        </span>
27093        <span class="wms_button">
27094            <!-- Button.Text:button_text -->
27095<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27096    <span class="wml">
27097        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
27098    </span>
27099</span>
27100            <!-- Button.Icon:button_icon -->
27101<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
27102    <span class="wml wml_icon">
27103        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27104    </span>
27105</span>
27106        </span>
27107    </a>
27108</div>
27109        </div>
27110    </div>
27111</div>
27112        </div>
27113    </div>
27114</div>
27115                                    <!-- RepeaterItem:RepeaterBlog -->
27116<div
27117        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
27118        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
27119        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
27120        >
27121    <div class="wml wml_repeaterItem">
27122        <div class="wms_background">
27123            <div class="wmc_color_layer "
27124    style=""
27125         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
27126</div>
27127        </div>
27128        <div class="wms_content wml_rows">
27129            <!-- Image:BlogImage -->
27130<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
27131    <a href="https://www.citypetsvets.com/blog/post/decoding-pet-nutrition-for-manhattan-apartment-pets" class="wml">
27132        <div class="wms_overlay"></div>
27133        <picture>
27134            <img
27135                loading="lazy"
27136                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1173742/heroimage0.656272001718372968.jpg"
27137                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
27138                title="FPO—Image.png"
27139                alt="Image for position only "
27140            >
27141        </picture>
27142    </a>
27143</wm-img>
27144    <!-- Box:BoxText -->
27145<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
27145--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
27146    <div class="wml wml_box "
27147            >
27148        <svg class="wm_svgFilter">
27149    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
27150        <feComponentTransfer result="inverseA">
27151            <feFuncA type="table" tableValues="1 0"/>
27152        </feComponentTransfer>
27153        <feFlood flood-color="var(--bgColor)"/>
27154        <feComposite operator="in" in2="inverseA"/>
27155    </filter>
27156</svg>
27157<style>
27158    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
27159        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
27160    }
27161</style>
27162                <div class="wms_background">
27163            <div class="wmc_color_layer "
27164    style=""
27165         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
27166</div>
27167        </div>
27168        <div class="wms_content wml_rows">
27169            <!-- Text:BlogDate -->
27170<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27171            >
27172    <div class="wml">
27173        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">June 14&comma; 2024&comma; 6&colon;49 AM</span></div>
27174    </div>
27175</div>
27176    <!-- Text:BlogTitle -->
27177<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27178            >
27179    <div class="wml">
27180        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Decoding Pet Nutrition for Manhattan Apartment Pets</span></h2>
27181    </div>
27182</div>
27183    <!-- Text:BlogSummary -->
27184<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
27185            >
27186    <div class="wml">
27187        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">For pet owners living in Manhattan&comma; NYC&comma; apartments&comma; providing proper nutrition for their furry friends can be confusing&period; With some many pet foods out there&comma; owners might need to educate</span></div>
27188    </div>
27189</div>
27190    <!-- Button:BlogButton -->
27191<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27191--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27192    <a href="https://www.citypetsvets.com/blog/post/decoding-pet-nutrition-for-manhattan-apartment-pets" class="wml wml_button">
27193        <span class="wms_background">
27194            <div class="wmc_color_layer "
27195    style=""
27196         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
27197</div>
27198        </span>
27199        <span class="wms_button">
27200            <!-- Button.Text:button_text -->
27201<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27202    <span class="wml">
27203        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
27204    </span>
27205</span>
27206            <!-- Button.Icon:button_icon -->
27207<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
27208    <span class="wml wml_icon">
27209        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27210    </span>
27211</span>
27212        </span>
27213    </a>
27214</div>
27215        </div>
27216    </div>
27217</div>
27218        </div>
27219    </div>
27220</div>
27221                                    <!-- RepeaterItem:RepeaterBlog -->
27222<div
27223        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
27224        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
27225        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
27226        >
27227    <div class="wml wml_repeaterItem">
27228        <div class="wms_background">
27229            <div class="wmc_color_layer "
27230    style=""
27231         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
27232</div>
27233        </div>
27234        <div class="wms_content wml_rows">
27235            <!-- Image:BlogImage -->
27236<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
27237    <a href="https://www.citypetsvets.com/blog/post/essential-vaccinations-for-your-pet-in-manhattan_2" class="wml">
27238        <div class="wms_overlay"></div>
27239        <picture>
27240            <img
27241                loading="lazy"
27242                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1154099/heroimage0.661987001714591375.jpg"
27243                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
27244                title="FPO—Image.png"
27245                alt="Image for position only "
27246            >
27247        </picture>
27248    </a>
27249</wm-img>
27250    <!-- Box:BoxText -->
27251<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
27251--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
27252    <div class="wml wml_box "
27253            >
27254        <svg class="wm_svgFilter">
27255    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
27256        <feComponentTransfer result="inverseA">
27257            <feFuncA type="table" tableValues="1 0"/>
27258        </feComponentTransfer>
27259        <feFlood flood-color="var(--bgColor)"/>
27260        <feComposite operator="in" in2="inverseA"/>
27261    </filter>
27262</svg>
27263<style>
27264    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
27265        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
27266    }
27267</style>
27268                <div class="wms_background">
27269            <div class="wmc_color_layer "
27270    style=""
27271         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
27272</div>
27273        </div>
27274        <div class="wms_content wml_rows">
27275            <!-- Text:BlogDate -->
27276<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27277            >
27278    <div class="wml">
27279        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">May 1&comma; 2024&comma; 12&colon;22 PM</span></div>
27280    </div>
27281</div>
27282    <!-- Text:BlogTitle -->
27283<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27284            >
27285    <div class="wml">
27286        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Essential Vaccinations for Your Pet in Manhattan</span></h2>
27287    </div>
27288</div>
27289    <!-- Text:BlogSummary -->
27290<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
27291            >
27292    <div class="wml">
27293        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Essential Vaccinations for Your Pet in Manhattan&NewLine;As a pet owner&comma; your top priority is protecting your pet&rsquo;s health and well-being&period; Pet vaccinations are essential to pet wellness and safety&period; Vaccinations</span></div>
27294    </div>
27295</div>
27296    <!-- Button:BlogButton -->
27297<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27297--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27298    <a href="https://www.citypetsvets.com/blog/post/essential-vaccinations-for-your-pet-in-manhattan_2" class="wml wml_button">
27299        <span class="wms_background">
27300            <div class="wmc_color_layer "
27301    style=""
27302         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
27303</div>
27304        </span>
27305        <span class="wms_button">
27306            <!-- Button.Text:button_text -->
27307<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27308    <span class="wml">
27309        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
27310    </span>
27311</span>
27312            <!-- Button.Icon:button_icon -->
27313<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
27314    <span class="wml wml_icon">
27315        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27316    </span>
27317</span>
27318        </span>
27319    </a>
27320</div>
27321        </div>
27322    </div>
27323</div>
27324        </div>
27325    </div>
27326</div>
27327                                    <!-- RepeaterItem:RepeaterBlog -->
27328<div
27329        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
27330        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
27331        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
27332        >
27333    <div class="wml wml_repeaterItem">
27334        <div class="wms_background">
27335            <div class="wmc_color_layer "
27336    style=""
27337         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
27338</div>
27339        </div>
27340        <div class="wms_content wml_rows">
27341            <!-- Image:BlogImage -->
27342<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
27343    <a href="https://www.citypetsvets.com/blog/post/caring-for-aging-pets" class="wml">
27344        <div class="wms_overlay"></div>
27345        <picture>
27346            <img
27347                loading="lazy"
27348                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1152186/heroimage0.352268001714503168.jpg"
27349                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
27350                title="FPO—Image.png"
27351                alt="Image for position only "
27352            >
27353        </picture>
27354    </a>
27355</wm-img>
27356    <!-- Box:BoxText -->
27357<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
27357--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
27358    <div class="wml wml_box "
27359            >
27360        <svg class="wm_svgFilter">
27361    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
27362        <feComponentTransfer result="inverseA">
27363            <feFuncA type="table" tableValues="1 0"/>
27364        </feComponentTransfer>
27365        <feFlood flood-color="var(--bgColor)"/>
27366        <feComposite operator="in" in2="inverseA"/>
27367    </filter>
27368</svg>
27369<style>
27370    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
27371        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
27372    }
27373</style>
27374                <div class="wms_background">
27375            <div class="wmc_color_layer "
27376    style=""
27377         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
27378</div>
27379        </div>
27380        <div class="wms_content wml_rows">
27381            <!-- Text:BlogDate -->
27382<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27383            >
27384    <div class="wml">
27385        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">April 30&comma; 2024&comma; 11&colon;52 AM</span></div>
27386    </div>
27387</div>
27388    <!-- Text:BlogTitle -->
27389<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27390            >
27391    <div class="wml">
27392        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Caring for Aging Pets</span></h2>
27393    </div>
27394</div>
27395    <!-- Text:BlogSummary -->
27396<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
27397            >
27398    <div class="wml">
27399        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Caring for Aging Pets&NewLine;Our furry friends are cherished members of the family&period; Similarly to aging relatives&comma; our pets&apos; needs change as they age&period; Recognizing these changing requirements is crucial to</span></div>
27400    </div>
27401</div>
27402    <!-- Button:BlogButton -->
27403<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27403--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27404    <a href="https://www.citypetsvets.com/blog/post/caring-for-aging-pets" class="wml wml_button">
27405        <span class="wms_background">
27406            <div class="wmc_color_layer "
27407    style=""
27408         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
27409</div>
27410        </span>
27411        <span class="wms_button">
27412            <!-- Button.Text:button_text -->
27413<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27414    <span class="wml">
27415        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
27416    </span>
27417</span>
27418            <!-- Button.Icon:button_icon -->
27419<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
27420    <span class="wml wml_icon">
27421        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27422    </span>
27423</span>
27424        </span>
27425    </a>
27426</div>
27427        </div>
27428    </div>
27429</div>
27430        </div>
27431    </div>
27432</div>
27433                                    <!-- RepeaterItem:RepeaterBlog -->
27434<div
27435        id="a280b967-32c1-4fa6-aac8-7213d9afa283"
27436        class="wmc wmc_repeaterItem wmi_repeatableItem wmcM_animateEntry wmcM_animateEntry--fade-in-desktop wmcM_animateHover"
27437        style="--widthMobile:360px;--widthTablet:336px;--widthDesktop:393.5px;--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:434.09375px;--minHeightTablet:425.6953125px;--borderTopDesktop:none;--minHeightDesktop:584.4375px;--borderLeftDesktop:none;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomTablet:338.09375px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:-328.40521240234375px;--opacityDesktopEntry:0;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:800;"
27438        >
27439    <div class="wml wml_repeaterItem">
27440        <div class="wms_background">
27441            <div class="wmc_color_layer "
27442    style=""
27443         data-animate-observe="a280b967-32c1-4fa6-aac8-7213d9afa283" >
27444</div>
27445        </div>
27446        <div class="wms_content wml_rows">
27447            <!-- Image:BlogImage -->
27448<wm-img id="a280b967-1982-447b-82c7-9105b30a3030"  class="wmc wmc_image wmcM_containerSizeFull--tablet wmcM_containerSizeFull--mobile wmcM_containerSizeFull" style="--zIndex:1;--widthMobile:300px;--widthTablet:200px;--heightMobile:233px;--heightTablet:200px;--widthDesktop:394px;--heightDesktop:289.984375px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--aspectRatioMobile:360 / 233;--marginLeftDesktop:0px;--aspectRatioDesktop:394 / 290;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;;">
27449    <a href="https://www.citypetsvets.com/blog/post/essential-vaccinations-for-your-pet-in-manhattan" class="wml">
27450        <div class="wms_overlay"></div>
27451        <picture>
27452            <img
27453                loading="lazy"
27454                data-wm-src="https://portal.vetmatrixbase.com/user-uploads/article_manager/12819/1151898/heroimage0.904030001714399074.jpg"
27455                                src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4WAoAAAAQAAAAPwAAKQAAQUxQSBkAAAABF9D/iAgQCZDoSP3/hkqM6P8EfLShfvkJAFZQOCB2AAAA8AUAnQEqQAAqAD5tKpBFpCKhmASsQAbEtIAAPlVdqhxAdyZgrpTHOLnmckGcT0deRhZcQFZPMgAA/vWrhgRAsMYWdhew9Nlvpk59pCwHCf8bjj51S6cWoX14MJwYnUMk43DLNJJHKAyxayMlwq8oqzAdTNTgAA=="
27456                title="FPO—Image.png"
27457                alt="Image for position only "
27458            >
27459        </picture>
27460    </a>
27461</wm-img>
27462    <!-- Box:BoxText -->
27463<div id="a280b967-319d-43e7-b57b-a40685a2d10e" class="wmc wmc_box wmcM_containerSizeContainer--tablet wmcM_containerSizeContainer--mobile" style="--zIndex:2;--widthMobile:320px;--widthTablet:305px;--widthDesktop:355px;--marginTopMobile:0.00px;--marginTopTablet:-0.36px;--minHeightMobile:201.09375px;--minHeightTablet:383.21875px;--marginLeftMobile:0px;--marginLeftTablet:15.5px;--marginTopDesktop:21.98px;--minHeightDesktop:217.48333740234375px;--marginLeftDesktop:20px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:30.02px;
27463--gridPositionDesktop:2;--marginBottomDesktop:35.35px;" >
27464    <div class="wml wml_box "
27465            >
27466        <svg class="wm_svgFilter">
27467    <filter id="wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e" color-interpolation-filters="sRGB">
27468        <feComponentTransfer result="inverseA">
27469            <feFuncA type="table" tableValues="1 0"/>
27470        </feComponentTransfer>
27471        <feFlood flood-color="var(--bgColor)"/>
27472        <feComposite operator="in" in2="inverseA"/>
27473    </filter>
27474</svg>
27475<style>
27476    [id='a280b967-319d-43e7-b57b-a40685a2d10e'].wmcM_knockoutEffect .wms_content {
27477        filter: url(#wm_svgKnockoutFilter_a280b967-319d-43e7-b57b-a40685a2d10e);
27478    }
27479</style>
27480                <div class="wms_background">
27481            <div class="wmc_color_layer "
27482    style=""
27483         data-animate-observe="a280b967-319d-43e7-b57b-a40685a2d10e" >
27484</div>
27485        </div>
27486        <div class="wms_content wml_rows">
27487            <!-- Text:BlogDate -->
27488<div id="a280b967-213a-4106-bd2e-ea6e552c49ed" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.00px;--marginTopTablet:18.08px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:1.45px;--minHeightDesktop:24px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
27489            >
27490    <div class="wml">
27491        <div style class="wmcM_paragraph3"><span style="--textColorDesktop: rgba(var(--colorBwGradientF),1)">April 29&comma; 2024&comma; 6&colon;57 AM</span></div>
27492    </div>
27493</div>
27494    <!-- Text:BlogTitle -->
27495<div id="a280b967-2444-4350-a689-1fae51dfd11c" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:1.00px;--marginTopTablet:9.02px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:7.04px;--minHeightDesktop:34.0078125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
27496            >
27497    <div class="wml">
27498        <h2 class="wmcM_heading1" style="--lineHeightDesktop: 0.7;"><span style="--fontSizeDesktop: 1.75rem; --fontWeightDesktop: 700;">Essential Vaccinations for Your Pet in Manhattan</span></h2>
27499    </div>
27500</div>
27501    <!-- Text:BlogSummary -->
27502<div id="a280b967-2688-404f-90d0-35800d81b6d3" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:280px;--widthTablet:196px;--widthDesktop:355px;--marginTopMobile:17.80px;--marginTopTablet:17.41px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:24.83px;--minHeightDesktop:100.109375px;--marginLeftDesktop:3px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;"
27503            >
27504    <div class="wml">
27505        <div style="--lineHeightDesktop: 1.3;" class="wmcM_paragraph3"><span style="--fontSizeDesktop: 1.125rem; --textColorDesktop: rgba(var(--colorBwGradientD),1)">Essential Vaccinations for Your Pet in Manhattan&NewLine;Your top priority as a pet owner is protecting your pet&rsquo;s health and well-being&period; Pet vaccinations are essential to pet wellness and safety&period; These</span></div>
27506    </div>
27507</div>
27508    <!-- Button:BlogButton -->
27509<div id="a280b967-305f-4159-9987-9b22c1f9f763" class="wmc wmc_button wmcM_animateHover wmcM_containerSizeFull" style="--widthMobile:295px;--widthTablet:305px;--widthDesktop:338px;--bgColorDesktop:rgba(var(--colorPrimaryC),0);--flexGapDesktop:4px;--marginTopMobile:11.02px;--marginTopTablet:18.94px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:4.23px;--minHeightDesktop:40.796875px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:21.69px;--marginBottomTablet:0.00px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
27509--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorPrimaryB),0);--borderBottomDesktop:none;--borderRadiusDesktop:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--gridPositionDesktop:4;--marginBottomDesktop:-0.52px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius) var(--wm_maxBorderRadius);--flexJustifyContentTablet:start;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
27510    <a href="https://www.citypetsvets.com/blog/post/essential-vaccinations-for-your-pet-in-manhattan" class="wml wml_button">
27511        <span class="wms_background">
27512            <div class="wmc_color_layer "
27513    style=""
27514         data-animate-observe="a280b967-305f-4159-9987-9b22c1f9f763" >
27515</div>
27516        </span>
27517        <span class="wms_button">
27518            <!-- Button.Text:button_text -->
27519<span id="a280b967-2dff-4726-bd89-f5429a6fdef2" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27520    <span class="wml">
27521        <p class="wmcM_paragraph4" style><span style="--fontSizeDesktop: 1.125rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorPrimaryE),1);">Read More</span></p>
27522    </span>
27523</span>
27524            <!-- Button.Icon:button_icon -->
27525<span id="a280b967-2b3c-41a9-98f3-8d7abdf4c45d" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryE),1);--iconSizeDesktopActive:16px;">
27526    <span class="wml wml_icon">
27527        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27528    </span>
27529</span>
27530        </span>
27531    </a>
27532</div>
27533        </div>
27534    </div>
27535</div>
27536        </div>
27537    </div>
27538</div>
27539                                    </div>
27540    </div>
27541</wm-repeater>
27542    <!-- Paginator:BlogPaginator -->
27543<div id="a280b986-4aaa-4e8a-8c77-f49ff0d37dba" class="wmc wmc_paginator " style="--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F2%2F1%2F7%2F0%2Fwm2170fa253c2e31e265c7b09a876adfbf970b23);--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:77.00px;--marginTopTablet:88.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:75.95px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:23.09px;--marginBottomTablet:41.00px;--gridPositionDesktop:2;--marginBottomDesktop:50.01px;--paginatorLinkBgColorDesktop:rgba(var(--colorBackgroundI),0);--paginatorLinkBorderTopDesktop:1px solid rgba(var(--colorBwGradientA),0.28);--paginatorCurrentBgColorDesktop:rgba(var(--colorBackgroundI),0.72);--paginatorLinkBorderLeftDesktop:1px solid rgba(var(--colorBwGradientA),0.28);--paginatorLinkBorderRightDesktop:1px solid rgba(var(--colorBwGradientA),0.28);--paginatorCurrentTextColorDesktop:rgba(var(--colorBwGradientA),1);--paginatorLinkBorderBottomDesktop:1px solid rgba(var(--colorBwGradientA),0.28);--paginatorLinkBorderRadiusDesktop:0px 0px 0px 0px;">
27544    <div class="wml wml_paginator">
27545        <wm-paginator
27546            class="paginator-pagination"
27547            aria-label="Pagination"
27548            data-current-page="1"
27549            data-total-pages="3"
27550            data-strategy="fit"
27551        >
27552            <div class="paginator-pagination__controls">
27553                <div class="paginator-pagination__cluster">
27554                    <div class="paginator-pagination__nav" data-pagination-nav="first">
27555                                                    <span class="paginator-link paginator-link--edge-first paginator-link--disabled" aria-disabled="true" tabindex="-1">«</span>
27556                                            </div>
27557
27558                    <div class="paginator-pagination__nav" data-pagination-nav="prev">
27559                                                    <span class="paginator-link paginator-link--edge-prev paginator-link--disabled" aria-disabled="true" tabindex="-1">‹</span>
27560                                            </div>
27561
27562                    <div class="paginator-pagination__fit-group" data-pagination-fit-group>
27563                        <div class="paginator-pagination__pages" data-pagination-pages>
27564                                                                                                                            <span
27565                                        class="paginator-link paginator-link--page paginator-link--current"
27566                                        data-pagination-page
27567                                        data-page="1"
27568                                        aria-current="page"
27569                                        tabindex="0"
27570                                                                            >1</span>
27571                                                                                                                                <span
27572                                        class="paginator-link paginator-link--page paginator-link--disabled"
27573                                        data-pagination-page
27574                                        data-page="2"
27575                                        tabindex="-1"
27576                                                                            >2</span>
27577                                                                                                                                <span
27578                                        class="paginator-link paginator-link--page paginator-link--disabled"
27579                                        data-pagination-page
27580                                        data-page="3"
27581                                        tabindex="-1"
27582                                                                            >3</span>
27583                                                                                    </div>
27584                    </div>
27585
27586                    <div class="paginator-pagination-picker-wrap" data-pagination-picker>
27587                        <button
27588                            type="button"
27589                            class="paginator-link paginator-link--picker"
27590                            data-pagination-picker-trigger
27591                            popovertarget="paginator-picker-ceabc386"
27592                            aria-haspopup="menu"
27593                            aria-controls="paginator-picker-ceabc386"
27594                            aria-expanded="false"
27595                            aria-label="Page 1 of 3, choose page"
27596                        >
27597                            <span class="paginator-picker-label">Page 1 of 3</span>
27598                            <span class="arrow" aria-hidden="true"></span>
27599                        </button>
27600                        <div
27601                            id="paginator-picker-ceabc386"
27602                            class="paginator-pagination-popover"
27603                            popover="auto"
27604                            role="menu"
27605                            data-pagination-picker-popover
27606                            aria-label="All pages"
27607                        >
27608                            <div class="paginator-pagination-popover__scroll">
27609                                                                                                                                            <span class="paginator-popover-link paginator-popover-link--current" role="menuitem" data-page="1" aria-current="page" tabindex="-1">Page 1</span>
27610                                                                                                                                                                                                                                        </div>
27611                        </div>
27612                    </div>
27613
27614                    <div class="paginator-pagination__nav" data-pagination-nav="next">
27615                                                    <span class="paginator-link paginator-link--edge-next paginator-link--disabled" aria-disabled="true" tabindex="-1">›</span>
27616                                            </div>
27617
27618                    <div class="paginator-pagination__nav" data-pagination-nav="last">
27619                                                    <span class="paginator-link paginator-link--edge-last paginator-link--disabled" aria-disabled="true" tabindex="-1">»</span>
27620                                            </div>
27621                </div>
27622            </div>
27623        </wm-paginator>
27624    </div>
27625</div>
27626    </div>
27627</section>
27628    </div>
27629</section>
27630    </div>
27631</div>
27632    </div>
27633</div>
27634    </div>
27635</div>
27636    <!-- Section:Contactformhours -->
27637<section id="a280b984-0661-48ed-a2ff-58eec364e124" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientJ),1);--minHeightMobile:1626px;--minHeightTablet:926px;--minHeightDesktop:726.046875px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;--transitionDelayMsDesktopEntry:0;">
27638    <div class="wml wml_rows">
27639        <div class="wms_background">
27640            <div class="wmc_color_layer "
27641    style=""
27642         data-animate-observe="a280b984-0661-48ed-a2ff-58eec364e124" >
27643</div>
27644        </div>
27645        <!-- Shelf:shelf_1 -->
27646<section id="a280b984-050e-4058-b592-6e1e37b73933" class="wmc wmc_shelf " style="--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:1569.0546875px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:697.046875px;--marginLeftDesktop:317px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:33.45px;--marginBottomTablet:50.46px;--gridPositionDesktop:1;--marginBottomDesktop:29.00px;">
27647    <div class="wml wml_rows">
27648        <div class="wms_background">
27649            <div class="wmc_color_layer "
27650    style=""
27651         data-animate-observe="a280b984-050e-4058-b592-6e1e37b73933" >
27652</div>
27653        </div>
27654        <!-- Columns:columns_2 -->
27655<wm-columns id="a280b984-0430-4653-abdf-3de68244c8b8" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:2;--columnsRatios:50fr 50fr;--marginTopMobile:38.38px;--marginTopTablet:27.05px;--minHeightTablet:250px;--columnsGapMobile:40px;--columnsGapTablet:40px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--columnsGapDesktop:40px;--marginLeftDesktop:306px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:10.63px;--marginBottomTablet:-27.05px;--gridPositionDesktop:1;--marginBottomDesktop:19.50px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
27656    <div class="wml wml_columns">
27657        <div class="wms_background">
27658            <div class="wmc_color_layer "
27659    style=""
27660         data-animate-observe="a280b984-0430-4653-abdf-3de68244c8b8" >
27661</div>
27662        </div>
27663        <!-- Column:Cell1Form -->
27664<wm-cell id="a280b983-d5e9-44b3-b77b-becf473fa6b0" class="wmc wmc_column " style="--columnRatio:50;--minHeightMobile:710.515625px;--minHeightTablet:803.9453125px;--minHeightDesktop:829.53125px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27665    <div class="wml wml_rows">
27666        <div class="wms_background">
27667            <div class="wmc_color_layer "
27668    style=""
27669         data-animate-observe="a280b983-d5e9-44b3-b77b-becf473fa6b0" >
27670</div>
27671        </div>
27672        <!-- Box:BoxForm -->
27673<div id="a280b983-d50a-4978-b92d-0c1ea0ee4021" class="wmc wmc_box " style="--zIndex:0;--widthMobile:320px;--widthTablet:340px;--widthDesktop:619px;--bgColorDesktop:rgba(var(--colorBackgroundI),0.5);--marginTopMobile:0.30px;--marginTopTablet:0.00px;--minHeightMobile:604.5234375px;--minHeightTablet:660.953125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:47.27px;--minHeightDesktop:782px;--marginLeftDesktop:1px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:-55.27px;--marginBottomTablet:3.30px;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;" >
27674    <div class="wml wml_box "
27675            >
27676        <svg class="wm_svgFilter">
27677    <filter id="wm_svgKnockoutFilter_a280b983-d50a-4978-b92d-0c1ea0ee4021" color-interpolation-filters="sRGB">
27678        <feComponentTransfer result="inverseA">
27679            <feFuncA type="table" tableValues="1 0"/>
27680        </feComponentTransfer>
27681        <feFlood flood-color="var(--bgColor)"/>
27682        <feComposite operator="in" in2="inverseA"/>
27683    </filter>
27684</svg>
27685<style>
27686    [id='a280b983-d50a-4978-b92d-0c1ea0ee4021'].wmcM_knockoutEffect .wms_content {
27687        filter: url(#wm_svgKnockoutFilter_a280b983-d50a-4978-b92d-0c1ea0ee4021);
27688    }
27689</style>
27690                <div class="wms_background">
27691            <!-- Image: -->
27692<wm-img id="a280b983-cb3c-43e7-9527-69d6026c0965" data-layer-id="9f181cf1-33e4-4100-b453-12118d313bd9" data-animate-observe="a280b983-d50a-4978-b92d-0c1ea0ee4021" class="wmc wmc_image wmcM_imageTile" style="--imageOpacity:0.21;
27692--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;;">
27693    <div  class="wml">
27694        <div class="wms_overlay"></div>
27695        <picture>
27696            <img
27697                loading="lazy"
27698                data-wm-src="https://storage.evona.app/m%2FA%2Fb%2Fu%2Fo%2F3%2FmAbuo3SE9IbykRqMcsiJTJqN8CbIrggK06GcUSnM"
27699                                src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
27700                title="background-pattern-02.svg"
27701                alt="background-pattern"
27702            >
27703        </picture>
27704    </div>
27705</wm-img>
27706                        
27707<div class="wmc_color_layer "
27708    style=""
27709         data-animate-observe="a280b983-d50a-4978-b92d-0c1ea0ee4021" >
27710</div>
27711        </div>
27712        <div class="wms_content wml_rows">
27713            <!-- Text:FormTitle -->
27714<div id="a280b983-d307-4741-b770-71d150ed2d79" class="wmc wmc_text wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:2;--widthMobile:232px;--widthTablet:300px;--widthDesktop:349px;--marginTopMobile:30.00px;--marginTopTablet:47.95px;--minHeightMobile:40px;--marginLeftMobile:10px;
27714--marginLeftTablet:14px;--marginTopDesktop:25.00px;--minHeightDesktop:53px;--marginLeftDesktop:40px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
27715            >
27716    <div class="wml">
27717        <div class="wmcM_paragraph2" style="--lineHeightDesktop: 1; --lineHeightTablet: 1; --lineHeightMobile: 1;"><span style="--fontSizeDesktop: 2.5rem; --fontWeightDesktop: 500; --fontFamily: var(--fontFamilyPrimary);">Contact us</span></div>
27718    </div>
27719</div>
27720    <!-- Form:ContactForm -->
27721<div id="a280b983-d147-4e7a-b25d-38ed88b5c949" class="wmc wmc_form wmcM_animateHover" style="--zIndex:1;--widthMobile:300px;--widthTablet:310px;--widthDesktop:500px;--marginTopMobile:29.79px;--marginTopTablet:74.01px;--minHeightMobile:465.5390625px;--inputFontDesktop:var(--fontFamilySecondary);--labelFontDesktop:var(--fontFamilySecondary);--marginLeftMobile:10px;
27721--marginLeftTablet:15px;--marginTopDesktop:25.00px;--marginLeftDesktop:40px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:39.20px;--marginBottomTablet:30.30px;--gridPositionDesktop:2;--marginBottomDesktop:26.05px;--labelFontSizeDesktop:16px;--inputBorderTopDesktop:1px solid rgba(var(--colorBackgroundG),1);--fieldWrapperGapDesktop:16px;--inputBorderLeftDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputPaddingTopDesktop:10px;--inputBorderRightDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputPaddingLeftDesktop:5px;--labelPaddingLeftDesktop:0px;--inputBorderBottomDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputBorderRadiusDesktop:0px 0px 0px 0px;--inputPaddingRightDesktop:5px;--labelMarginBottomDesktop:3px;--inputPaddingBottomDesktop:10px;--inputBorderTopHoverDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--inputBorderLeftHoverDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputBorderRightHoverDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputBorderBottomHoverDesktop:1px solid rgba(var(--colorBackgroundG),1);--inputBorderRadiusHoverDesktop:0px 0px 0px 0px;--inputPlaceholderFontColorMobile:rgba(var(--colorBwGradientH),1);--inputPlaceholderFontColorTablet:rgba(var(--colorBwGradientH),1);--inputPlaceholderFontSizeDesktop:14px;--inputBackgroundColorHoverDesktop:rgba(var(--colorBackgroundJ),1);--inputPlaceholderFontColorDesktop:rgba(var(--colorBwGradientD),1);--labelRadioCheckboxFontSizeDesktop:16px;--labelRadioCheckboxFontColorDesktop:rgba(var(--colorBwGradientA),1);--labelRadioCheckboxLetterSpacingDesktop:0px;">
27722    <div class="wml">
27723                    <div class="form-notification" id="notify_fh4SCA-jxOMWoeHrzeLSUuau"></div>
27724<form method="POST"
27725      action="https://www.citypetsvets.com/submit_form"
27726      data-form-id="127364"
27727      data-form-hash="fh4SCA-jxOMWoeHrzeLSUuau"
27728      data-submit-url="eyJpdiI6ImZpOEJIVmx1RnhxaUIza0E0RnJkQ2c9PSIsInZhbHVlIjoiaXY3MVNCMVZyUVVUaFg4am5QZFREb3JjWk5yQ0V3Vy9RQ0lrazNyakY4YWJjZ2ZyZVh1a0NORVg5cWNZQVVBZy9RRFRMR0pKK2tlV2Y0TDRoRzNFU1FyajVicU9NbEJzT1UxRndoTjlCYVE9IiwibWFjIjoiNmJiZjIzZmY5NmU5ZjY5MGIyMjY1ZWRlNDM2YTUzNzI1Y2U1ZmY4NzNhMDc0MmZiYjFiY2I5MjAxMzM2NTAzZSIsInRhZyI6IiJ9"
27729      data-submit-message="Thank you. Your submission has been sent."
27730      data-site-cap-key="6LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt"
27731            >
27732
27733                        <div class="field-wrapper input-wrapper">
27734                    <label for="input_33" style=""> Name </label>
27735
27736    <input id="input_33"
27737           type="text"
27738           name="name"
27739           required
27740           placeholder="Enter your name (required)"
27741    >
27742
27743
27744
27745                </div>
27746                                            <div class="field-wrapper input-wrapper">
27747                    <label for="input_34" style=""> Email </label>
27748
27749    <input id="input_34"
27750           type="email"
27751           name="email"
27752           required
27753           placeholder="Enter email"
27754    >
27755
27756
27757
27758                </div>
27759                                            <div class="field-wrapper input-wrapper">
27760                    <label for="input_35" style=""> Phone </label>
27761
27762    <input id="input_35"
27763           type="tel"
27764           name="phone"
27765           required
27766           placeholder="Enter phone number"
27767    >
27768
27769
27770
27771                </div>
27772                                            <div class="field-wrapper textarea-wrapper">
27773                    <label for="input_36" style=""> Comments </label>
27774<textarea id="input_36" name="comments" placeholder="Notes to the Doctor"></textarea>
27775                </div>
27776                                                <input id=""
27777           type="hidden"
27778           name="__lf_ref_name"
27779           
27780           placeholder=""
27781    >
27782                                                <input id=""
27783           type="hidden"
27784           name="__lf_title_name"
27785           
27786           placeholder=""
27787    >
27788                                                <input id=""
27789           type="hidden"
27790           name="__lf__ref_contact_field"
27791           
27792           placeholder=""
27793    >
27794                    
27795    
27796    <div class="form-actions submit-wrapper">
27797        <!-- Button:CTA -->
27798<div id="6190997b-e19b-5609-99fc-a36a050e5913" class="wmc wmc_button wmcM_animateHover wmcM_noParentHover" style="--zIndex:1;--widthMobile:210.5px;--widthTablet:214px;--widthDesktop:213px;--bgColorDesktop:rgba(var(--colorCtaD),1);--flexGapDesktop:4px;--minHeightMobile:51.5px;--minHeightTablet:51.5px;--borderTopDesktop:none;--minHeightDesktop:42.4921875px;--paddingTopMobile:10px;
27798--paddingTopTablet:10px;--borderLeftDesktop:none;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:3;--gridPositionTablet:3;--paddingLeftDesktop:16px;--paddingRightMobile:10px;--paddingRightTablet:10px;--bgColorDesktopHover:rgba(var(--colorCtaE),1);--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:1;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:16px;--borderTopMobileHover:none;--paddingBottomDesktop:10px;--borderLeftMobileHover:none;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightMobileHover:none;--borderBottomMobileHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--transitionDurationMsDesktopHover:500;">
27799    <button type="submit" class="wml wml_button">
27800        <span class="wms_background">
27801            <div class="wmc_color_layer "
27802    style=""
27803         data-animate-observe="6190997b-e19b-5609-99fc-a36a050e5913" >
27804</div>
27805        </span>
27806        <span class="wms_button">
27807            <!-- Button.Text:button_text -->
27808<span id="7f44540f-937b-59d1-848f-aa6d9d1b0f25" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
27809    <span class="wml">
27810        <p style class="wmcM_paragraph4"><span style="--fontSizeDesktop: 1rem; --letterSpacingDesktop: 1px; --fontWeightDesktop: 600; --textColorDesktop: rgba(var(--colorBwGradientJ),1); --textColorDesktopHover: rgba(var(--colorBwGradientJ),1)">Submit</span></p>
27811    </span>
27812</span>
27813            <!-- Button.Icon:button_icon -->
27814<span id="f97cd1cf-1e8c-5317-b58a-8abe860635a1" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconSizeDesktopActive:16px;">
27815    <span class="wml wml_icon">
27816        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
27817    </span>
27818</span>
27819        </span>
27820    </button>
27821</div>
27822        <div class="loading-spinner">
27823            <div class="spinner"></div>
27824        </div>
27825    </div>
27826</form>
27827
27828
27829<div>
27830
27831
27832    
27833</div>
27834
27835                
27836    </div>
27837</div>
27838        </div>
27839    </div>
27840</div>
27841    </div>
27842</wm-cell>
27843    <!-- Column:Cell2Form -->
27844<wm-cell id="a280b984-02ed-4214-ab3c-44e5f2adf26b" class="wmc wmc_column " style="--columnRatio:50;--minHeightMobile:796.46875px;--minHeightTablet:803.9453125px;--minHeightDesktop:829.53125px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
27845    <div class="wml wml_rows">
27846        <div class="wms_background">
27847            <div class="wmc_color_layer "
27848    style=""
27849         data-animate-observe="a280b984-02ed-4214-ab3c-44e5f2adf26b" >
27850</div>
27851        </div>
27852        <!-- Text:HoursTitle -->
27853<div id="a280b983-d6a1-4269-8239-989776e1692b" class="wmc wmc_text wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:1;--widthMobile:300px;--widthTablet:290px;--widthDesktop:620px;--marginTopMobile:61.02px;--marginTopTablet:48.00px;--minHeightMobile:72px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:60.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
27854            >
27855    <div class="wml">
27856        <div class="wmcM_paragraph2" style="--lineHeightTablet: 1; --lineHeightMobile: 1;"><span style="--fontSizeDesktop: 2.5rem; --fontWeightDesktop: 500; --fontFamily: var(--fontFamilyPrimary);">Office hours 
&amp; location</span></div>
27857    </div>
27858</div>
27859    <!-- Box:box_1 -->
27860<div id="a280b983-fb9e-483a-968b-ed0b5429168f" class="wmc wmc_box " style="--zIndex:0;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:41.00px;
27860--marginTopTablet:33.80px;--minHeightMobile:412.65625px;--minHeightTablet:520.2000122070312px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:47.41px;--minHeightDesktop:317.98333740234375px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;" >
27861    <div class="wml wml_box "
27862            >
27863        <svg class="wm_svgFilter">
27864    <filter id="wm_svgKnockoutFilter_a280b983-fb9e-483a-968b-ed0b5429168f" color-interpolation-filters="sRGB">
27865        <feComponentTransfer result="inverseA">
27866            <feFuncA type="table" tableValues="1 0"/>
27867        </feComponentTransfer>
27868        <feFlood flood-color="var(--bgColor)"/>
27869        <feComposite operator="in" in2="inverseA"/>
27870    </filter>
27871</svg>
27872<style>
27873    [id='a280b983-fb9e-483a-968b-ed0b5429168f'].wmcM_knockoutEffect .wms_content {
27874        filter: url(#wm_svgKnockoutFilter_a280b983-fb9e-483a-968b-ed0b5429168f);
27875    }
27876</style>
27877                <div class="wms_background">
27878            <div class="wmc_color_layer "
27879    style=""
27880         data-animate-observe="a280b983-fb9e-483a-968b-ed0b5429168f" >
27881</div>
27882        </div>
27883        <div class="wms_content wml_rows">
27884            <!-- Box:BoxHours1 -->
27885<div id="a280b983-dbe9-49f0-9d54-afa851006ba0" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:2;--widthMobile:300px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:66.3828125px;--minHeightTablet:59px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.02px;--minHeightDesktop:51px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27886    <div class="wml wml_box "
27887            >
27888        <svg class="wm_svgFilter">
27889    <filter id="wm_svgKnockoutFilter_a280b983-dbe9-49f0-9d54-afa851006ba0" color-interpolation-filters="sRGB">
27890        <feComponentTransfer result="inverseA">
27891            <feFuncA type="table" tableValues="1 0"/>
27892        </feComponentTransfer>
27893        <feFlood flood-color="var(--bgColor)"/>
27894        <feComposite operator="in" in2="inverseA"/>
27895    </filter>
27896</svg>
27897<style>
27898    [id='a280b983-dbe9-49f0-9d54-afa851006ba0'].wmcM_knockoutEffect .wms_content {
27899        filter: url(#wm_svgKnockoutFilter_a280b983-dbe9-49f0-9d54-afa851006ba0);
27900    }
27901</style>
27902                <div class="wms_background">
27903            <div class="wmc_color_layer "
27904    style=""
27905         data-animate-observe="a280b983-dbe9-49f0-9d54-afa851006ba0" >
27906</div>
27907        </div>
27908        <div class="wms_content wml_rows">
27909            <!-- Text:Day1 -->
27910<div id="a280b983-d867-47fd-985b-6a0a2a9181e8" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27911            >
27912    <div class="wml">
27913        <div style class="wmcM_paragraph1"><span style>Monday</span></div>
27914    </div>
27915</div>
27916    <!-- Text:Day1Hours1 -->
27917<div id="a280b983-da20-4de8-955b-d339d5b8ffdd" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:15.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27918            >
27919    <div class="wml">
27920        <div style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left" class="wmcM_paragraph1"><span style>8:00 am - 6:00 pm</span></div>
27921    </div>
27922</div>
27923        </div>
27924    </div>
27925</div>
27926    <!-- Box:BoxHours2 -->
27927<div id="a280b983-e112-4d81-9372-4567f9be654f" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:3;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:6.00px;--marginTopTablet:19.20px;--minHeightMobile:66.3828125px;--minHeightTablet:54.79998779296875px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--minHeightDesktop:51.0078125px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;
27927--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27928    <div class="wml wml_box "
27929            >
27930        <svg class="wm_svgFilter">
27931    <filter id="wm_svgKnockoutFilter_a280b983-e112-4d81-9372-4567f9be654f" color-interpolation-filters="sRGB">
27932        <feComponentTransfer result="inverseA">
27933            <feFuncA type="table" tableValues="1 0"/>
27934        </feComponentTransfer>
27935        <feFlood flood-color="var(--bgColor)"/>
27936        <feComposite operator="in" in2="inverseA"/>
27937    </filter>
27938</svg>
27939<style>
27940    [id='a280b983-e112-4d81-9372-4567f9be654f'].wmcM_knockoutEffect .wms_content {
27941        filter: url(#wm_svgKnockoutFilter_a280b983-e112-4d81-9372-4567f9be654f);
27942    }
27943</style>
27944                <div class="wms_background">
27945            <div class="wmc_color_layer "
27946    style=""
27947         data-animate-observe="a280b983-e112-4d81-9372-4567f9be654f" >
27948</div>
27949        </div>
27950        <div class="wms_content wml_rows">
27951            <!-- Text:Day2 -->
27952<div id="a280b983-dd73-44ff-92f6-ea6682f57400" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27953            >
27954    <div class="wml">
27955        <div style class="wmcM_paragraph1"><span style>Tuesday </span></div>
27956    </div>
27957</div>
27958    <!-- Text:Day2Hours1 -->
27959<div id="a280b983-df59-48e6-80be-8008808426c3" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:14.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
27960            >
27961    <div class="wml">
27962        <div style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left">8:00 am - 6:00 pm</div>
27963    </div>
27964</div>
27965        </div>
27966    </div>
27967</div>
27968    <!-- Box:BoxHours3 -->
27969<div id="a280b983-e6f7-4f03-84eb-24f953f26aae" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:6.23px;--marginTopTablet:19.00px;--minHeightMobile:62.6328125px;--minHeightTablet:69.80000305175781px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.03px;--minHeightDesktop:51.48333740234375px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:3;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
27970    <div class="wml wml_box "
27971            >
27972        <svg class="wm_svgFilter">
27973    <filter id="wm_svgKnockoutFilter_a280b983-e6f7-4f03-84eb-24f953f26aae" color-interpolation-filters="sRGB">
27974        <feComponentTransfer result="inverseA">
27975            <feFuncA type="table" tableValues="1 0"/>
27976        </feComponentTransfer>
27977        <feFlood flood-color="var(--bgColor)"/>
27978        <feComposite operator="in" in2="inverseA"/>
27979    </filter>
27980</svg>
27981<style>
27982    [id='a280b983-e6f7-4f03-84eb-24f953f26aae'].wmcM_knockoutEffect .wms_content {
27983        filter: url(#wm_svgKnockoutFilter_a280b983-e6f7-4f03-84eb-24f953f26aae);
27984    }
27985</style>
27986                <div class="wms_background">
27987            <div class="wmc_color_layer "
27988    style=""
27989         data-animate-observe="a280b983-e6f7-4f03-84eb-24f953f26aae" >
27990</div>
27991        </div>
27992        <div class="wms_content wml_rows">
27993            <!-- Text:Day3 -->
27994<div id="a280b983-e222-4615-9a3d-6c0792a07035" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:27.515625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.50px;"
27995            >
27996    <div class="wml">
27997        <div style class="wmcM_paragraph1"><span style>Wednesday</span></div>
27998    </div>
27999</div>
28000    <!-- Text:Day3Hours1 -->
28001<div id="a280b983-e42d-49ed-8d50-594dd23e70bd" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.72px;--marginBottomTablet:14.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.50px;"
28002            >
28003    <div class="wml">
28004        <div style="--textAlignTablet: left; --textAlignMobile: left; --textAlignDesktop: right" class="wmcM_paragraph1"><span style>8:00 am - 6:00 pm</span></div>
28005    </div>
28006</div>
28007        </div>
28008    </div>
28009</div>
28010    <!-- Box:BoxHours4 -->
28011<div id="a280b983-f283-4e7e-b814-738e83cd895c" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:11.62px;--marginTopTablet:13.00px;--minHeightMobile:60.3828125px;--minHeightTablet:67px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.48px;--minHeightDesktop:51.116668701171875px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;
28011--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:4;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
28012    <div class="wml wml_box "
28013            >
28014        <svg class="wm_svgFilter">
28015    <filter id="wm_svgKnockoutFilter_a280b983-f283-4e7e-b814-738e83cd895c" color-interpolation-filters="sRGB">
28016        <feComponentTransfer result="inverseA">
28017            <feFuncA type="table" tableValues="1 0"/>
28018        </feComponentTransfer>
28019        <feFlood flood-color="var(--bgColor)"/>
28020        <feComposite operator="in" in2="inverseA"/>
28021    </filter>
28022</svg>
28023<style>
28024    [id='a280b983-f283-4e7e-b814-738e83cd895c'].wmcM_knockoutEffect .wms_content {
28025        filter: url(#wm_svgKnockoutFilter_a280b983-f283-4e7e-b814-738e83cd895c);
28026    }
28027</style>
28028                <div class="wms_background">
28029            <div class="wmc_color_layer "
28030    style=""
28031         data-animate-observe="a280b983-f283-4e7e-b814-738e83cd895c" >
28032</div>
28033        </div>
28034        <div class="wms_content wml_rows">
28035            <!-- Text:Day4 -->
28036<div id="a280b983-ecde-4636-ad3d-12633b75bbd3" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.13px;"
28037            >
28038    <div class="wml">
28039        <div style class="wmcM_paragraph1"><span style>Thursday</span></div>
28040    </div>
28041</div>
28042    <!-- Text:Day4Hours1 -->
28043<div id="a280b983-ef06-497c-bd24-7883d1ae25bb" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:10.20px;--marginBottomTablet:11.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.13px;"
28044            >
28045    <div class="wml">
28046        <div style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left" class="wmcM_paragraph1"><span style>8:00 am - 6:00 pm</span></div>
28047    </div>
28048</div>
28049        </div>
28050    </div>
28051</div>
28052    <!-- Box:BoxHours5 -->
28053<div id="a280b983-fa66-405b-aa29-fc96a1cbce43" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:4;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:11.62px;--marginTopTablet:18.00px;--minHeightMobile:66.39999389648438px;--minHeightTablet:70px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.15px;--minHeightDesktop:51.04998779296875px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:5;--gridPositionTablet:5;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:5;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
28054    <div class="wml wml_box "
28055            >
28056        <svg class="wm_svgFilter">
28057    <filter id="wm_svgKnockoutFilter_a280b983-fa66-405b-aa29-fc96a1cbce43" color-interpolation-filters="sRGB">
28058        <feComponentTransfer result="inverseA">
28059            <feFuncA type="table" tableValues="1 0"/>
28060        </feComponentTransfer>
28061        <feFlood flood-color="var(--bgColor)"/>
28062        <feComposite operator="in" in2="inverseA"/>
28063    </filter>
28064</svg>
28065<style>
28066    [id='a280b983-fa66-405b-aa29-fc96a1cbce43'].wmcM_knockoutEffect .wms_content {
28067        filter: url(#wm_svgKnockoutFilter_a280b983-fa66-405b-aa29-fc96a1cbce43);
28068    }
28069</style>
28070                <div class="wms_background">
28071            <div class="wmc_color_layer "
28072    style=""
28073         data-animate-observe="a280b983-fa66-405b-aa29-fc96a1cbce43" >
28074</div>
28075        </div>
28076        <div class="wms_content wml_rows">
28077            <!-- Text:Day5 -->
28078<div id="a280b983-f372-4769-801f-74896ce70662" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:12.98px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.03px;"
28079            >
28080    <div class="wml">
28081        <div style class="wmcM_paragraph1"><span style>Friday</span></div>
28082    </div>
28083</div>
28084    <!-- Text:Day5Hours1 -->
28085<div id="a280b983-f87d-4365-8af7-d25857fcc5c8" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:29.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.02px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:14.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.03px;"
28086            >
28087    <div class="wml">
28088        <div style="--textAlignDesktop: right; --textAlignTablet: left; --textAlignMobile: left" class="wmcM_paragraph1"><span style>8:00 am - 6:00 pm</span></div>
28089    </div>
28090</div>
28091        </div>
28092    </div>
28093</div>
28094    <!-- Box:BoxHours6 -->
28095<div id="a280b983-ebd9-466f-a4c6-64148cd6fa22" class="wmc wmc_box wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--zIndex:5;--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:13.59px;--marginTopTablet:20.00px;--minHeightMobile:66.39999389648438px;--minHeightTablet:70px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.05px;--minHeightDesktop:51.0078125px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--borderRightDesktop:none;--gridPositionMobile:6;--gridPositionTablet:6;--marginBottomMobile:0.00px;--marginBottomTablet:14.20px;
28095--borderBottomDesktop:1px solid rgba(var(--colorBackgroundI),1);--gridPositionDesktop:6;--marginBottomDesktop:10.98px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;" >
28096    <div class="wml wml_box "
28097            >
28098        <svg class="wm_svgFilter">
28099    <filter id="wm_svgKnockoutFilter_a280b983-ebd9-466f-a4c6-64148cd6fa22" color-interpolation-filters="sRGB">
28100        <feComponentTransfer result="inverseA">
28101            <feFuncA type="table" tableValues="1 0"/>
28102        </feComponentTransfer>
28103        <feFlood flood-color="var(--bgColor)"/>
28104        <feComposite operator="in" in2="inverseA"/>
28105    </filter>
28106</svg>
28107<style>
28108    [id='a280b983-ebd9-466f-a4c6-64148cd6fa22'].wmcM_knockoutEffect .wms_content {
28109        filter: url(#wm_svgKnockoutFilter_a280b983-ebd9-466f-a4c6-64148cd6fa22);
28110    }
28111</style>
28112                <div class="wms_background">
28113            <div class="wmc_color_layer "
28114    style=""
28115         data-animate-observe="a280b983-ebd9-466f-a4c6-64148cd6fa22" >
28116</div>
28117        </div>
28118        <div class="wms_content wml_rows">
28119            <!-- Text:Day6 -->
28120<div id="a280b983-e7d9-4720-b467-bbbee28c17ac" class="wmc wmc_text " style="--widthMobile:223.5px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.38px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
28121            >
28122    <div class="wml">
28123        <div style class="wmcM_paragraph1"><span style>Saturday &amp; Sunday</span></div>
28124    </div>
28125</div>
28126    <!-- Text:Day6Hours1 -->
28127<div id="a280b983-e9c6-4160-9794-d16ae9a1a47e" class="wmc wmc_text " style="--widthMobile:224px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:3.01px;--marginTopTablet:0.00px;--minHeightTablet:28.79998779296875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:13.01px;--minHeightDesktop:26px;--marginLeftDesktop:330px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:11.00px;--marginBottomTablet:15.20px;--gridPositionDesktop:1;--marginBottomDesktop:12.00px;"
28128            >
28129    <div class="wml">
28130        <div style="--textAlignDesktop: right; --textAlignMobile: left; --textAlignTablet: left" class="wmcM_paragraph1"><span style>Closed</span></div>
28131    </div>
28132</div>
28133        </div>
28134    </div>
28135</div>
28136        </div>
28137    </div>
28138</div>
28139    <!-- Text:Address -->
28140<div id="a280b983-fc7a-4d6a-9942-f45145032918" class="wmc wmc_text wmcM_containerSizeFull wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--widthMobile:320px;--widthTablet:340px;--widthDesktop:620px;--marginTopMobile:26.91px;--marginTopTablet:22.20px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:42.50px;--minHeightDesktop:78px;--marginLeftDesktop:-157px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;--opacityDesktopEntry:0;--translateDesktopEntry:translate3d(500px, 0, 0);--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;"
28141            >
28142    <div class="wml">
28143        <div style class="wmcM_paragraph1"><span style="--fontWeightDesktop: 700">City Pets Vets&reg;</span><br /><span style>50 W 57th St</span><br /><span style>New York, NY 10019</span></div>
28144    </div>
28145</div>
28146    <!-- Button:Phone -->
28147<div id="a280b984-01dd-4476-b6e8-a3570c040e90" class="wmc wmc_button wmcM_animateHover wmcM_animateEntry wmcM_animateEntry--slide-in-right-desktop" style="--widthMobile:200px;--widthTablet:200px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0.08px;--marginTopTablet:8.00px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:2.00px;--minHeightDesktop:46px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:4;--gridPositionTablet:4;--marginBottomMobile:16.08px;--marginBottomTablet:3.30px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
28147--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:4;--marginBottomDesktop:0.27px;--opacityDesktopEntry:0;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--translateDesktopEntry:translate3d(500px, 0, 0);--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDelayMsDesktopEntry:0;--transitionDurationMsDesktopEntry:700;--transitionDurationMsDesktopHover:500;">
28148    <a href="tel:2125817387" class="wml wml_button">
28149        <span class="wms_background">
28150            <div class="wmc_color_layer "
28151    style=""
28152         data-animate-observe="a280b984-01dd-4476-b6e8-a3570c040e90" >
28153</div>
28154        </span>
28155        <span class="wms_button">
28156            <!-- Button.Text:button_text -->
28157<span id="a280b983-fff5-4c99-9c35-06ca67886fbc" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28158    <span class="wml">
28159        <p class="wmcM_paragraph1" style><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorPrimaryC),1); --textColorDesktopHover: rgba(var(--colorCtaE),1); --textColorTabletHover: rgba(var(--colorCtaE),1); --textColorMobileHover: rgba(var(--colorCtaE),1);">&lpar;212&rpar; 581-7387</span></p>
28160    </span>
28161</span>
28162            <!-- Button.Icon:button_icon -->
28163<span id="a280b983-fece-444a-833d-b90cd1d9f4bc" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryB),1);--iconSizeDesktopActive:16px;">
28164    <span class="wml wml_icon">
28165        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
28166    </span>
28167</span>
28168        </span>
28169    </a>
28170</div>
28171    </div>
28172</wm-cell>
28173    </div>
28174</wm-columns>
28175    </div>
28176</section>
28177    </div>
28178</section>
28179    <!-- Section:Map -->
28180<section id="a280b984-13ab-4c4b-9948-c31bec889f3b" class="wmc wmc_section " style="--minHeightMobile:397.421875px;--minHeightTablet:450.4609375px;--minHeightDesktop:498.5703125px;--gridPositionMobile:4;--gridPositionTablet:4;--gridPositionDesktop:4;">
28181    <div class="wml wml_rows">
28182        <div class="wms_background">
28183            <div class="wmc_color_layer "
28184    style=""
28185         data-animate-observe="a280b984-13ab-4c4b-9948-c31bec889f3b" >
28186</div>
28187        </div>
28188        <!-- Box:MapBox -->
28189<div id="a280b984-0841-4938-90a1-24ece5c07829" class="wmc wmc_box wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:1001.5px;--bgColorDesktop:rgba(var(--colorSecondaryB),0.2);--marginTopMobile:-0.41px;--marginTopTablet:0.02px;--minHeightMobile:401.828125px;--minHeightTablet:450.4453125px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.98px;--minHeightDesktop:500.7578125px;--marginLeftDesktop:-60px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.46px;--gridPositionDesktop:1;--marginBottomDesktop:-1.22px;" >
28190    <div class="wml wml_box "
28191            >
28192        <svg class="wm_svgFilter">
28193    <filter id="wm_svgKnockoutFilter_a280b984-0841-4938-90a1-24ece5c07829" color-interpolation-filters="sRGB">
28194        <feComponentTransfer result="inverseA">
28195            <feFuncA type="table" tableValues="1 0"/>
28196        </feComponentTransfer>
28197        <feFlood flood-color="var(--bgColor)"/>
28198        <feComposite operator="in" in2="inverseA"/>
28199    </filter>
28200</svg>
28201<style>
28202    [id='a280b984-0841-4938-90a1-24ece5c07829'].wmcM_knockoutEffect .wms_content {
28203        filter: url(#wm_svgKnockoutFilter_a280b984-0841-4938-90a1-24ece5c07829);
28204    }
28205</style>
28206                <div class="wms_background">
28207            <div class="wmc_color_layer "
28208    style=""
28209         data-animate-observe="a280b984-0841-4938-90a1-24ece5c07829" >
28210</div>
28211        </div>
28212        <div class="wms_content wml_rows">
28213                    </div>
28214    </div>
28215</div>
28216    <!-- Map:map -->
28217<wm-map id="a280b984-0736-451a-9a92-bebd7966ada7" class="wmc wmc_map wmcM_containerSizeFull" style="--widthMobile:130px;--widthTablet:300px;--widthDesktop:1400px;--marginTopMobile:-401.41px;--marginTopTablet:0.00px;--minHeightMobile:401.40625px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-0.47px;--minHeightDesktop:499px;--marginLeftDesktop:-60px;--gridPositionMobile:2;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.46px;--gridPositionDesktop:1;--marginBottomDesktop:-1.22px;"
28218                show-info-window="1"
28219        marker-click-enabled="1"
28220        platform="ib"
28221        show-zoom-control="1"
28222        zoom="13"
28223        lat-slider="0"
28224        lng-slider="0"
28225        grayscale="1"
28226        addresses='W3sibmFtZSI6IkNpdHkgUGV0cyBWZXRzJnJlZzsiLCJhZGRyZXNzIjoiNTAgVyA1N3Ro
28226IFN0LCBOZXcgWW9yaywgTlksIDEwMDE5LCBVUyIsImxhdCI6NDAuNzYzOTUzNzg1MTU2LCJsbmciOi03My45NzY2MjgyMjg4NjEsImlkIjoiYTI4MGJhZTMtMjA2Mi00MDNmLThmYTAtMjcxYmIwNzM4MjBhIiwicGhvbmUiOiIoMjEyKSA1ODEtNzM4NyIsImVtYWlsIjoiZHJhbXlAY2l0eXBldHN2ZXRzLmNvbSJ9XQ=='
28227>
28228    <div class="wml">
28229                    <wm-leaflet-map id="leaflet-map-a280b984-0736-451a-9a92-bebd7966ada7"></wm-leaflet-map>
28230            </div>
28231</wm-map>
28232    </div>
28233</section>
28234    <!-- Section:Footer -->
28235<section id="a280b96f-66b7-4021-b345-f4bc3e572181" class="wmc wmc_section " style="--bgColorDesktop:rgba(var(--colorBwGradientI),1);--minHeightMobile:849.515625px;--minHeightTablet:427.4765625px;--minHeightDesktop:531.421875px;--gridPositionMobile:5;--gridPositionTablet:5;--gridPositionDesktop:5;">
28236    <div class="wml wml_rows">
28237        <div class="wms_background">
28238            <div class="wmc_color_layer "
28239    style=""
28240         data-animate-observe="a280b96f-66b7-4021-b345-f4bc3e572181" >
28241</div>
28242        </div>
28243        <!-- Shelf:ShelfFooter1 -->
28244<section id="a280b96f-6281-4f35-8db8-ba3534bfcaa7" class="wmc wmc_shelf " style="--widthMobile:320px;--widthDesktop:1280px;--marginTopMobile:30.00px;--marginTopTablet:0.00px;--minHeightMobile:170px;--minHeightTablet:124.1875px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:50.00px;--minHeightDesktop:68px;--marginLeftDesktop:351px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;">
28245    <div class="wml wml_rows">
28246        <div class="wms_background">
28247            <div class="wmc_color_layer "
28248    style=""
28249         data-animate-observe="a280b96f-6281-4f35-8db8-ba3534bfcaa7" >
28250</div>
28251        </div>
28252        <!-- Columns:ColumnsFooter1 -->
28253<wm-columns id="a280b96f-6117-46b1-8234-bd762ba4cc33" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:2;--columnsRatios:60fr 40fr;--marginTopMobile:0px;--marginTopTablet:0.00px;--minHeightTablet:115px;--columnsGapMobile:24px;--columnsGapTablet:40px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.01px;--minHeightDesktop:67px;--columnsGapDesktop:40px;--marginLeftDesktop:447px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:9.19px;--gridPositionDesktop:1;--marginBottomDesktop:0.98px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
28254    <div class="wml wml_columns">
28255        <div class="wms_background">
28256            <div class="wmc_color_layer "
28257    style=""
28258         data-animate-observe="a280b96f-6117-46b1-8234-bd762ba4cc33" >
28259</div>
28260        </div>
28261        <!-- Column:cell_2_1 -->
28262<wm-cell id="a280b96f-4ea5-4086-ad7f-bfae407dcd78" class="wmc wmc_column " style="--columnRatio:60;--marginTopMobile:0.00px;--minHeightMobile:47.5333251953125px;--minHeightTablet:115px;--minHeightDesktop:110.953125px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--gridPositionDesktop:1;">
28263    <div class="wml wml_rows">
28264        <div class="wms_background">
28265            <div class="wmc_color_layer "
28266    style=""
28267         data-animate-observe="a280b96f-4ea5-4086-ad7f-bfae407dcd78" >
28268</div>
28269        </div>
28270        <!-- Image:Logo -->
28271<wm-img id="a280b96f-4c09-4a96-97c1-c941492d1f74"  class="wmc wmc_image wmcM_imageContain" style="--widthMobile:181px;--widthTablet:218.5px;--heightMobile:47.5333251953125px;--heightTablet:44.09375px;--widthDesktop:320px;--heightDesktop:110px;--marginTopMobile:0.00px;--marginTopTablet:47.79px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.69px;--aspectRatioMobile:181 / 48;--aspectRatioTablet:219 / 44;--marginLeftDesktop:0px;--aspectRatioDesktop:320 / 110;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:23.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;;">
28272    <a href="https://www.citypetsvets.com/" class="wml">
28273        <div class="wms_overlay"></div>
28274        <picture>
28275            <img
28276                loading="lazy"
28277                data-wm-src="/T/Y/u/L/G/2/TYuLG26EU8iBvfavA4hdefo8dTjZaspa4vqijN2H"
28278                                src="data:image/webp;base64,UklGRjITAABXRUJQVlA4WAoAAAAwAAAAPwAALwAASUNDUEgMAAAAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114
28278XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t//9BTFBI+AMAAA2ZCzBE9D9a4121bdW2bVubLsve/zHXZLn/aK37eoCUKbC0JnJdvkoi1eWrkGFqg1JgaiViAibglfhl/qrX/cwvOH7uBb0GyHS8ICbJxAsuRmT45cgGAy+ICaRQF35OhGEQUmYpiJ9IOPP5sH6KATPfgMCbgoThTIiE4zmAShgSnaLUFkyEq+BMPxVtliagCeZclFSkA7UMZ/BpxADnWxpoZPsxD1ikCkk0yjGJp80dOeNH3rW0MOeclYRWNTnW8qUA+AmAsnrg03L3RK0JQAnsahw/FFlNdvoJ5l5znfPThoSL0cdaCynub5vfd063Zs/k41lcpf4DbmSFAjPqcBa4aztz7A2ZQTwy6YK1cjrWOyAWprOAhHJ52LUqc+Z6tHLy9FGVt+mv4XEEvIAAEo5UHW3GdBPtR7GK7m7vo51duWigGZFpz5jav2X37FGfHkTOkQ9DNFJ9rgN9IyNMLbBP2hy5Pt0/zZmlVqveZ2y3Le9YTLqHVy25s1wKIAEBSDtBUywHV1Vs+f7+KWeMnte4Kh19bItr3eJIlAEa907Ig3sjxlQJbWfOPnxhsZLftXFqLaBTpmHcn3CGjrU0M7JnO95vOcZ2kZCrXLfopR0GiIcTsWVpX6U+vuevUfveFlAX8xDyfe3j1m8EaTymYTsVbFT/tj+9p+vTL77hV8cygJi72/EraxuxA8Yj00CfhWN569sZ1qefNhIAtyjpVzmIEB7fwpw2A4m1og/XfuCSHiE3zrY1PKWBzLkF2te9v7OPiHFeURhMhLCDTwEQOcM8/vWvJozzr5uvcNAxzwKIJzYEAPrVv/60Z++Jq6322W9go/H0viiufefsW1wsq+ZA0NAzuJpG7bsiegKShhFkA/E8maKr3j9zOgErFCi9j2frssSm/TZx2ZXy3AE9F7gs5OLOwIRHFt6vGXjGLnPiELUB7nNr+/IMAOYFbV6hL8wr9F1IxeaGQyeQzCxJjCCEy5RwNUWbwtXUHUy5A2vxvwCqawv/qkkCnLJcSFoghZQQvLRwZwoBHVj/NQDsp26Bdpgzx3ZyrT6HmYeIKWScxmwlMycsQYhTTe9/039x9RjctrU+jXEr7lGpchFTxeXeoSrMhCC4lspzuK320XtwnTGzzz1WeVWSSS6AjGii4QbCtmkQAJtB6k/fgbtrzjxv+2pHaiIJAUKaQWI1axgBgmVkBmunfnVu98DqM3JMsXZnwhISzs2qWtLh4akkAdgm1TB/g3s3R9p837cEXRkA0mkUVvm/CWgQsJAZg4fihvszM5nqG4Bl4rKFYwC1bQAEIEBkBkdTBB8ABUAkLonrZaTnibtlQEhHjEk8uJB4OIHAwwUTxj0BVlA4IMQCAAAQDwCdASpAADAAPmUmkEWkIiGarf0AQAZEtABgQnA/PwG84X9s2WNb0TXR+JfmdBTZgsqZ7Q1w71+99BKLTKo134ZX9s2Bwu4ePWJdccWhSnPZ5QdYFJ/wm5R8bwFF3NeblB8FaLiPct0jdcjP1UDS/bV2BPrC99g1jg3/KkdPAAAA/v/w/NfSUSN+5HSwO841gkmf4L3ee/kSAx34kl1b1NTJMSK6xlS0PVWI5iB4m+T2kIW6dPCqp4EgUfCK5cnfbwIJG6H6eiJnEHalvIxFANB6tJgNz3/GgSntQYe5ijnSORZkE/3lZq4x0Qb+Dvqs9C+nK8/+4/BxBP/ZKLP9uR5k1hf/0w4vw7YVt+kkFoM4W2LvV6GX2qbwsPGGcqRMuQNNXXWmZn2637KpOdazJmbEmuIm8oWoDd1hQxHPOFK44wRlf+jnTcRoIVlLUs1L6pLlWZ92QSb4IvalhyEF75+WarQp8WDn74Nc3VngIHuv+9QAaA2saknsvQTqMzVGegLfK57aL4Pa+Xu+kEm82Qx+VV8XKRb49R8H0cD/q88SLN4DQXN2/imqqLYAkKOU28IJFLzTvPTLVQLfXAGaZmVBOoNgrMgLUIRDCSY5T3qI7N3VVuH0tvzW/5jzSn2PIgxffOAOPmdbv7g1f034Y088x0v97gErkXzC1xQ0cfVWvQWrkW10mVqY5WZkwWOErsg+tDwd9TUkCIulHciriCg+cHOiB2rBcVzlYtOKgWYyp6DAA8TdXNgbSCPtyqMCDik/hzXrn9xKPhiXjXWCubXbobc/dY8nwOW8HlQRiJ/gOObXzKFvpOfl99EZc5g8A5x7PB/8dqE9f4bQvlV52KPQ+JZUxJRYxNDHP6r8J9qHQ9v8xjVDpVm53pJeBgKNOsVx1JXLxyh7eJTmaI7ge6aLXuZfo47HycDhye+jRYZQAAA="
28279                title="5a4eb94fc874b_citypetvetsnewlogo.png"
28280                alt=""
28281            >
28282        </picture>
28283    </a>
28284</wm-img>
28285    </div>
28286</wm-cell>
28287    <!-- Column:cell_2_2 -->
28288<wm-cell id="a280b96f-5f6d-4e08-8d31-6ba64deff3d9" class="wmc wmc_column " style="--columnRatio:40;--widthMobile:320px;--marginTopMobile:16.00px;--minHeightMobile:60.875px;--minHeightTablet:115px;--marginLeftMobile:0px;--minHeightDesktop:110.953125px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:8.00px;--gridPositionDesktop:2;">
28289    <div class="wml wml_rows">
28290        <div class="wms_background">
28291            <div class="wmc_color_layer "
28292    style=""
28293         data-animate-observe="a280b96f-5f6d-4e08-8d31-6ba64deff3d9" >
28294</div>
28295        </div>
28296        <!-- Button:SocialMedia1 -->
28297<div id="a280b96f-53f1-440b-8354-2f753f0ed545" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:-1.00px;--marginTopTablet:-42.00px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:77px;--marginTopDesktop:0.38px;--paddingTopMobile:10px;
28297--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:324px;--paddingLeftMobile:10px;--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:2;--marginBottomMobile:17.88px;--marginBottomTablet:23.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
28298    <a href="https&colon;&sol;&sol;www&period;google&period;com&sol;" target="_blank" class="wml wml_button">
28299        <span class="wms_background">
28300            <div class="wmc_color_layer "
28301    style=""
28302         data-animate-observe="a280b96f-53f1-440b-8354-2f753f0ed545" >
28303</div>
28304        </span>
28305        <span class="wms_button">
28306            <!-- Button.Text:button_text -->
28307<span id="a280b96f-50bc-4dd0-9462-d751f161c53d" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28308    <span class="wml">
28309        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
28310    </span>
28311</span>
28312            <!-- Button.Icon:button_icon -->
28313<span id="a280b96f-4fcf-4853-b175-9797e5ddc146" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorBwGradientC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryG),1);">
28314    <span class="wml wml_icon">
28315        <i style="mask: url(https://storage.evona.app/w%2Fm%2F0%2F8%2F7%2Fd%2Fwm087da1f9bd9a6ef6c4def7120d3fd5eb347781) center / contain no-repeat"></i>
28316    </span>
28317</span>
28318        </span>
28319    </a>
28320</div>
28321    <!-- Button:SocialMedia2 -->
28322<div id="a280b96f-593c-4253-bfed-13ab6db02345" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:-1.41px;--marginTopTablet:46.00px;--borderTopDesktop:none;--marginLeftMobile:59px;--marginLeftTablet:146px;--marginTopDesktop:0.38px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:386px;--paddingLeftMobile:10px;
28322--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:17.88px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
28323    <a href="https&colon;&sol;&sol;www&period;facebook&period;com&sol;people&sol;Anderson-Animal-Hospital&sol;100027227572850&sol;" target="_blank" class="wml wml_button">
28324        <span class="wms_background">
28325            <div class="wmc_color_layer "
28326    style=""
28327         data-animate-observe="a280b96f-593c-4253-bfed-13ab6db02345" >
28328</div>
28329        </span>
28330        <span class="wms_button">
28331            <!-- Button.Text:button_text -->
28332<span id="a280b96f-55f6-47cb-a1b6-4f753be23ae9" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28333    <span class="wml">
28334        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
28335    </span>
28336</span>
28337            <!-- Button.Icon:button_icon -->
28338<span id="a280b96f-5538-4d7e-846e-b8e828cb791a" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorBwGradientC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryG),1);">
28339    <span class="wml wml_icon">
28340        <i style="mask: url(https://storage.evona.app/w%2Fm%2F6%2F9%2Fa%2Fe%2Fwm69ae4dd661965351e400d1a1d8dc97459b0df6) center / contain no-repeat"></i>
28341    </span>
28342</span>
28343        </span>
28344    </a>
28345</div>
28346    <!-- Button:SocialMedia3 -->
28347<div id="a280b96f-5e2a-4d5a-b8e0-75c4e7d7e2b1" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:47px;--widthTablet:57px;--widthDesktop:48px;--marginTopMobile:-1.41px;--marginTopTablet:46.00px;--minHeightTablet:44px;--borderTopDesktop:none;--marginLeftMobile:118px;--marginLeftTablet:215px;--marginTopDesktop:0.38px;--minHeightDesktop:44px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:448px;--paddingLeftMobile:10px;
28347--paddingLeftTablet:10px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:17.88px;--marginBottomTablet:0.00px;--paddingLeftDesktop:10px;--paddingRightMobile:10px;--paddingRightTablet:10px;--borderBottomDesktop:none;--gridPositionDesktop:1;--marginBottomDesktop:0.27px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:10px;--paddingBottomDesktop:10px;--transitionDurationMsDesktopHover:500;">
28348    <a href="https&colon;&sol;&sol;www&period;instagram&period;com&sol;" target="_blank" class="wml wml_button">
28349        <span class="wms_background">
28350            <div class="wmc_color_layer "
28351    style=""
28352         data-animate-observe="a280b96f-5e2a-4d5a-b8e0-75c4e7d7e2b1" >
28353</div>
28354        </span>
28355        <span class="wms_button">
28356            <!-- Button.Text:button_text -->
28357<span id="a280b96f-5b55-40e6-a8fa-8543003f180f" class="wmc wmc_text wmc_buttonText wmcM_visuallyHide" style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28358    <span class="wml">
28359        <p style><span style="--fontSizeDesktop: 1rem; --textColorDesktop: rgba(var(--colorBwGradientA));">Button Text</span></p>
28360    </span>
28361</span>
28362            <!-- Button.Icon:button_icon -->
28363<span id="a280b96f-5a6d-493a-8ec1-a573a05dd8d2" class="wmc wmc_icon wmc_buttonIcon " style="--iconSizeDesktop:1.5rem;--iconColorDesktop:rgba(var(--colorBwGradientC),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconColorDesktopHover:rgba(var(--colorPrimaryG),1);">
28364    <span class="wml wml_icon">
28365        <i style="mask: url(https://storage.evona.app/w%2Fm%2F6%2Fe%2Ff%2Fd%2Fwm6efd6ee9b55c4e9b53d030d39a3dfc41222f2d) center / contain no-repeat"></i>
28366    </span>
28367</span>
28368        </span>
28369    </a>
28370</div>
28371    </div>
28372</wm-cell>
28373    </div>
28374</wm-columns>
28375    </div>
28376</section>
28377    <!-- Shelf:ShelfFooter2 -->
28378<section id="a280b96f-49cc-4a2a-8de7-9c73c44503a9" class="wmc wmc_shelf " style="--widthMobile:320px;--widthTablet:720px;--widthDesktop:1280px;--marginTopMobile:0.00px;--marginTopTablet:19.66px;--minHeightMobile:170px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:51.50px;--minHeightDesktop:221.1328125px;--marginLeftDesktop:264px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;">
28379    <div class="wml wml_rows">
28380        <div class="wms_background">
28381            <div class="wmc_color_layer "
28382    style=""
28383         data-animate-observe="a280b96f-49cc-4a2a-8de7-9c73c44503a9" >
28384</div>
28385        </div>
28386        <!-- Columns:ColumnsFooter2 -->
28387<wm-columns id="a280b96f-47b7-4c36-b189-852cb1433828" class="wmc wmc_columns wmcM_containerSizeFull" style="--columnsCount:3;--widthDesktop:1280px;--columnsRatios:46fr 24fr 30fr;--marginTopMobile:0px;--marginTopTablet:-10.00px;--minHeightTablet:250px;--columnsGapMobile:32px;--columnsGapTablet:24px;--columnsRatiosSum:100;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:-26.50px;--minHeightDesktop:242px;--columnsGapDesktop:60px;--marginLeftDesktop:143px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:10.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;--columnsPaddingMobile:0px;--columnsPaddingTablet:0px;--columnsPaddingDesktop:0px;">
28388    <div class="wml wml_columns">
28389        <div class="wms_background">
28390            <div class="wmc_color_layer "
28391    style=""
28392         data-animate-observe="a280b96f-47b7-4c36-b189-852cb1433828" >
28393</div>
28394        </div>
28395        <!-- Column:Cell1Footer2 -->
28396<wm-cell id="a280b96f-3d30-40ac-86c4-f9d17431abfe" class="wmc wmc_column " style="--columnRatio:46;--minHeightMobile:70.1953125px;--minHeightTablet:213.84375px;--minHeightDesktop:277.125px;--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28397    <div class="wml wml_rows">
28398        <div class="wms_background">
28399            <div class="wmc_color_layer "
28400    style=""
28401         data-animate-observe="a280b96f-3d30-40ac-86c4-f9d17431abfe" >
28402</div>
28403        </div>
28404        <!-- Text:PracticeDescription -->
28405<div id="a280b96f-3b21-4f05-95ac-368e522f875b" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
28406            >
28407    <div class="wml">
28408        <div class="wmcM_paragraph1" style="--lineHeightTablet: 1;"><span style="--fontSizeTablet: 1rem; --textColorDesktop: rgba(var(--colorBwGradientC),1);">We help pets overcome pain and regain their mobility, providing personalized care solutions to help them get back to doing what they love quickly and effectively.</span></div>
28409    </div>
28410</div>
28411    <!-- RawHTML:html_1 -->
28412<div id="a2b743d9-62ea-4e1d-81cc-ff9b2698b159" class="wmc wmc_rawHtml " style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:300px;--marginTopMobile:0px;--marginTopTablet:0px;--minHeightMobile:250px;--minHeightTablet:250px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:17.58px;--minHeightDesktop:52.03125px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0px;--marginBottomTablet:0px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;">
28413    <div class="wml">
28414        <div class="wms_background">
28415            <div class="wmc_color_layer "
28416    style=""
28417         data-animate-observe="a2b743d9-62ea-4e1d-81cc-ff9b2698b159" >
28418</div>
28419        </div>
28420        <div class="wms_content">
28421            
28421<script type="text/wmdjs"  >
28422function fixEncoding(str) {
28423    try {
28424        return decodeURIComponent(escape(str));
28425    } catch (e) {
28426        return str;
28427    }
28428}
28429
28430document.querySelectorAll("*").forEach(el => {
28431    if (el.children.length === 0) {
28432        el.textContent = fixEncoding(el.textContent);
28433    }
28434});
28435</script>
28435
28436        </div>
28437    </div>
28438</div>
28439    </div>
28440</wm-cell>
28441    <!-- Column:Cell2Footer2 -->
28442<wm-cell id="a280b96f-44db-41c1-8641-e0fcfbc11bca" class="wmc wmc_column " style="--columnRatio:24;--minHeightMobile:240px;--minHeightTablet:213.84375px;--minHeightDesktop:277.125px;--gridPositionMobile:2;--gridPositionTablet:2;--gridPositionDesktop:2;">
28443    <div class="wml wml_rows">
28444        <div class="wms_background">
28445            <div class="wmc_color_layer "
28446    style=""
28447         data-animate-observe="a280b96f-44db-41c1-8641-e0fcfbc11bca" >
28448</div>
28449        </div>
28450        <!-- Text:NavigationTitle -->
28451<div id="a280b96f-3f14-479e-b070-f18e17e37bb7" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
28452            >
28453    <div class="wml">
28454        <div class="wmcM_paragraph3" style><span style="--letterSpacingDesktop: 2px; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientC),1); --fontFamily: var(--fontFamilyPrimary);">EXPLORE</span></div>
28455    </div>
28456</div>
28457    <!-- Menu:Navigation -->
28458<wm-menu id="a280b96f-4187-4c06-b70f-34898501351f" class="wmc wmc_menu wmcM_animateHover wmcM_menuVerticalDesktop wmcM_menuVerticalMobile wmcM_menuVerticalTablet wmd_showMoreMenu"
28459    style="--widthMobile:300px;--widthTablet:161px;--widthDesktop:193.90625px;--marginTopMobile:12.00px;--marginTopTablet:11.84px;--marginLeftMobile:0px;--marginLeftTablet:0.3828125px;--marginTopDesktop:16.13px;--minHeightDesktop:189.046875px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:32.51px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;--verticalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--verticalNavBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavItemFontSizeDesktop:16px;--horizontalNavArrowRotateDesktop:rotate(0deg);--verticalNavItemFontColorDesktop:rgba(var(--colorBwGradientC),1);--horizontalNavArrowSpacingDesktop:0px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:16px;--verticalNavSeparatorHeightDesktop:1px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorCtaA),1);--horizontalNavSeparatorWidthDesktop:2px;--verticalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--verticalNavSeparatorDisplayDesktop:none;--verticalNavSeparatorSpacingDesktop:24px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:14px;--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:30px;--verticalNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryH),1);--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemPaddingTopDesktop:10px;
28459--verticalNavItemBackgroundColorDesktop:rgba(var(--colorBwGradientC),0);--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavSubItemPaddingLeftDesktop:7px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:7px;--horizontalNavSubItemPaddingBottomDesktop:10px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorBwGradientD),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorBwGradientJ),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2Fe%2F9%2Ff%2F6%2Fwme9f6bd1608c8e7e481a785f005c362bbec762b);--wmd_backIconUrl:url(https://storage.evona.app/w%2Fm%2F8%2F8%2F9%2F2%2Fwm8892f2ea984492d01ab40e847ed7b59d087b58);--wmd_closeIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2F5%2Fc%2Fd%2Fwm95cd121496a8bac8ec9af78365d420dd1189b3);--wmd_menuItemIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023);--wmd_submenuItemIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_submenuTitleIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F5%2F4%2F6%2Fwmf5464991a424a4453af8202a9e6eed459bc7e9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F2%2F1%2F7%2F0%2Fwm2170fa253c2e31e265c7b09a876adfbf970b23);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2F9%2Fe%2F9%2Ff%2Fwm9e9f78809f590d8e9da9f5b0e2f8971a74d030);"
28460    data-parent-menu-to-submenu="false"
28461    data-more-menu="true"
28462    data-more-menu-text="More">
28463    <div class="wml">
28464        <div class="wms_content">
28465            <div class="navigation-module-container">
28466                <button class="hamburger-button">
28467                    <span class="hamburger-button-icon--container">
28468                        <span class="hamburger-button-icon"></span>
28469                        <span
28470                            class="hamburger-button-text visually-hidden"
28471                        >
28472                            
28473                            MENU
28474                        </span>
28475                    </span>
28476                </button>
28477                                    
28478                    
28479                    
28480                    <nav class="navigation-nav">
28481                        <ul class="navigation-nav--main-menu">
28482                            <li class="navigation-nav--item">
28483                                <a href="#">Home</a>
28484                            </li>
28485                            <li class="navigation-nav--separator">&nbsp;</li>
28486                            <li class="navigation-nav--item">
28487                                <a href="https://www.google.com">About Us</a>
28488                                <span class="arrow"></span>
28489                                <ul class="navigation-nav--sub-menu">
28490                                    <li class="navigation-nav--sub-item">
28491                                        <a href="#">Our Mission</a>
28492                                    </li>
28493                                    <li class="navigation-nav--separator">&nbsp;</li>
28494                                    <li class="navigation-nav--sub-item">
28495                                        <a href="#">Our Vision</a>
28496                                    </li>
28497                                    <li class="navigation-nav--separator">&nbsp;</li>
28498                                    <li class="navigation-nav--sub-item">
28499                                        <a href="#">Our location</a>
28500                                        <span class="arrow"></span>
28501                                        <ul class="navigation-nav--sub-menu">
28502                                            <li class="navigation-nav--sub-item">
28503                                                <a href="#">New York</a>
28504                                                <span class="arrow"></span>
28505                                                <ul class="navigation-nav--sub-menu">
28506                                                    <li class="navigation-nav--sub-item">
28507                                                        <a href="#">Newark</a>
28508                                                    </li>
28509                                                    <li class="navigation-nav--separator">&nbsp;</li>
28510                                                    <li class="navigation-nav--sub-item">
28511                                                        <a href="#">Jersey City</a>
28512                                                    </li>
28513                                                    <li class="navigation-nav--separator">&nbsp;</li>
28514                                                    <li class="navigation-nav--sub-item">
28515                                                        <a href="#">Trenton</a>
28516                                                    </li>
28517                                                    <li class="navigation-nav--separator">&nbsp;</li>
28518                                                    <li class="navigation-nav--sub-item">
28519                                                        <a href="#">Princeton</a>
28520                                                    </li>
28521                                                </ul>
28522                                            </li>
28523                                            <li class="navigation-nav--separator">&nbsp;</li>
28524                                            <li class="navigation-nav--sub-item">
28525                                                <a href="#">Los Angeles</a>
28526                                            </li>
28527                                            <li class="navigation-nav--separator">&nbsp;</li>
28528                                            <li class="navigation-nav--sub-item">
28529                                                <a href="#">Chicago</a>
28530                                            </li>
28531                                            <li class="navigation-nav--separator">&nbsp;</li>
28532                                            <li class="navigation-nav--sub-item">
28533                                                <a href="#">New Jersey Garden State</a>
28534                                                <span class="arrow"></span>
28535                                                <ul class="navigation-nav--sub-menu">
28536                                                    <li class="navigation-nav--sub-item">
28537                                                        <a href="#">Newark</a>
28538                                                    </li>
28539                                                    <li class="navigation-nav--separator">&nbsp;</li>
28540                                                    <li class="navigation-nav--sub-item">
28541                                                        <a href="#">Jersey City</a>
28542                                                    </li>
28543                                                    <li class="navigation-nav--separator">&nbsp;</li>
28544                                                    <li class="navigation-nav--sub-item">
28545                                                        <a href="#">Trenton</a>
28546                                                    </li>
28547                                                    <li class="navigation-nav--separator">&nbsp;</li>
28548                                                    <li class="navigation-nav--sub-item">
28549                                                        <a href="#">Princeton</a>
28550                                                    </li>
28551                                                </ul>
28552                                            </li>
28553                                        </ul>
28554                                    </li>
28555                                </ul>
28556                            </li>
28557                            <li class="navigation-nav--separator">&nbsp;</li>
28558                            <li class="navigation-nav--item">
28559                                <a href="/services">Services</a>
28560                                <span class="arrow"></span>
28561                                <ul class="navigation-nav--sub-menu">
28562                                    <li class="navigation-nav--sub-item">
28563                                        <a href="#">Newark</a>
28564                                    </li>
28565                                    <li class="navigation-nav--separator">&nbsp;</li>
28566                                    <li class="navigation-nav--sub-item">
28567                                        <a href="#">Jersey City</a>
28568                                    </li>
28569                                    <li class="navigation-nav--separator">&nbsp;</li>
28570                                    <li class="navigation-nav--sub-item">
28571                                        <a href="#">Trenton</a>
28572                                    </li>
28573                                    <li class="navigation-nav--separator">&nbsp;</li>
28574                                    <li class="navigation-nav--sub-item">
28575                                        <a href="#">Princeton</a>
28576                                    </li>
28577                                </ul>
28578                            </li>
28579                            <li class="navigation-nav--separator">&nbsp;</li>
28580                            <li class="navigation-nav--item">
28581                                <a href="#">Reviews</a>
28582                            </li>
28583                            <li class="navigation-nav--separator">&nbsp;</li>
28584                            <li class="navigation-nav--item">
28585                                <a href="#">Our services</a>
28586                                <span class="arrow"></span>
28587                                <ul class="navigation-nav--sub-menu">
28588                                    <li class="navigation-nav--sub-item">
28589                                        <a href="#">Newark</a>
28590                                    </li>
28591                                    <li class="navigation-nav--separator">&nbsp;</li>
28592                                    <li class="navigation-nav--sub-item">
28593                                        <a href="#">Jersey City</a>
28594                                    </li>
28595                                    <li class="navigation-nav--separator">&nbsp;</li>
28596                                    <li class="navigation-nav--sub-item">
28597                                        <a href="#">Trenton</a>
28598                                    </li>
28599                                    <li class="navigation-nav--separator">&nbsp;</li>
28600                                    <li class="navigation-nav--sub-item">
28601                                        <a href="#">Princeton</a>
28602                                    </li>
28603                                </ul>
28604                            </li>
28605                            <li class="navigation-nav--separator">&nbsp;</li>
28606                            <li class="navigation-nav--item">
28607                                <a href="#">Blog</a>
28608                            </li>
28609                            <li class="navigation-nav--separator">&nbsp;</li>
28610                            <li class="navigation-nav--item">
28611                                <a href="#">Directions</a>
28612                                <span class="arrow"></span>
28613                                <ul class="navigation-nav--sub-menu">
28614                                    <li class="navigation-nav--sub-item">
28615                                        <a href="#">Newark</a>
28616                                    </li>
28617                                    <li class="navigation-nav--separator">&nbsp;</li>
28618                                    <li class="navigation-nav--sub-item">
28619                                        <a href="#">Jersey City</a>
28620                                    </li>
28621                                    <li class="navigation-nav--separator">&nbsp;</li>
28622                                    <li class="navigation-nav--sub-item">
28623                                        <a href="#">Trenton</a>
28624                                    </li>
28625                                    <li class="navigation-nav--separator">&nbsp;</li>
28626                                    <li class="navigation-nav--sub-item">
28627                                        <a href="#">Princeton</a>
28628                                    </li>
28629                                </ul>
28630                            </li>
28631                            <li class="navigation-nav--separator">&nbsp;</li>
28632                            <li class="navigation-nav--item">
28633                                <a href="#">Contact</a>
28634                            </li>
28635
28636
28637
28638
28639
28640
28641
28642
28643                        </ul>
28644                    </nav>
28645                            </div>
28646        </div>
28647    </div>
28648</wm-menu>
28649    </div>
28650</wm-cell>
28651    <!-- Column:Cell3Footer2 -->
28652<wm-cell id="a280b96f-39a7-47d8-b9f6-0dd118dc784f" class="wmc wmc_column " style="--columnRatio:30;--minHeightMobile:158.125px;--minHeightTablet:213.84375px;--minHeightDesktop:277.125px;--gridPositionMobile:3;--gridPositionTablet:3;--gridPositionDesktop:3;">
28653    <div class="wml wml_rows">
28654        <div class="wms_background">
28655            <div class="wmc_color_layer "
28656    style=""
28657         data-animate-observe="a280b96f-39a7-47d8-b9f6-0dd118dc784f" >
28658</div>
28659        </div>
28660        <!-- Text:LocationTitle -->
28661<div id="a280b96f-2b79-45ee-9084-00c64bd593d9" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:300px;--widthTablet:300px;--widthDesktop:290px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.40px;--minHeightDesktop:24.5px;--marginLeftDesktop:0px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:1;--marginBottomDesktop:0.00px;"
28662            >
28663    <div class="wml">
28664        <div class="wmcM_paragraph3" style><span style="--letterSpacingDesktop: 2px; --fontWeightDesktop: 700; --textColorDesktop: rgba(var(--colorBwGradientC),1); --fontFamily: var(--fontFamilyPrimary);">OUR LOCATION</span></div>
28665    </div>
28666</div>
28667    <!-- Text:Address -->
28668<div id="a280b96f-2e66-4cb4-8d66-ec44a009da36" class="wmc wmc_text wmcM_containerSizeFull" style="--widthMobile:320px;--widthTablet:168px;--widthDesktop:290px;--marginTopMobile:12.00px;--marginTopTablet:12.00px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:15.50px;--minHeightDesktop:31px;--marginLeftDesktop:0px;--gridPositionMobile:2;--gridPositionTablet:2;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:2;--marginBottomDesktop:0.00px;"
28669            >
28670    <div class="wml">
28671        <div class="wmcM_paragraph3" style><span style="--textColorDesktop: rgba(var(--colorBwGradientC),1);">50 W 57th St<br />New York, NY 10019</span></div>
28672    </div>
28673</div>
28674    <!-- Button:Phone -->
28675<div id="a280b96f-3697-474b-9b99-429a68aad989" class="wmc wmc_button wmcM_animateHover" style="--widthMobile:200px;--widthTablet:168px;--widthDesktop:208px;--flexGapDesktop:4px;--marginTopMobile:0.00px;--marginTopTablet:0.00px;--borderTopDesktop:none;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:0.00px;--paddingTopMobile:10px;--paddingTopTablet:10px;--borderLeftDesktop:none;--marginLeftDesktop:0px;--paddingLeftMobile:0px;--paddingLeftTablet:0px;--paddingTopDesktop:10px;--borderRightDesktop:none;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:30.13px;--marginBottomTablet:32.51px;--paddingLeftDesktop:0px;--paddingRightMobile:10px;
28675--paddingRightTablet:10px;--borderBottomDesktop:none;--borderRadiusDesktop:0px 0px 0px 0px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;--paddingBottomMobile:10px;--paddingBottomTablet:10px;--paddingRightDesktop:0px;--paddingBottomDesktop:10px;--borderTopDesktopHover:none;--borderLeftDesktopHover:none;--borderRightDesktopHover:none;--borderBottomDesktopHover:none;--borderRadiusDesktopHover:0px 0px 0px 0px;--flexJustifyContentDesktop:start;--transitionDurationMsDesktopHover:500;">
28676    <a href="tel:2125817387" class="wml wml_button">
28677        <span class="wms_background">
28678            <div class="wmc_color_layer "
28679    style=""
28680         data-animate-observe="a280b96f-3697-474b-9b99-429a68aad989" >
28681</div>
28682        </span>
28683        <span class="wms_button">
28684            <!-- Button.Text:button_text -->
28685<span id="a280b96f-33b1-43d5-906a-3a7756368e5d" class="wmc wmc_text wmc_buttonText " style="--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;">
28686    <span class="wml">
28687        <p class="wmcM_paragraph3" style><span style="--letterSpacingDesktop: 1px; --fontWeightDesktop: 400; --textColorDesktop: rgba(var(--colorBwGradientC),1); --textColorDesktopHover: rgba(var(--colorCtaF),1);">&lpar;212&rpar; 581-7387</span></p>
28688    </span>
28689</span>
28690            <!-- Button.Icon:button_icon -->
28691<span id="a280b96f-3265-44cd-8cba-a882685eec88" class="wmc wmc_icon wmc_buttonIcon wmcM_empty" style="--iconSizeDesktop:16px;--iconColorDesktop:rgba(var(--colorPrimaryH),1);--gridPositionMobile:1;--gridPositionTablet:1;--gridPositionDesktop:1;--iconSizeDesktopHover:16px;--iconColorDesktopHover:rgba(var(--colorPrimaryI),1);--iconSizeDesktopActive:16px;">
28692    <span class="wml wml_icon">
28693        <i style="mask: url(https://storage.evona.app/w%2Fm%2F9%2Fc%2F7%2F3%2Fwm9c730be9d50f5ec7473d273d2be31441f4f023) center / contain no-repeat"></i>
28694    </span>
28695</span>
28696        </span>
28697    </a>
28698</div>
28699    </div>
28700</wm-cell>
28701    </div>
28702</wm-columns>
28703    </div>
28704</section>
28705    <!-- Shelf:ShelfCopyright -->
28706<section id="a280b97f-808c-460c-88bc-197d4a24cb9a" class="wmc wmc_shelf wmcM_containerSizeFull" style="--widthDesktop:1280px;--bgColorDesktop:rgba(var(--colorPrimaryA),1);--marginTopMobile:0.00px;--marginTopTablet:0.00px;--minHeightMobile:185.125px;--minHeightTablet:174px;--marginLeftMobile:0px;--marginLeftTablet:0px;--marginTopDesktop:30.84px;--minHeightDesktop:65.9921875px;--marginLeftDesktop:90px;--gridPositionMobile:3;--gridPositionTablet:3;--marginBottomMobile:0.00px;--marginBottomTablet:0.00px;--gridPositionDesktop:3;--marginBottomDesktop:0.00px;">
28707    <div class="wml wml_rows">
28708        <div class="wms_background">
28709            <div class="wmc_color_layer "
28710    style=""
28711         data-animate-observe="a280b97f-808c-460c-88bc-197d4a24cb9a" >
28712</div>
28713        </div>
28714        <!-- Menu:Copyright -->
28715<wm-menu id="a280b96f-6578-4183-8842-bfec5d7bfda0" class="wmc wmc_menu wmcM_animateHover wmcM_menuHorizontalDesktop wmcM_menuHorizontalTablet wmcM_menuVerticalMobile"
28716    style="--zIndex:0;--widthMobile:320px;--widthTablet:627px;--widthDesktop:552px;--marginTopMobile:24.00px;--marginTopTablet:0.70px;--marginLeftMobile:0px;--marginLeftTablet:72px;--marginTopDesktop:7.25px;--minHeightDesktop:51.5px;--marginLeftDesktop:364px;--gridPositionMobile:1;--gridPositionTablet:1;--marginBottomMobile:26.13px;--marginBottomTablet:-0.70px;--gridPositionDesktop:1;--marginBottomDesktop:7.23px;--verticalNavItemFontMobile:var(--fontFamilySecondary);--horizontalNavItemFontDesktop:var(--fontFamilySecondary);--horizontalNavArrowSizeDesktop:24px;--verticalNavItemFontSizeMobile:12px;--horizontalNavArrowColorDesktop:rgba(var(--colorBwGradientJ),1);--verticalNavItemFontColorMobile:rgba(var(--colorBwGradientJ),1);--horizontalNavArrowRotateDesktop:rotate(0deg);--horizontalNavSubItemFontDesktop:var(--fontFamilySecondary);--verticalNavSeparatorColorMobile:rgba(var(--colorBwGradientG),1);--horizontalNavArrowSpacingDesktop:8px;--horizontalNavBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemFontSizeDesktop:12px;--horizontalNavItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubArrowColorDesktop:rgba(var(--colorBwGradientJ),
287161);--horizontalNavSubPaddingTopDesktop:16px;--verticalNavSeparatorSpacingMobile:16px;--horizontalNavItemPaddingTopDesktop:0px;--horizontalNavSeparatorColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSeparatorWidthDesktop:1px;--verticalNavItemFontSizeHoverMobile:12px;--horizontalNavArrowColorHoverDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavBackgroundColorDesktop:rgba(var(--colorBwGradientA),0);--horizontalNavItemPaddingLeftDesktop:0px;--horizontalNavSubItemFontSizeDesktop:16px;--verticalNavItemHoverFontColorMobile:rgba(var(--colorBwGradientJ),1);--horizontalNavItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavItemPaddingRightDesktop:0px;--horizontalNavSeparatorDisplayDesktop:block;--horizontalNavSeparatorSpacingDesktop:24px;--horizontalNavSubItemFontColorDesktop:rgba(var(--colorBwGradientJ),1);--horizontalNavSubPaddingBottomDesktop:16px;--horizontalNavItemPaddingBottomDesktop:0px;--horizontalNavSubItemFontWeightDesktop:bold;--horizontalNavSubItemPaddingTopDesktop:16px;--horizontalNavItemHoverFontColorDesktop:rgba(var(--colorPrimaryH),1);--horizontalNavSubArrowColorHoverDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavSubItemPaddingLeftDesktop:24px;--horizontalNavSubItemBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubItemPaddingRightDesktop:24px;--horizontalNavSubItemPaddingBottomDesktop:16px;--horizontalNavItemBorderRadiusHoverDesktop:0px 0px 0px 0px;--horizontalNavSubItemHoverFontColorDesktop:rgba(var(--colorPrimaryG),1);--horizontalNavItemHoverBackgroundColorDesktop:rgba(var(--colorBwGradientD),0);--horizontalNavSubContainerBorderRadiusDesktop:0px 0px 0px 0px;--horizontalNavSubContainerBackgroundColorDesktop:rgba(var(--colorPrimaryA),1);--horizontalNavSubItemHoverBackgroundColorDesktop:rgba(var(--colorPrimaryB),1);--wmd_hamburgerIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2F7%2Fc%2Fwm1a7c5511e74b9c0b5d411b7e00724155047ef9);--wmd_caretIconUrl:url(https://storage.evona.app/w%2Fm%2F1%2Fa%2Fd%2F4%2Fwm1ad45e74b7e8f03b24851676d8d73e17aaaadf);--wmd_submenuCaretIconUrl:url(https://storage.evona.app/w%2Fm%2Ff%2F1%2Fe%2F9%2Fwmf1e986a44c63405380e03d88a9afcb0aa16c56);"
28717    data-parent-menu-to-submenu="false"
28718    data-more-menu="false"
28719    data-more-menu-text="More">
28720    <div class="wml">
28721        <div class="wms_content">
28722            <div class="navigation-module-container">
28723                <button class="hamburger-button">
28724                    <span class="hamburger-button-icon--container">
28725                        <span class="hamburger-button-icon"></span>
28726                        <span
28727                            class="hamburger-button-text visually-hidden"
28728                        >
28729                            
28730                            MENU
28731                        </span>
28732                    </span>
28733                </button>
28734                                    <nav class="navigation-nav">
28735                        <ul class="navigation-nav--main-menu">
28736                                                            <li class="navigation-nav--item">
28737    <a
28738        href="https://imatrix.com/"
28739        href="https://imatrix.com/"
28740                    target="_blank" rel="noopener noreferrer"
28741            >
28742                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
28743                Copyright © 2026 MH Sub I, LLC dba iMatrix
28744    </a>
28745    </li>
28746                                                                    <li class="navigation-nav--separator">&nbsp;</li>
28747                                                                                            <li class="navigation-nav--item">
28748    <a
28749        href="https://portal.imatrixbase.com/"
28750        href="https://portal.imatrixbase.com/"
28751                    target="_blank" rel="noopener noreferrer"
28752            >
28753                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
28754                Admin Log In
28755    </a>
28756    </li>
28757                                                                    <li class="navigation-nav--separator">&nbsp;</li>
28758                                                                                            <li class="navigation-nav--item">
28759    <a
28760        href="https://www.internetbrands.com/privacy/privacy-main"
28761        href="https://www.internetbrands.com/privacy/privacy-main"
28762                    target="_blank" rel="noopener noreferrer"
28763            >
28764                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
28765                Privacy Policy
28766    </a>
28767    </li>
28768                                                                    <li class="navigation-nav--separator">&nbsp;</li>
28769                                                                                            <li class="navigation-nav--item">
28770    <a
28771        href="https://www.citypetsvets.com/zzz-backup/site-map"
28772        href="#"
28773            >
28774                    <i class="navigation-nav--icon-spacer" aria-hidden="true"></i>
28775                Site Map
28776    </a>
28777    </li>
28778                                                            
28779
28780
28781
28782
28783
28784
28785
28786                        </ul>
28787                    </nav>
28788                            </div>
28789        </div>
28790    </div>
28791</wm-menu>
28792    </div>
28793</section>
28794    </div>
28795</section>
28796        </main>
28797
28798
28799
28800
28801    
28801<script type="text/wmdjs" src="//smbleads.ibsmb.com/js/CampaignTracker.min.js"></script>
vendor: 77 bytes, lines 28801-28802
28801
28802    <script type="text/wmdjs" src="//www.google.com/recaptcha/api.js?render=
288026LfrgcArAAAAAO-cf15JEPqXF8eU6WKU-cmP22zt
vendor: 16 bytes, lines 28802-28803
28802"></script>
28803    
28803<script type="text/wmdjs" src="//www.googletagmanager.com/gtag/js?id=G-YNSVLVS809"></script>
28803
28804
28805
28806<!-- Footer Tags -->
28807
28808
28809<!-- Call Tracking -->
28810<script type="text/javascript">
28811    _ctRewriteUrl = "https://apps.vetmatrixbase.com/CallTracking/RewriteRule/clientId/12819";
28812</script>
28812
28813
28814<script
28815    type="text/wmdjs"
28816    src="https://apps.vetmatrixbase.com/js/smb-number-changer.js?date=20261004"
28817    defer
28818></script>
28818
28819
28820
28821<!-- Accessibility -->
28822<script
28823    type="text/wmdjs"
28824    data-position="5"
28825    data-account="RcNKI7Xfag"
28826    src="https://cdn.userway.org/widget.js"
28827    defer
28828></script>
28828
28829
28830
28831<!-- Body Before Closing -->
28832
28833
28834<script type="text/javascript">/* core/wm-defer.js */
28835;(() => {
28836    'use strict';
28837
28838    // lazy load deferred JS scripts
28839    function lazyLoadScripts() {
28840        document
28841            .querySelectorAll("script[type='text/wmdjs']")
28842            .forEach(el => {
28843                const newEl = document.createElement('script');
28844                const src = el.getAttribute('data-src') ?? null;
28845                try {
28846                    // copy attributes
28847                    el.getAttributeNames().forEach(name => {
28848                        if (name !== 'data-src') {
28849                            try {
28850                                newEl.setAttribute(name, el.getAttribute(name));
28851                            } catch (ignoredErr) {
28852                                // ignore unqualified/invalid attributes
28853                            }
28854                        }
28855                    });
28856
28857                    // copy src of the script or the embedded script
28858                    if (src) {
28859                        newEl.src = src;
28860                    } else {
28861                        newEl.innerHTML = el.innerHTML ?? '';
28862                    }
28863
28864                    // insert the actual script
28865                    newEl.type = 'text/javascript';
28866                    el.insertAdjacentElement('beforebegin', newEl);
28867                    el.remove();
28868                } catch (err) {
28869                    console.error('Error invoking script element', el, newEl, err);
28870                }
28871            });
28872    }
28873
28874    if (!globalThis.wmUserInteraction) {
28875        window.addEventListener('wm-user-interaction', lazyLoadScripts, { once: true });
28876    } else {
28877        lazyLoadScripts();
28878    }
28879})();
28880</script>
vendor: 1 bytes, line 28880
28880
28881<script type="text/javascript">/* core/user-interaction.js */
28882;(() => {
28883
28884    class WmUserInteractionEvent extends CustomEvent {
28885        constructor(detail = null) {
28886            super('wm-user-interaction', { detail });
28887        }
28888    }
28889
28890    function doInit() {
28891        const interactionEvents = ['mousemove', 'mousedown', 'keydown', 'touchmove', 'touchstart'];
28892
28893        const timeInit = Date.now();
28894        const triggerDelay = 500;
28895        const minDelay = 1000;
28896        const maxDelay = 20000;
28897        const scrollThreshold = 50;
28898        let initialScroll = null;
28899
28900        // schedule dispatching after the maximum timeout
28901        const timer = setTimeout(dispatch, maxDelay);
28902        // initiate dispatching on user interaction
28903        interactionEvents.forEach(e => {
28904            window.addEventListener(e, dispatch);
28905        });
28906        window.addEventListener('scroll', scrollDetect);
28907
28908        function scrollDetect() {
28909            if (initialScroll === null) {
28910                initialScroll = window.scrollY;
28911            }
28912            if (Math.abs(window.scrollY - initialScroll) > scrollThreshold) {
28913                dispatch();
28914            }
28915        }
28916
28917        function dispatch() {
28918            // calculate the remaining trigger delay and ignore dispatch if it's not yet reached
28919            const timeDiff = Date.now() - timeInit;
28920            const triggerRemaining = (triggerDelay > timeDiff) ? (triggerDelay - timeDiff) : 0;
28921            if (triggerRemaining > 0) {
28922                return;
28923            }
28924
28925            // if reached, remove all triggers
28926            clearTimeout(timer);
28927            interactionEvents.forEach(e => {
28928                window.removeEventListener(e, dispatch);
28929            });
28930            window.removeEventListener('scroll', scrollDetect);
28931
28932            // calculate the remaining delay and dispatch as soon as allowed
28933            const timeRemaining = (minDelay > timeDiff) ? (minDelay - timeDiff) : 0;
28934
28935            if (timeRemaining > 0) {
28936                setTimeout(doDispatch, timeRemaining);
28937            } else {
28938                doDispatch();
28939            }
28940        }
28941    }
28942
28943    function doDispatch() {
28944        console.debug('interaction: dispatch');
28945        globalThis.wmUserInteraction = true;
28946        window.dispatchEvent(new WmUserInteractionEvent);
28947    }
28948
28949    function init() {
28950        if (globalThis.wmUserInteraction) return;
28951
28952        if (!globalThis.WMConstants.initialAutoStart) {
28953            doDispatch();
28954            return;
28955        }
28956
28957        doInit();
28958    }
28959
28960    if (!globalThis.wmDevice) {
28961        window.addEventListener('wm-device-ready', init, { once: true });
28962    } else {
28963        init();
28964    }
28965})();
28966</script>
vendor: 1 bytes, line 28966
28966
28967<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f313f3bd8f7c45e59b3f3163cfa0859c","r":1,"spa":2}' crossorigin="anonymous"></script>
28967
28968</body>
28969</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.