@telia/teddy 0.0.51 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +13 -13
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +13 -13
- package/dist/components/navigation-menu/navigation-menu.cjs +20 -20
- package/dist/components/navigation-menu/navigation-menu.js +20 -20
- package/dist/style.css +469 -471
- package/package.json +1 -1
|
@@ -29,19 +29,19 @@ const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/
|
|
|
29
29
|
const components_link_link = require("../../link/link.cjs");
|
|
30
30
|
const components_list_index = require("../../list/index.cjs");
|
|
31
31
|
const styles = {
|
|
32
|
-
"teddy-global-navigation": "_teddy-global-
|
|
33
|
-
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-
|
|
34
|
-
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-
|
|
35
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
36
|
-
"teddy-global-navigation__link": "_teddy-global-
|
|
37
|
-
"teddy-global-navigation__viewport": "_teddy-global-
|
|
38
|
-
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-
|
|
39
|
-
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-
|
|
40
|
-
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-
|
|
41
|
-
"close-viewport": "_close-
|
|
42
|
-
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-
|
|
43
|
-
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-
|
|
44
|
-
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-
|
|
32
|
+
"teddy-global-navigation": "_teddy-global-navigation_1m6ra_1",
|
|
33
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1m6ra_6",
|
|
34
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1m6ra_9",
|
|
35
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1m6ra_6",
|
|
36
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_1m6ra_26",
|
|
37
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1m6ra_29",
|
|
38
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1m6ra_32",
|
|
39
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1m6ra_36",
|
|
40
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1m6ra_43",
|
|
41
|
+
"close-viewport": "_close-viewport_1m6ra_1",
|
|
42
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1m6ra_54",
|
|
43
|
+
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1m6ra_64",
|
|
44
|
+
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1m6ra_80"
|
|
45
45
|
};
|
|
46
46
|
function MyPages(props) {
|
|
47
47
|
var _a, _b;
|
|
@@ -27,19 +27,19 @@ import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
|
|
|
27
27
|
import { Link } from "../../link/link.js";
|
|
28
28
|
import { List } from "../../list/index.js";
|
|
29
29
|
const styles = {
|
|
30
|
-
"teddy-global-navigation": "_teddy-global-
|
|
31
|
-
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-
|
|
32
|
-
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-
|
|
33
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
34
|
-
"teddy-global-navigation__link": "_teddy-global-
|
|
35
|
-
"teddy-global-navigation__viewport": "_teddy-global-
|
|
36
|
-
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-
|
|
37
|
-
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-
|
|
38
|
-
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-
|
|
39
|
-
"close-viewport": "_close-
|
|
40
|
-
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-
|
|
41
|
-
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-
|
|
42
|
-
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-
|
|
30
|
+
"teddy-global-navigation": "_teddy-global-navigation_1m6ra_1",
|
|
31
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1m6ra_6",
|
|
32
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1m6ra_9",
|
|
33
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1m6ra_6",
|
|
34
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_1m6ra_26",
|
|
35
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1m6ra_29",
|
|
36
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1m6ra_32",
|
|
37
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1m6ra_36",
|
|
38
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1m6ra_43",
|
|
39
|
+
"close-viewport": "_close-viewport_1m6ra_1",
|
|
40
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1m6ra_54",
|
|
41
|
+
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1m6ra_64",
|
|
42
|
+
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1m6ra_80"
|
|
43
43
|
};
|
|
44
44
|
function MyPages(props) {
|
|
45
45
|
var _a, _b;
|
|
@@ -28,27 +28,27 @@ function _interopNamespaceDefault(e) {
|
|
|
28
28
|
return Object.freeze(n);
|
|
29
29
|
}
|
|
30
30
|
const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
|
|
31
|
-
const scaleIn = "
|
|
32
|
-
const scaleOut = "
|
|
33
|
-
const enterFromRight = "
|
|
34
|
-
const enterFromLeft = "
|
|
35
|
-
const exitToRight = "
|
|
36
|
-
const exitToLeft = "
|
|
31
|
+
const scaleIn = "_scaleIn_1bmzc_1";
|
|
32
|
+
const scaleOut = "_scaleOut_1bmzc_1";
|
|
33
|
+
const enterFromRight = "_enterFromRight_1bmzc_1";
|
|
34
|
+
const enterFromLeft = "_enterFromLeft_1bmzc_1";
|
|
35
|
+
const exitToRight = "_exitToRight_1bmzc_1";
|
|
36
|
+
const exitToLeft = "_exitToLeft_1bmzc_1";
|
|
37
37
|
const styles = {
|
|
38
|
-
"teddy-navigation-menu": "_teddy-navigation-
|
|
39
|
-
"teddy-navigation-menu__viewport": "_teddy-navigation-
|
|
40
|
-
"teddy-navigation-menu__list": "_teddy-navigation-
|
|
41
|
-
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-
|
|
42
|
-
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-
|
|
43
|
-
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--
|
|
44
|
-
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--
|
|
45
|
-
"teddy-navigation-menu__content": "_teddy-navigation-
|
|
46
|
-
"teddy-navigation-menu__trigger": "_teddy-navigation-
|
|
47
|
-
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--
|
|
48
|
-
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--
|
|
49
|
-
"teddy-navigation-menu__link": "_teddy-navigation-
|
|
50
|
-
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--
|
|
51
|
-
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--
|
|
38
|
+
"teddy-navigation-menu": "_teddy-navigation-menu_1bmzc_1",
|
|
39
|
+
"teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1bmzc_34",
|
|
40
|
+
"teddy-navigation-menu__list": "_teddy-navigation-menu__list_1bmzc_37",
|
|
41
|
+
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1bmzc_59",
|
|
42
|
+
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1bmzc_83",
|
|
43
|
+
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1bmzc_102",
|
|
44
|
+
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1bmzc_108",
|
|
45
|
+
"teddy-navigation-menu__content": "_teddy-navigation-menu__content_1bmzc_183",
|
|
46
|
+
"teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1bmzc_219",
|
|
47
|
+
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1bmzc_239",
|
|
48
|
+
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1bmzc_245",
|
|
49
|
+
"teddy-navigation-menu__link": "_teddy-navigation-menu__link_1bmzc_313",
|
|
50
|
+
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1bmzc_333",
|
|
51
|
+
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1bmzc_339",
|
|
52
52
|
scaleIn,
|
|
53
53
|
scaleOut,
|
|
54
54
|
enterFromRight,
|
|
@@ -9,27 +9,27 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
9
9
|
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
10
10
|
import { mergeStyles } from "../../utils/generate-styling/index.js";
|
|
11
11
|
import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
|
|
12
|
-
const scaleIn = "
|
|
13
|
-
const scaleOut = "
|
|
14
|
-
const enterFromRight = "
|
|
15
|
-
const enterFromLeft = "
|
|
16
|
-
const exitToRight = "
|
|
17
|
-
const exitToLeft = "
|
|
12
|
+
const scaleIn = "_scaleIn_1bmzc_1";
|
|
13
|
+
const scaleOut = "_scaleOut_1bmzc_1";
|
|
14
|
+
const enterFromRight = "_enterFromRight_1bmzc_1";
|
|
15
|
+
const enterFromLeft = "_enterFromLeft_1bmzc_1";
|
|
16
|
+
const exitToRight = "_exitToRight_1bmzc_1";
|
|
17
|
+
const exitToLeft = "_exitToLeft_1bmzc_1";
|
|
18
18
|
const styles = {
|
|
19
|
-
"teddy-navigation-menu": "_teddy-navigation-
|
|
20
|
-
"teddy-navigation-menu__viewport": "_teddy-navigation-
|
|
21
|
-
"teddy-navigation-menu__list": "_teddy-navigation-
|
|
22
|
-
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-
|
|
23
|
-
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-
|
|
24
|
-
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--
|
|
25
|
-
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--
|
|
26
|
-
"teddy-navigation-menu__content": "_teddy-navigation-
|
|
27
|
-
"teddy-navigation-menu__trigger": "_teddy-navigation-
|
|
28
|
-
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--
|
|
29
|
-
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--
|
|
30
|
-
"teddy-navigation-menu__link": "_teddy-navigation-
|
|
31
|
-
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--
|
|
32
|
-
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--
|
|
19
|
+
"teddy-navigation-menu": "_teddy-navigation-menu_1bmzc_1",
|
|
20
|
+
"teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_1bmzc_34",
|
|
21
|
+
"teddy-navigation-menu__list": "_teddy-navigation-menu__list_1bmzc_37",
|
|
22
|
+
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_1bmzc_59",
|
|
23
|
+
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_1bmzc_83",
|
|
24
|
+
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_1bmzc_102",
|
|
25
|
+
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_1bmzc_108",
|
|
26
|
+
"teddy-navigation-menu__content": "_teddy-navigation-menu__content_1bmzc_183",
|
|
27
|
+
"teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_1bmzc_219",
|
|
28
|
+
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_1bmzc_239",
|
|
29
|
+
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_1bmzc_245",
|
|
30
|
+
"teddy-navigation-menu__link": "_teddy-navigation-menu__link_1bmzc_313",
|
|
31
|
+
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_1bmzc_333",
|
|
32
|
+
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_1bmzc_339",
|
|
33
33
|
scaleIn,
|
|
34
34
|
scaleOut,
|
|
35
35
|
enterFromRight,
|
package/dist/style.css
CHANGED
|
@@ -2307,482 +2307,480 @@
|
|
|
2307
2307
|
}
|
|
2308
2308
|
._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
|
|
2309
2309
|
position: absolute;
|
|
2310
|
-
}
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
--inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
|
|
2324
|
-
}
|
|
2325
|
-
}
|
|
2326
|
-
@media (min-width: 1440px) {
|
|
2327
|
-
._teddy-navigation-menu_o6us2_2 {
|
|
2328
|
-
--inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
|
|
2329
|
-
}
|
|
2330
|
-
}
|
|
2331
|
-
._teddy-navigation-menu_o6us2_2::after {
|
|
2332
|
-
content: "";
|
|
2333
|
-
position: absolute;
|
|
2334
|
-
inset: 0;
|
|
2335
|
-
pointer-events: none;
|
|
2336
|
-
box-shadow: var(--teddy-shadow-md);
|
|
2337
|
-
opacity: 0;
|
|
2338
|
-
}
|
|
2339
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
2340
|
-
._teddy-navigation-menu_o6us2_2::after {
|
|
2341
|
-
transition: opacity var(--teddy-motion-duration-300) ease;
|
|
2342
|
-
}
|
|
2343
|
-
}
|
|
2344
|
-
._teddy-navigation-menu_o6us2_2:has(._teddy-navigation-menu__viewport_o6us2_35[data-state=open])::after {
|
|
2345
|
-
opacity: 1;
|
|
2346
|
-
}
|
|
2347
|
-
._teddy-navigation-menu__list_o6us2_38 {
|
|
2348
|
-
all: unset;
|
|
2349
|
-
list-style-type: none;
|
|
2350
|
-
display: flex;
|
|
2351
|
-
align-items: center;
|
|
2352
|
-
gap: var(--item-gap);
|
|
2353
|
-
padding-inline: var(--inline-padding);
|
|
2354
|
-
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
2355
|
-
}
|
|
2356
|
-
._teddy-navigation-menu__list_o6us2_38::before {
|
|
2357
|
-
content: "";
|
|
2358
|
-
display: block;
|
|
2359
|
-
width: var(--width-for-centering-element);
|
|
2360
|
-
}
|
|
2361
|
-
._teddy-navigation-menu__list_o6us2_38::after {
|
|
2362
|
-
content: "";
|
|
2363
|
-
display: block;
|
|
2364
|
-
width: var(--width-for-centering-element);
|
|
2365
|
-
}
|
|
2366
|
-
._teddy-navigation-menu__list_o6us2_38 li {
|
|
2367
|
-
line-height: 1.2;
|
|
2368
|
-
}
|
|
2369
|
-
._teddy-navigation-menu__top-menu-list_o6us2_60 {
|
|
2370
|
-
all: unset;
|
|
2371
|
-
position: relative;
|
|
2372
|
-
list-style-type: none;
|
|
2373
|
-
gap: var(--item-gap);
|
|
2374
|
-
background-color: var(--teddy-color-background-secondary);
|
|
2375
|
-
display: flex;
|
|
2376
|
-
align-items: center;
|
|
2377
|
-
padding-inline: var(--inline-padding);
|
|
2378
|
-
}
|
|
2379
|
-
._teddy-navigation-menu__top-menu-list_o6us2_60::before {
|
|
2380
|
-
content: "";
|
|
2381
|
-
display: block;
|
|
2382
|
-
width: var(--width-for-centering-element);
|
|
2383
|
-
}
|
|
2384
|
-
._teddy-navigation-menu__top-menu-list_o6us2_60::after {
|
|
2385
|
-
content: "";
|
|
2386
|
-
display: block;
|
|
2387
|
-
width: var(--width-for-centering-element);
|
|
2310
|
+
}._teddy-navigation-menu_1bmzc_1 {
|
|
2311
|
+
--item-gap: var(--teddy-spacing-200);
|
|
2312
|
+
--width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
|
|
2313
|
+
--inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
|
|
2314
|
+
position: relative;
|
|
2315
|
+
display: flex;
|
|
2316
|
+
flex-direction: column;
|
|
2317
|
+
width: auto;
|
|
2318
|
+
background-color: var(--teddy-color-background-primary);
|
|
2319
|
+
}
|
|
2320
|
+
@media (min-width: 600px) {
|
|
2321
|
+
._teddy-navigation-menu_1bmzc_1 {
|
|
2322
|
+
--inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
|
|
2388
2323
|
}
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2324
|
+
}
|
|
2325
|
+
@media (min-width: 1440px) {
|
|
2326
|
+
._teddy-navigation-menu_1bmzc_1 {
|
|
2327
|
+
--inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
|
|
2392
2328
|
}
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
white-space: nowrap;
|
|
2406
|
-
min-width: var(--teddy-spacing-400);
|
|
2407
|
-
font-size: var(--teddy-typography-scale-100);
|
|
2408
|
-
line-height: var(--teddy-typography-line-height-loose);
|
|
2409
|
-
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
2410
|
-
text-align: center;
|
|
2329
|
+
}
|
|
2330
|
+
._teddy-navigation-menu_1bmzc_1::after {
|
|
2331
|
+
content: "";
|
|
2332
|
+
position: absolute;
|
|
2333
|
+
inset: 0;
|
|
2334
|
+
pointer-events: none;
|
|
2335
|
+
box-shadow: var(--teddy-shadow-md);
|
|
2336
|
+
opacity: 0;
|
|
2337
|
+
}
|
|
2338
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
2339
|
+
._teddy-navigation-menu_1bmzc_1::after {
|
|
2340
|
+
transition: opacity var(--teddy-motion-duration-300) ease;
|
|
2411
2341
|
}
|
|
2412
|
-
|
|
2413
|
-
|
|
2342
|
+
}
|
|
2343
|
+
._teddy-navigation-menu_1bmzc_1:has(._teddy-navigation-menu__viewport_1bmzc_34[data-state=open])::after {
|
|
2344
|
+
opacity: 1;
|
|
2345
|
+
}
|
|
2346
|
+
._teddy-navigation-menu__list_1bmzc_37 {
|
|
2347
|
+
all: unset;
|
|
2348
|
+
list-style-type: none;
|
|
2349
|
+
display: flex;
|
|
2350
|
+
align-items: center;
|
|
2351
|
+
gap: var(--item-gap);
|
|
2352
|
+
padding-inline: var(--inline-padding);
|
|
2353
|
+
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
2354
|
+
}
|
|
2355
|
+
._teddy-navigation-menu__list_1bmzc_37::before {
|
|
2356
|
+
content: "";
|
|
2357
|
+
display: block;
|
|
2358
|
+
width: var(--width-for-centering-element);
|
|
2359
|
+
}
|
|
2360
|
+
._teddy-navigation-menu__list_1bmzc_37::after {
|
|
2361
|
+
content: "";
|
|
2362
|
+
display: block;
|
|
2363
|
+
width: var(--width-for-centering-element);
|
|
2364
|
+
}
|
|
2365
|
+
._teddy-navigation-menu__list_1bmzc_37 li {
|
|
2366
|
+
line-height: 1.2;
|
|
2367
|
+
}
|
|
2368
|
+
._teddy-navigation-menu__top-menu-list_1bmzc_59 {
|
|
2369
|
+
all: unset;
|
|
2370
|
+
position: relative;
|
|
2371
|
+
list-style-type: none;
|
|
2372
|
+
gap: var(--item-gap);
|
|
2373
|
+
background-color: var(--teddy-color-background-secondary);
|
|
2374
|
+
display: flex;
|
|
2375
|
+
align-items: center;
|
|
2376
|
+
padding-inline: var(--inline-padding);
|
|
2377
|
+
}
|
|
2378
|
+
._teddy-navigation-menu__top-menu-list_1bmzc_59::before {
|
|
2379
|
+
content: "";
|
|
2380
|
+
display: block;
|
|
2381
|
+
width: var(--width-for-centering-element);
|
|
2382
|
+
}
|
|
2383
|
+
._teddy-navigation-menu__top-menu-list_1bmzc_59::after {
|
|
2384
|
+
content: "";
|
|
2385
|
+
display: block;
|
|
2386
|
+
width: var(--width-for-centering-element);
|
|
2387
|
+
}
|
|
2388
|
+
._teddy-navigation-menu__top-menu-list_1bmzc_59 li {
|
|
2389
|
+
display: grid;
|
|
2390
|
+
line-height: 1.2;
|
|
2391
|
+
}
|
|
2392
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83 {
|
|
2393
|
+
all: unset;
|
|
2394
|
+
position: relative;
|
|
2395
|
+
cursor: pointer;
|
|
2396
|
+
text-decoration: none;
|
|
2397
|
+
display: inline-flex;
|
|
2398
|
+
flex-direction: column;
|
|
2399
|
+
align-items: center;
|
|
2400
|
+
justify-content: center;
|
|
2401
|
+
gap: var(--teddy-spacing-50);
|
|
2402
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
2403
|
+
font-weight: var(--teddy-typography-weight-medium);
|
|
2404
|
+
white-space: nowrap;
|
|
2405
|
+
min-width: var(--teddy-spacing-400);
|
|
2406
|
+
font-size: var(--teddy-typography-scale-100);
|
|
2407
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2408
|
+
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
2409
|
+
text-align: center;
|
|
2410
|
+
}
|
|
2411
|
+
._teddy-navigation-menu__top-menu-trigger--small_1bmzc_102 {
|
|
2412
|
+
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
2413
|
+
font-size: var(--teddy-typography-scale-75);
|
|
2414
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2415
|
+
outline-offset: -2px;
|
|
2416
|
+
}
|
|
2417
|
+
._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108 {
|
|
2418
|
+
padding: var(--teddy-spacing-100);
|
|
2419
|
+
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2420
|
+
box-sizing: border-box;
|
|
2421
|
+
border-radius: var(--teddy-border-radius-md);
|
|
2422
|
+
display: flex;
|
|
2423
|
+
place-items: center;
|
|
2424
|
+
flex-wrap: wrap;
|
|
2425
|
+
flex-direction: row;
|
|
2426
|
+
gap: var(--teddy-spacing-100);
|
|
2427
|
+
row-gap: var(--teddy-spacing-50);
|
|
2428
|
+
}
|
|
2429
|
+
@media (max-width: 600px) {
|
|
2430
|
+
._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108 {
|
|
2414
2431
|
font-size: var(--teddy-typography-scale-75);
|
|
2415
|
-
line-height: var(--teddy-typography-line-height-loose);
|
|
2416
|
-
outline-offset: -2px;
|
|
2417
|
-
}
|
|
2418
|
-
._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
|
|
2419
|
-
padding: var(--teddy-spacing-100);
|
|
2420
|
-
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2421
|
-
box-sizing: border-box;
|
|
2422
|
-
border-radius: var(--teddy-border-radius-md);
|
|
2423
|
-
display: flex;
|
|
2424
|
-
place-items: center;
|
|
2425
|
-
flex-wrap: wrap;
|
|
2426
|
-
flex-direction: row;
|
|
2427
|
-
gap: var(--teddy-spacing-100);
|
|
2428
|
-
row-gap: var(--teddy-spacing-50);
|
|
2429
|
-
}
|
|
2430
|
-
@media (max-width: 600px) {
|
|
2431
|
-
._teddy-navigation-menu__top-menu-trigger--button_o6us2_109 {
|
|
2432
|
-
font-size: var(--teddy-typography-scale-75);
|
|
2433
|
-
}
|
|
2434
|
-
}
|
|
2435
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84::after {
|
|
2436
|
-
content: "";
|
|
2437
|
-
display: block;
|
|
2438
|
-
position: absolute;
|
|
2439
|
-
inset: 0;
|
|
2440
|
-
opacity: 0;
|
|
2441
|
-
border-radius: inherit;
|
|
2442
|
-
background-color: transparent;
|
|
2443
|
-
pointer-events: none;
|
|
2444
|
-
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2445
|
-
}
|
|
2446
|
-
._teddy-navigation-menu__top-menu-trigger--button_o6us2_109::after {
|
|
2447
|
-
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2448
|
-
}
|
|
2449
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
|
|
2450
|
-
content: attr(data-text);
|
|
2451
|
-
content: attr(data-text)/"";
|
|
2452
|
-
height: 0;
|
|
2453
|
-
visibility: hidden;
|
|
2454
|
-
overflow: hidden;
|
|
2455
|
-
user-select: none;
|
|
2456
|
-
pointer-events: none;
|
|
2457
|
-
font-weight: var(--teddy-typography-weight-bold);
|
|
2458
|
-
}
|
|
2459
|
-
@media speech {
|
|
2460
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:not(._teddy-navigation-menu__top-menu-trigger--button_o6us2_109)::before {
|
|
2461
|
-
display: none;
|
|
2462
|
-
}
|
|
2463
|
-
}
|
|
2464
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover {
|
|
2465
|
-
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2466
|
-
}
|
|
2467
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:hover::after {
|
|
2468
|
-
opacity: 1;
|
|
2469
|
-
}
|
|
2470
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:active {
|
|
2471
|
-
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2472
|
-
}
|
|
2473
|
-
._teddy-navigation-menu__top-menu-trigger_o6us2_84:active::after {
|
|
2474
|
-
opacity: 1;
|
|
2475
2432
|
}
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
|
|
2505
|
-
overflow: clip;
|
|
2506
|
-
}
|
|
2507
|
-
._teddy-navigation-menu__content_o6us2_184 > ul {
|
|
2508
|
-
list-style: none;
|
|
2509
|
-
display: flex;
|
|
2510
|
-
margin: 0;
|
|
2511
|
-
padding: 0;
|
|
2512
|
-
}
|
|
2513
|
-
._teddy-navigation-menu__content_o6us2_184 > ul > li {
|
|
2514
|
-
display: grid;
|
|
2515
|
-
line-height: 1.2;
|
|
2516
|
-
}
|
|
2517
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
2518
|
-
._teddy-navigation-menu__content_o6us2_184 {
|
|
2519
|
-
animation-duration: var(--teddy-motion-duration-300);
|
|
2520
|
-
animation-timing-function: ease;
|
|
2521
|
-
}
|
|
2522
|
-
}
|
|
2523
|
-
._teddy-navigation-menu__content_o6us2_184::before {
|
|
2524
|
-
content: "";
|
|
2525
|
-
position: absolute;
|
|
2526
|
-
inset: 0;
|
|
2527
|
-
box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
|
|
2433
|
+
}
|
|
2434
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83::after {
|
|
2435
|
+
content: "";
|
|
2436
|
+
display: block;
|
|
2437
|
+
position: absolute;
|
|
2438
|
+
inset: 0;
|
|
2439
|
+
opacity: 0;
|
|
2440
|
+
border-radius: inherit;
|
|
2441
|
+
background-color: transparent;
|
|
2442
|
+
pointer-events: none;
|
|
2443
|
+
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2444
|
+
}
|
|
2445
|
+
._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108::after {
|
|
2446
|
+
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2447
|
+
}
|
|
2448
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108)::before {
|
|
2449
|
+
content: attr(data-text);
|
|
2450
|
+
content: attr(data-text)/"";
|
|
2451
|
+
height: 0;
|
|
2452
|
+
visibility: hidden;
|
|
2453
|
+
overflow: hidden;
|
|
2454
|
+
user-select: none;
|
|
2455
|
+
pointer-events: none;
|
|
2456
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2457
|
+
}
|
|
2458
|
+
@media speech {
|
|
2459
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:not(._teddy-navigation-menu__top-menu-trigger--button_1bmzc_108)::before {
|
|
2460
|
+
display: none;
|
|
2528
2461
|
}
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2462
|
+
}
|
|
2463
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover {
|
|
2464
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2465
|
+
}
|
|
2466
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:hover::after {
|
|
2467
|
+
opacity: 1;
|
|
2468
|
+
}
|
|
2469
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active {
|
|
2470
|
+
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2471
|
+
}
|
|
2472
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:active::after {
|
|
2473
|
+
opacity: 1;
|
|
2474
|
+
}
|
|
2475
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active] {
|
|
2476
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2477
|
+
}
|
|
2478
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-active]::after {
|
|
2479
|
+
border-color: var(--teddy-color-text-interactive-primary);
|
|
2480
|
+
opacity: 1;
|
|
2481
|
+
}
|
|
2482
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83:focus-visible {
|
|
2483
|
+
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2484
|
+
}
|
|
2485
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open] {
|
|
2486
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2487
|
+
}
|
|
2488
|
+
._teddy-navigation-menu__top-menu-trigger_1bmzc_83[data-state=open]::after {
|
|
2489
|
+
border-color: var(--teddy-color-text-interactive-primary);
|
|
2490
|
+
opacity: 1;
|
|
2491
|
+
}
|
|
2492
|
+
._teddy-navigation-menu__content_1bmzc_183 {
|
|
2493
|
+
all: unset;
|
|
2494
|
+
list-style-type: none;
|
|
2495
|
+
display: flex;
|
|
2496
|
+
gap: var(--teddy-spacing-100);
|
|
2497
|
+
padding: 0;
|
|
2498
|
+
position: absolute;
|
|
2499
|
+
left: 0;
|
|
2500
|
+
right: 0;
|
|
2501
|
+
max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
|
|
2502
|
+
margin-inline: auto;
|
|
2503
|
+
padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
|
|
2504
|
+
overflow: clip;
|
|
2505
|
+
}
|
|
2506
|
+
._teddy-navigation-menu__content_1bmzc_183 > ul {
|
|
2507
|
+
list-style: none;
|
|
2508
|
+
display: flex;
|
|
2509
|
+
margin: 0;
|
|
2510
|
+
padding: 0;
|
|
2511
|
+
}
|
|
2512
|
+
._teddy-navigation-menu__content_1bmzc_183 > ul > li {
|
|
2513
|
+
display: grid;
|
|
2514
|
+
line-height: 1.2;
|
|
2515
|
+
}
|
|
2516
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
2517
|
+
._teddy-navigation-menu__content_1bmzc_183 {
|
|
2518
|
+
animation-duration: var(--teddy-motion-duration-300);
|
|
2519
|
+
animation-timing-function: ease;
|
|
2548
2520
|
}
|
|
2549
|
-
|
|
2550
|
-
|
|
2521
|
+
}
|
|
2522
|
+
._teddy-navigation-menu__content_1bmzc_183::before {
|
|
2523
|
+
content: "";
|
|
2524
|
+
position: absolute;
|
|
2525
|
+
inset: 0;
|
|
2526
|
+
box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
|
|
2527
|
+
}
|
|
2528
|
+
._teddy-navigation-menu__trigger_1bmzc_219 {
|
|
2529
|
+
position: relative;
|
|
2530
|
+
all: unset;
|
|
2531
|
+
position: relative;
|
|
2532
|
+
cursor: pointer;
|
|
2533
|
+
text-decoration: none;
|
|
2534
|
+
display: inline-flex;
|
|
2535
|
+
flex-direction: column;
|
|
2536
|
+
align-items: center;
|
|
2537
|
+
justify-content: center;
|
|
2538
|
+
gap: var(--teddy-spacing-50);
|
|
2539
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
2540
|
+
font-weight: var(--teddy-typography-weight-medium);
|
|
2541
|
+
white-space: nowrap;
|
|
2542
|
+
min-width: var(--teddy-spacing-400);
|
|
2543
|
+
font-size: var(--teddy-typography-scale-100);
|
|
2544
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2545
|
+
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
2546
|
+
text-align: center;
|
|
2547
|
+
}
|
|
2548
|
+
._teddy-navigation-menu__trigger--small_1bmzc_239 {
|
|
2549
|
+
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
2550
|
+
font-size: var(--teddy-typography-scale-75);
|
|
2551
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2552
|
+
outline-offset: -2px;
|
|
2553
|
+
}
|
|
2554
|
+
._teddy-navigation-menu__trigger--button_1bmzc_245 {
|
|
2555
|
+
padding: var(--teddy-spacing-100);
|
|
2556
|
+
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2557
|
+
box-sizing: border-box;
|
|
2558
|
+
border-radius: var(--teddy-border-radius-md);
|
|
2559
|
+
display: flex;
|
|
2560
|
+
place-items: center;
|
|
2561
|
+
flex-wrap: wrap;
|
|
2562
|
+
flex-direction: row;
|
|
2563
|
+
gap: var(--teddy-spacing-100);
|
|
2564
|
+
row-gap: var(--teddy-spacing-50);
|
|
2565
|
+
}
|
|
2566
|
+
@media (max-width: 600px) {
|
|
2567
|
+
._teddy-navigation-menu__trigger--button_1bmzc_245 {
|
|
2551
2568
|
font-size: var(--teddy-typography-scale-75);
|
|
2552
|
-
line-height: var(--teddy-typography-line-height-loose);
|
|
2553
|
-
outline-offset: -2px;
|
|
2554
|
-
}
|
|
2555
|
-
._teddy-navigation-menu__trigger--button_o6us2_246 {
|
|
2556
|
-
padding: var(--teddy-spacing-100);
|
|
2557
|
-
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2558
|
-
box-sizing: border-box;
|
|
2559
|
-
border-radius: var(--teddy-border-radius-md);
|
|
2560
|
-
display: flex;
|
|
2561
|
-
place-items: center;
|
|
2562
|
-
flex-wrap: wrap;
|
|
2563
|
-
flex-direction: row;
|
|
2564
|
-
gap: var(--teddy-spacing-100);
|
|
2565
|
-
row-gap: var(--teddy-spacing-50);
|
|
2566
|
-
}
|
|
2567
|
-
@media (max-width: 600px) {
|
|
2568
|
-
._teddy-navigation-menu__trigger--button_o6us2_246 {
|
|
2569
|
-
font-size: var(--teddy-typography-scale-75);
|
|
2570
|
-
}
|
|
2571
|
-
}
|
|
2572
|
-
._teddy-navigation-menu__trigger_o6us2_220::after {
|
|
2573
|
-
content: "";
|
|
2574
|
-
display: block;
|
|
2575
|
-
position: absolute;
|
|
2576
|
-
inset: 0;
|
|
2577
|
-
opacity: 0;
|
|
2578
|
-
border-radius: inherit;
|
|
2579
|
-
background-color: transparent;
|
|
2580
|
-
pointer-events: none;
|
|
2581
|
-
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2582
2569
|
}
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2570
|
+
}
|
|
2571
|
+
._teddy-navigation-menu__trigger_1bmzc_219::after {
|
|
2572
|
+
content: "";
|
|
2573
|
+
display: block;
|
|
2574
|
+
position: absolute;
|
|
2575
|
+
inset: 0;
|
|
2576
|
+
opacity: 0;
|
|
2577
|
+
border-radius: inherit;
|
|
2578
|
+
background-color: transparent;
|
|
2579
|
+
pointer-events: none;
|
|
2580
|
+
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2581
|
+
}
|
|
2582
|
+
._teddy-navigation-menu__trigger--button_1bmzc_245::after {
|
|
2583
|
+
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2584
|
+
}
|
|
2585
|
+
._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_245)::before {
|
|
2586
|
+
content: attr(data-text);
|
|
2587
|
+
content: attr(data-text)/"";
|
|
2588
|
+
height: 0;
|
|
2589
|
+
visibility: hidden;
|
|
2590
|
+
overflow: hidden;
|
|
2591
|
+
user-select: none;
|
|
2592
|
+
pointer-events: none;
|
|
2593
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2594
|
+
}
|
|
2595
|
+
@media speech {
|
|
2596
|
+
._teddy-navigation-menu__trigger_1bmzc_219:not(._teddy-navigation-menu__trigger--button_1bmzc_245)::before {
|
|
2597
|
+
display: none;
|
|
2600
2598
|
}
|
|
2601
|
-
|
|
2602
|
-
|
|
2599
|
+
}
|
|
2600
|
+
._teddy-navigation-menu__trigger_1bmzc_219:hover {
|
|
2601
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2602
|
+
}
|
|
2603
|
+
._teddy-navigation-menu__trigger_1bmzc_219:hover::after {
|
|
2604
|
+
opacity: 1;
|
|
2605
|
+
}
|
|
2606
|
+
._teddy-navigation-menu__trigger_1bmzc_219:active {
|
|
2607
|
+
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2608
|
+
}
|
|
2609
|
+
._teddy-navigation-menu__trigger_1bmzc_219:active::after {
|
|
2610
|
+
opacity: 1;
|
|
2611
|
+
}
|
|
2612
|
+
._teddy-navigation-menu__trigger_1bmzc_219[data-state=open], ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active]), ._teddy-navigation-menu__trigger_1bmzc_219[data-active] {
|
|
2613
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2614
|
+
}
|
|
2615
|
+
._teddy-navigation-menu__trigger_1bmzc_219[data-state=open]::after, ._teddy-navigation-menu__trigger_1bmzc_219:has([data-active])::after, ._teddy-navigation-menu__trigger_1bmzc_219[data-active]::after {
|
|
2616
|
+
border-color: var(--teddy-color-text-interactive-primary);
|
|
2617
|
+
opacity: 1;
|
|
2618
|
+
}
|
|
2619
|
+
._teddy-navigation-menu__trigger_1bmzc_219:focus-visible {
|
|
2620
|
+
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2621
|
+
}
|
|
2622
|
+
._teddy-navigation-menu__link_1bmzc_313 {
|
|
2623
|
+
all: unset;
|
|
2624
|
+
position: relative;
|
|
2625
|
+
cursor: pointer;
|
|
2626
|
+
text-decoration: none;
|
|
2627
|
+
display: inline-flex;
|
|
2628
|
+
flex-direction: column;
|
|
2629
|
+
align-items: center;
|
|
2630
|
+
justify-content: center;
|
|
2631
|
+
gap: var(--teddy-spacing-50);
|
|
2632
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
2633
|
+
font-weight: var(--teddy-typography-weight-medium);
|
|
2634
|
+
white-space: nowrap;
|
|
2635
|
+
min-width: var(--teddy-spacing-400);
|
|
2636
|
+
font-size: var(--teddy-typography-scale-100);
|
|
2637
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2638
|
+
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
2639
|
+
text-align: center;
|
|
2640
|
+
text-decoration: none;
|
|
2641
|
+
}
|
|
2642
|
+
._teddy-navigation-menu__link--small_1bmzc_333 {
|
|
2643
|
+
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
2644
|
+
font-size: var(--teddy-typography-scale-75);
|
|
2645
|
+
line-height: var(--teddy-typography-line-height-loose);
|
|
2646
|
+
outline-offset: -2px;
|
|
2647
|
+
}
|
|
2648
|
+
._teddy-navigation-menu__link--button_1bmzc_339 {
|
|
2649
|
+
padding: var(--teddy-spacing-100);
|
|
2650
|
+
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2651
|
+
box-sizing: border-box;
|
|
2652
|
+
border-radius: var(--teddy-border-radius-md);
|
|
2653
|
+
display: flex;
|
|
2654
|
+
place-items: center;
|
|
2655
|
+
flex-wrap: wrap;
|
|
2656
|
+
flex-direction: row;
|
|
2657
|
+
gap: var(--teddy-spacing-100);
|
|
2658
|
+
row-gap: var(--teddy-spacing-50);
|
|
2659
|
+
}
|
|
2660
|
+
@media (max-width: 600px) {
|
|
2661
|
+
._teddy-navigation-menu__link--button_1bmzc_339 {
|
|
2662
|
+
font-size: var(--teddy-typography-scale-75);
|
|
2603
2663
|
}
|
|
2604
|
-
|
|
2605
|
-
|
|
2664
|
+
}
|
|
2665
|
+
._teddy-navigation-menu__link_1bmzc_313::after {
|
|
2666
|
+
content: "";
|
|
2667
|
+
display: block;
|
|
2668
|
+
position: absolute;
|
|
2669
|
+
inset: 0;
|
|
2670
|
+
opacity: 0;
|
|
2671
|
+
border-radius: inherit;
|
|
2672
|
+
background-color: transparent;
|
|
2673
|
+
pointer-events: none;
|
|
2674
|
+
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2675
|
+
}
|
|
2676
|
+
._teddy-navigation-menu__link--button_1bmzc_339::after {
|
|
2677
|
+
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2678
|
+
}
|
|
2679
|
+
._teddy-navigation-menu__link_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::before {
|
|
2680
|
+
content: attr(data-text);
|
|
2681
|
+
content: attr(data-text)/"";
|
|
2682
|
+
height: 0;
|
|
2683
|
+
visibility: hidden;
|
|
2684
|
+
overflow: hidden;
|
|
2685
|
+
user-select: none;
|
|
2686
|
+
pointer-events: none;
|
|
2687
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2688
|
+
}
|
|
2689
|
+
@media speech {
|
|
2690
|
+
._teddy-navigation-menu__link_1bmzc_313:not(._teddy-navigation-menu__link--button_1bmzc_339)::before {
|
|
2691
|
+
display: none;
|
|
2606
2692
|
}
|
|
2607
|
-
|
|
2608
|
-
|
|
2693
|
+
}
|
|
2694
|
+
._teddy-navigation-menu__link_1bmzc_313:hover {
|
|
2695
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2696
|
+
}
|
|
2697
|
+
._teddy-navigation-menu__link_1bmzc_313:hover::after {
|
|
2698
|
+
opacity: 1;
|
|
2699
|
+
}
|
|
2700
|
+
._teddy-navigation-menu__link_1bmzc_313:active {
|
|
2701
|
+
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2702
|
+
}
|
|
2703
|
+
._teddy-navigation-menu__link_1bmzc_313:active::after {
|
|
2704
|
+
opacity: 1;
|
|
2705
|
+
}
|
|
2706
|
+
._teddy-navigation-menu__link_1bmzc_313[data-state=open], ._teddy-navigation-menu__link_1bmzc_313:has([data-active]), ._teddy-navigation-menu__link_1bmzc_313[data-active] {
|
|
2707
|
+
font-weight: var(--teddy-typography-weight-bold);
|
|
2708
|
+
}
|
|
2709
|
+
._teddy-navigation-menu__link_1bmzc_313[data-state=open]::after, ._teddy-navigation-menu__link_1bmzc_313:has([data-active])::after, ._teddy-navigation-menu__link_1bmzc_313[data-active]::after {
|
|
2710
|
+
border-color: var(--teddy-color-text-interactive-primary);
|
|
2711
|
+
opacity: 1;
|
|
2712
|
+
}
|
|
2713
|
+
._teddy-navigation-menu__link_1bmzc_313:focus-visible {
|
|
2714
|
+
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2715
|
+
}
|
|
2716
|
+
._teddy-navigation-menu__viewport_1bmzc_34 {
|
|
2717
|
+
position: relative;
|
|
2718
|
+
background-color: var(--teddy-color-background-primary);
|
|
2719
|
+
height: var(--radix-navigation-menu-viewport-height);
|
|
2720
|
+
transform-origin: top left;
|
|
2721
|
+
overflow: clip;
|
|
2722
|
+
}
|
|
2723
|
+
@keyframes _scaleIn_1bmzc_1 {
|
|
2724
|
+
from {
|
|
2725
|
+
opacity: 0;
|
|
2726
|
+
transform: scale(0.9);
|
|
2727
|
+
height: 1px;
|
|
2609
2728
|
}
|
|
2610
|
-
|
|
2729
|
+
to {
|
|
2611
2730
|
opacity: 1;
|
|
2731
|
+
transform: scale(1);
|
|
2732
|
+
height: var(--radix-navigation-menu-viewport-height);
|
|
2612
2733
|
}
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
._teddy-navigation-menu__trigger_o6us2_220[data-state=open]::after, ._teddy-navigation-menu__trigger_o6us2_220:has([data-active])::after, ._teddy-navigation-menu__trigger_o6us2_220[data-active]::after {
|
|
2617
|
-
border-color: var(--teddy-color-text-interactive-primary);
|
|
2734
|
+
}
|
|
2735
|
+
@keyframes _scaleOut_1bmzc_1 {
|
|
2736
|
+
from {
|
|
2618
2737
|
opacity: 1;
|
|
2738
|
+
transform: scale(1);
|
|
2619
2739
|
}
|
|
2620
|
-
|
|
2621
|
-
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2622
|
-
}
|
|
2623
|
-
._teddy-navigation-menu__link_o6us2_314 {
|
|
2624
|
-
all: unset;
|
|
2625
|
-
position: relative;
|
|
2626
|
-
cursor: pointer;
|
|
2627
|
-
text-decoration: none;
|
|
2628
|
-
display: inline-flex;
|
|
2629
|
-
flex-direction: column;
|
|
2630
|
-
align-items: center;
|
|
2631
|
-
justify-content: center;
|
|
2632
|
-
gap: var(--teddy-spacing-50);
|
|
2633
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
2634
|
-
font-weight: var(--teddy-typography-weight-medium);
|
|
2635
|
-
white-space: nowrap;
|
|
2636
|
-
min-width: var(--teddy-spacing-400);
|
|
2637
|
-
font-size: var(--teddy-typography-scale-100);
|
|
2638
|
-
line-height: var(--teddy-typography-line-height-loose);
|
|
2639
|
-
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
2640
|
-
text-align: center;
|
|
2641
|
-
text-decoration: none;
|
|
2642
|
-
}
|
|
2643
|
-
._teddy-navigation-menu__link--small_o6us2_334 {
|
|
2644
|
-
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
2645
|
-
font-size: var(--teddy-typography-scale-75);
|
|
2646
|
-
line-height: var(--teddy-typography-line-height-loose);
|
|
2647
|
-
outline-offset: -2px;
|
|
2648
|
-
}
|
|
2649
|
-
._teddy-navigation-menu__link--button_o6us2_340 {
|
|
2650
|
-
padding: var(--teddy-spacing-100);
|
|
2651
|
-
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
2652
|
-
box-sizing: border-box;
|
|
2653
|
-
border-radius: var(--teddy-border-radius-md);
|
|
2654
|
-
display: flex;
|
|
2655
|
-
place-items: center;
|
|
2656
|
-
flex-wrap: wrap;
|
|
2657
|
-
flex-direction: row;
|
|
2658
|
-
gap: var(--teddy-spacing-100);
|
|
2659
|
-
row-gap: var(--teddy-spacing-50);
|
|
2660
|
-
}
|
|
2661
|
-
@media (max-width: 600px) {
|
|
2662
|
-
._teddy-navigation-menu__link--button_o6us2_340 {
|
|
2663
|
-
font-size: var(--teddy-typography-scale-75);
|
|
2664
|
-
}
|
|
2665
|
-
}
|
|
2666
|
-
._teddy-navigation-menu__link_o6us2_314::after {
|
|
2667
|
-
content: "";
|
|
2668
|
-
display: block;
|
|
2669
|
-
position: absolute;
|
|
2670
|
-
inset: 0;
|
|
2740
|
+
to {
|
|
2671
2741
|
opacity: 0;
|
|
2672
|
-
|
|
2673
|
-
background-color: transparent;
|
|
2674
|
-
pointer-events: none;
|
|
2675
|
-
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2676
|
-
}
|
|
2677
|
-
._teddy-navigation-menu__link--button_o6us2_340::after {
|
|
2678
|
-
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
2679
|
-
}
|
|
2680
|
-
._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
|
|
2681
|
-
content: attr(data-text);
|
|
2682
|
-
content: attr(data-text)/"";
|
|
2742
|
+
transform: scale(0.9);
|
|
2683
2743
|
height: 0;
|
|
2684
|
-
visibility: hidden;
|
|
2685
|
-
overflow: hidden;
|
|
2686
|
-
user-select: none;
|
|
2687
|
-
pointer-events: none;
|
|
2688
|
-
font-weight: var(--teddy-typography-weight-bold);
|
|
2689
|
-
}
|
|
2690
|
-
@media speech {
|
|
2691
|
-
._teddy-navigation-menu__link_o6us2_314:not(._teddy-navigation-menu__link--button_o6us2_340)::before {
|
|
2692
|
-
display: none;
|
|
2693
|
-
}
|
|
2694
2744
|
}
|
|
2695
|
-
|
|
2696
|
-
|
|
2745
|
+
}
|
|
2746
|
+
@keyframes _enterFromRight_1bmzc_1 {
|
|
2747
|
+
from {
|
|
2748
|
+
opacity: 0;
|
|
2749
|
+
transform: translateX(200px);
|
|
2697
2750
|
}
|
|
2698
|
-
|
|
2751
|
+
to {
|
|
2699
2752
|
opacity: 1;
|
|
2753
|
+
transform: translateX(0);
|
|
2700
2754
|
}
|
|
2701
|
-
|
|
2702
|
-
|
|
2755
|
+
}
|
|
2756
|
+
@keyframes _enterFromLeft_1bmzc_1 {
|
|
2757
|
+
from {
|
|
2758
|
+
opacity: 0;
|
|
2759
|
+
transform: translateX(-200px);
|
|
2703
2760
|
}
|
|
2704
|
-
|
|
2761
|
+
to {
|
|
2705
2762
|
opacity: 1;
|
|
2763
|
+
transform: translateX(0);
|
|
2706
2764
|
}
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
._teddy-navigation-menu__link_o6us2_314[data-state=open]::after, ._teddy-navigation-menu__link_o6us2_314:has([data-active])::after, ._teddy-navigation-menu__link_o6us2_314[data-active]::after {
|
|
2711
|
-
border-color: var(--teddy-color-text-interactive-primary);
|
|
2765
|
+
}
|
|
2766
|
+
@keyframes _exitToRight_1bmzc_1 {
|
|
2767
|
+
from {
|
|
2712
2768
|
opacity: 1;
|
|
2769
|
+
transform: translateX(0);
|
|
2713
2770
|
}
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
._teddy-navigation-menu__viewport_o6us2_35 {
|
|
2718
|
-
position: relative;
|
|
2719
|
-
background-color: var(--teddy-color-background-primary);
|
|
2720
|
-
height: var(--radix-navigation-menu-viewport-height);
|
|
2721
|
-
transform-origin: top left;
|
|
2722
|
-
overflow: clip;
|
|
2723
|
-
}
|
|
2724
|
-
@keyframes _scaleIn_o6us2_1 {
|
|
2725
|
-
from {
|
|
2726
|
-
opacity: 0;
|
|
2727
|
-
transform: scale(0.9);
|
|
2728
|
-
height: 1px;
|
|
2729
|
-
}
|
|
2730
|
-
to {
|
|
2731
|
-
opacity: 1;
|
|
2732
|
-
transform: scale(1);
|
|
2733
|
-
height: var(--radix-navigation-menu-viewport-height);
|
|
2734
|
-
}
|
|
2735
|
-
}
|
|
2736
|
-
@keyframes _scaleOut_o6us2_1 {
|
|
2737
|
-
from {
|
|
2738
|
-
opacity: 1;
|
|
2739
|
-
transform: scale(1);
|
|
2740
|
-
}
|
|
2741
|
-
to {
|
|
2742
|
-
opacity: 0;
|
|
2743
|
-
transform: scale(0.9);
|
|
2744
|
-
height: 0;
|
|
2745
|
-
}
|
|
2746
|
-
}
|
|
2747
|
-
@keyframes _enterFromRight_o6us2_1 {
|
|
2748
|
-
from {
|
|
2749
|
-
opacity: 0;
|
|
2750
|
-
transform: translateX(200px);
|
|
2751
|
-
}
|
|
2752
|
-
to {
|
|
2753
|
-
opacity: 1;
|
|
2754
|
-
transform: translateX(0);
|
|
2755
|
-
}
|
|
2756
|
-
}
|
|
2757
|
-
@keyframes _enterFromLeft_o6us2_1 {
|
|
2758
|
-
from {
|
|
2759
|
-
opacity: 0;
|
|
2760
|
-
transform: translateX(-200px);
|
|
2761
|
-
}
|
|
2762
|
-
to {
|
|
2763
|
-
opacity: 1;
|
|
2764
|
-
transform: translateX(0);
|
|
2765
|
-
}
|
|
2771
|
+
to {
|
|
2772
|
+
opacity: 0;
|
|
2773
|
+
transform: translateX(200px);
|
|
2766
2774
|
}
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
to {
|
|
2773
|
-
opacity: 0;
|
|
2774
|
-
transform: translateX(200px);
|
|
2775
|
-
}
|
|
2775
|
+
}
|
|
2776
|
+
@keyframes _exitToLeft_1bmzc_1 {
|
|
2777
|
+
from {
|
|
2778
|
+
opacity: 1;
|
|
2779
|
+
transform: translateX(0);
|
|
2776
2780
|
}
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
transform: translateX(0);
|
|
2781
|
-
}
|
|
2782
|
-
to {
|
|
2783
|
-
opacity: 0;
|
|
2784
|
-
transform: translateX(-200px);
|
|
2785
|
-
}
|
|
2781
|
+
to {
|
|
2782
|
+
opacity: 0;
|
|
2783
|
+
transform: translateX(-200px);
|
|
2786
2784
|
}
|
|
2787
2785
|
}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
|
|
2788
2786
|
._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
|
|
@@ -3304,70 +3302,70 @@
|
|
|
3304
3302
|
height: 0;
|
|
3305
3303
|
}
|
|
3306
3304
|
}
|
|
3307
|
-
}._teddy-global-
|
|
3305
|
+
}._teddy-global-navigation_1m6ra_1 {
|
|
3308
3306
|
position: sticky;
|
|
3309
3307
|
inset: 0 0 auto 0;
|
|
3310
3308
|
z-index: 39;
|
|
3311
3309
|
}
|
|
3312
|
-
._teddy-global-navigation__mobile-
|
|
3310
|
+
._teddy-global-navigation__mobile-trigger_1m6ra_6 {
|
|
3313
3311
|
border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3314
3312
|
}
|
|
3315
|
-
._teddy-global-navigation__mobile-
|
|
3313
|
+
._teddy-global-navigation__mobile-header_1m6ra_9[data-state=open] {
|
|
3316
3314
|
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3317
3315
|
}
|
|
3318
|
-
._teddy-global-
|
|
3316
|
+
._teddy-global-navigation__mobile_1m6ra_6 {
|
|
3319
3317
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
3320
3318
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
3321
3319
|
}
|
|
3322
|
-
._teddy-global-
|
|
3320
|
+
._teddy-global-navigation__mobile_1m6ra_6::before {
|
|
3323
3321
|
content: "";
|
|
3324
3322
|
display: block;
|
|
3325
3323
|
width: var(--width-for-centering-element);
|
|
3326
3324
|
}
|
|
3327
|
-
._teddy-global-
|
|
3325
|
+
._teddy-global-navigation__mobile_1m6ra_6::after {
|
|
3328
3326
|
content: "";
|
|
3329
3327
|
display: block;
|
|
3330
3328
|
width: var(--width-for-centering-element);
|
|
3331
3329
|
}
|
|
3332
|
-
._teddy-global-
|
|
3330
|
+
._teddy-global-navigation__link_1m6ra_26 {
|
|
3333
3331
|
text-decoration: none;
|
|
3334
3332
|
}
|
|
3335
|
-
._teddy-global-
|
|
3336
|
-
height: var(--teddy-viewport-wrapper-height
|
|
3333
|
+
._teddy-global-navigation__viewport_1m6ra_29._teddy-global-navigation__viewport_1m6ra_29 {
|
|
3334
|
+
height: var(--teddy-viewport-wrapper-height);
|
|
3337
3335
|
}
|
|
3338
|
-
._teddy-global-navigation__item-
|
|
3336
|
+
._teddy-global-navigation__item-wrapper_1m6ra_32 {
|
|
3339
3337
|
position: relative;
|
|
3340
3338
|
display: flex;
|
|
3341
3339
|
}
|
|
3342
|
-
._teddy-global-navigation__item-
|
|
3340
|
+
._teddy-global-navigation__item-count_1m6ra_36 {
|
|
3343
3341
|
display: flex;
|
|
3344
3342
|
justify-content: center;
|
|
3345
3343
|
align-items: center;
|
|
3346
3344
|
position: absolute;
|
|
3347
3345
|
transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
|
|
3348
3346
|
}
|
|
3349
|
-
._teddy-global-navigation__viewport-
|
|
3347
|
+
._teddy-global-navigation__viewport-wrapper_1m6ra_43 {
|
|
3350
3348
|
overflow: hidden;
|
|
3351
3349
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
3352
3350
|
}
|
|
3353
|
-
._teddy-global-navigation__viewport-
|
|
3351
|
+
._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=open] {
|
|
3354
3352
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
3355
3353
|
}
|
|
3356
|
-
._teddy-global-navigation__viewport-
|
|
3357
|
-
animation: _close-
|
|
3354
|
+
._teddy-global-navigation__viewport-wrapper_1m6ra_43[data-state=closed] {
|
|
3355
|
+
animation: _close-viewport_1m6ra_1 var(--teddy-motion-duration-controlled, 0) ease;
|
|
3358
3356
|
max-height: 0;
|
|
3359
3357
|
}
|
|
3360
|
-
._teddy-global-navigation__top-menu-
|
|
3358
|
+
._teddy-global-navigation__top-menu-wrapper_1m6ra_54 {
|
|
3361
3359
|
overflow: hidden;
|
|
3362
3360
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
3363
3361
|
}
|
|
3364
|
-
._teddy-global-navigation__top-menu-
|
|
3362
|
+
._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=open] {
|
|
3365
3363
|
max-height: var(--teddy-top-menu-height, 47px);
|
|
3366
3364
|
}
|
|
3367
|
-
._teddy-global-navigation__top-menu-
|
|
3365
|
+
._teddy-global-navigation__top-menu-wrapper_1m6ra_54[data-state=closed] {
|
|
3368
3366
|
max-height: 0;
|
|
3369
3367
|
}
|
|
3370
|
-
._teddy-global-navigation__accordion-
|
|
3368
|
+
._teddy-global-navigation__accordion-look_1m6ra_64 {
|
|
3371
3369
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3372
3370
|
display: grid;
|
|
3373
3371
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
@@ -3377,13 +3375,13 @@
|
|
|
3377
3375
|
font-weight: var(--teddy-typography-weight-bold);
|
|
3378
3376
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3379
3377
|
}
|
|
3380
|
-
._teddy-global-navigation__accordion-
|
|
3378
|
+
._teddy-global-navigation__accordion-look_1m6ra_64:first-child {
|
|
3381
3379
|
margin-top: 0;
|
|
3382
3380
|
}
|
|
3383
|
-
._teddy-global-navigation__accordion-
|
|
3381
|
+
._teddy-global-navigation__accordion-look_1m6ra_64:last-child {
|
|
3384
3382
|
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3385
3383
|
}
|
|
3386
|
-
._teddy-global-navigation__mobile-link--accordion-
|
|
3384
|
+
._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
|
|
3387
3385
|
padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
|
|
3388
3386
|
font-family: var(--teddy-typography-family-default);
|
|
3389
3387
|
font-weight: var(--teddy-typography-weight-bold);
|
|
@@ -3391,16 +3389,16 @@
|
|
|
3391
3389
|
line-height: var(--teddy-typography-line-height-default);
|
|
3392
3390
|
}
|
|
3393
3391
|
@media (min-width: 600px) {
|
|
3394
|
-
._teddy-global-navigation__mobile-link--accordion-
|
|
3392
|
+
._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
|
|
3395
3393
|
padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
|
|
3396
3394
|
}
|
|
3397
3395
|
}
|
|
3398
3396
|
@media (min-width: 1024px) {
|
|
3399
|
-
._teddy-global-navigation__mobile-link--accordion-
|
|
3397
|
+
._teddy-global-navigation__mobile-link--accordion-look_1m6ra_80 {
|
|
3400
3398
|
padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
|
|
3401
3399
|
}
|
|
3402
3400
|
}
|
|
3403
|
-
@keyframes _close-
|
|
3401
|
+
@keyframes _close-viewport_1m6ra_1 {
|
|
3404
3402
|
0% {
|
|
3405
3403
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
3406
3404
|
}
|