@stihl-design-system/components 1.0.0-RC.29 → 1.0.0-RC.30

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.
Files changed (46) hide show
  1. package/{actionbutton.DHt1AL7U.js → actionbutton.u1qp8oGC.js} +1 -1
  2. package/{actionlink.BML1jenE.js → actionlink.C7HzeIVa.js} +1 -1
  3. package/assets/ActionButton.oGVPTS1J.css +1 -0
  4. package/assets/ActionLink.CTh6IXrN.css +1 -0
  5. package/assets/Header.CNqtWTxB.css +1 -0
  6. package/assets/MegaMenu.DX9gChtY.css +1 -0
  7. package/assets/banner.BLdW5VF4.css +1 -0
  8. package/banner.j9YpudOS.js +55 -0
  9. package/chunks/ActionButton.B8zFwOrJ.js +165 -0
  10. package/chunks/{ActionLink.BlhqDEtq.js → ActionLink.IX6oRXU3.js} +31 -31
  11. package/chunks/Header.DqZRryB5.js +366 -0
  12. package/chunks/MegaMenu.BY7eOnhj.js +189 -0
  13. package/chunks/Popover.NGetxKGg.js +159 -0
  14. package/chunks/floating-ui.react.x0F9CYgn.js +1637 -0
  15. package/components/Banner/Banner.d.ts +1 -1
  16. package/components/InputFile/InputFile.d.ts +1 -1
  17. package/components/MegaMenu/MegaMenu.d.ts +32 -0
  18. package/components/MegaMenu/MegaMenu.test.d.ts +1 -0
  19. package/components/MegaMenu/MegaMenu.utils.d.ts +52 -0
  20. package/components/MegaMenu/MegaMenu.utils.test.d.ts +1 -0
  21. package/components/Popover/Popover.d.ts +1 -1
  22. package/components/Scroller/Scroller.d.ts +1 -1
  23. package/github-mark-white.svg +1 -0
  24. package/github-mark.svg +1 -0
  25. package/{header.Z4Oxj_xL.js → header.QpNjE3N-.js} +1 -1
  26. package/index.d.ts +2 -0
  27. package/index.es.js +117 -112
  28. package/megamenu.CdHrEeoh.js +12 -0
  29. package/megamenu.d.ts +2 -0
  30. package/package.json +3 -1
  31. package/partials/index.js +21 -15
  32. package/partials/lib/partials.d.ts +1 -1
  33. package/{popover.BFx99cHg.js → popover.DXxm1oWI.js} +3 -2
  34. package/styles/scss/ds/index.scss +0 -1
  35. package/styles/scss/ds/lib/grid-main.scss +2 -13
  36. package/styles/scss/ds/lib/grid-sidebar.scss +38 -136
  37. package/{topbar.Bccms0xZ.js → topbar.Dhy_TL0U.js} +1 -1
  38. package/assets/ActionButton.Ewi0i1hW.css +0 -1
  39. package/assets/ActionLink.BdPEvuGm.css +0 -1
  40. package/assets/Header.DO34x-dO.css +0 -1
  41. package/assets/banner.D9EiZqqR.css +0 -1
  42. package/banner.B2YO054K.js +0 -55
  43. package/chunks/ActionButton.CzaWZGPt.js +0 -165
  44. package/chunks/Header.BSvyYrIV.js +0 -368
  45. package/chunks/Popover.hXQTvwwd.js +0 -1685
  46. package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +0 -52
package/partials/index.js CHANGED
@@ -12,7 +12,7 @@ function u(r) {
12
12
  };
13
13
  s("getMetaIconLinks");
14
14
  let e = ["<link rel=icon href=%PUBLIC_URL%/favicon.ico sizes=32x32>", "<link rel=icon href=%PUBLIC_URL%/icon.svg type=image/svg+xml>", "<link rel=apple-touch-icon href=%PUBLIC_URL%/apple-icon.png>", "<link rel=manifest href=%PUBLIC_URL%/manifest.webmanifest>"];
15
- switch (a === "html" && (e = e.map((i) => i.replace("%PUBLIC_URL%", ""))), a) {
15
+ switch (a === "html" && (e = e.map((n) => n.replace("%PUBLIC_URL%", ""))), a) {
16
16
  case "html":
17
17
  case "cra":
18
18
  return e.join("");
@@ -40,7 +40,7 @@ function f(r, a) {
40
40
  ...a
41
41
  };
42
42
  s("getSSRStyles");
43
- const i = [
43
+ const n = [
44
44
  {
45
45
  componentName: "DSAccordion",
46
46
  componentNameLowercase: "accordion",
@@ -50,14 +50,14 @@ function f(r, a) {
50
50
  {
51
51
  componentName: "DSActionButton",
52
52
  componentNameLowercase: "actionbutton",
53
- cssFileName: "ActionButton.Ewi0i1hW.css",
54
- cssFileContent: ":where(.ds-action-button_root_16ush_1):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-button_root_16ush_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-action-button_root_16ush_1):focus{outline:revert;outline-offset:revert}:where(.ds-action-button_root_16ush_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-button_root_16ush_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-button_root_16ush_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px;color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){:where(.ds-action-button_root_16ush_1):hover{background-color:#0000001a}}:where(.ds-action-button_root_16ush_1){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_root_16ush_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-action-button_root_16ush_1){background-color:Canvas!important}:where(.ds-action-button_root_16ush_1):hover{border-color:Highlight}}:where(.ds-action-button_root--indent-level-1_16ush_72){padding-inline-start:39px}:where(.ds-action-button_root--active_16ush_75){background-color:#0000001a}:where(.ds-action-button_root--active--with-marker_16ush_78){padding-inline-start:0px}:where(.ds-action-button_root--icon--top_16ush_81){gap:.25rem;flex-direction:column;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}:where(.ds-action-button_root_16ush_1)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-action-button_root_16ush_1)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-action-button_root_16ush_1)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-action-button_root_16ush_1)[aria-disabled=true]:before{background-color:transparent}:where(.ds-action-button_root--stretched_16ush_106){justify-content:flex-start;width:100%}:where(.ds-action-button_active-marker_16ush_111){width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){:where(.ds-action-button_active-marker_16ush_111){background-color:Highlight}}:where(.ds-action-button_active-marker--with-indent_16ush_123){margin-inline-end:1.75rem}:where(.ds-action-button_icon-wrapper_16ush_127){height:1rem}:where(.ds-action-button_icon-wrapper--x-large_16ush_130){height:1.5rem}:where(.ds-action-button_icon-wrapper--with-number-indicator_16ush_133){position:relative}:where(.ds-action-button_icon-wrapper--with-number-indicator_16ush_133)>span{position:absolute;top:-25%;left:.625rem}:where(.ds-action-button_icon-wrapper--with-number-indicator--with-value_16ush_141)>span{top:-50%}:where(.ds-action-button_label_16ush_145){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}:where(.ds-action-button_label--bold_16ush_156),:where(.ds-action-button_label--active_16ush_167){font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}:where(.ds-action-button_label--icon-top_16ush_178){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}:where(.ds-action-button_label--icon-top_16ush_178).ds-action-button_label--active_16ush_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}:where(.ds-action-button_number-indicator_16ush_201){margin-inline-start:auto}:where(.ds-action-button_label-wrapper_16ush_205){display:flex;align-items:center;gap:.375rem}:where(.ds-action-button_label-wrapper--icon-top_16ush_210){gap:.125rem}:where(.ds-action-button_chevron_16ush_214){transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}:where(.ds-action-button_chevron_16ush_214){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron_16ush_214){transition-duration:0ms}}:where(.ds-action-button_chevron--icon-position-top_16ush_229){min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}:where(.ds-action-button_chevron--up_16ush_235){transform:rotate(-180deg)}:where(.ds-action-button_chevron--up_16ush_235){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--up_16ush_235){transition-duration:0ms}}:where(.ds-action-button_chevron--right_16ush_246){transform:rotate(-90deg)}:where(.ds-action-button_chevron--right_16ush_246){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--right_16ush_246){transition-duration:0ms}}:where(.ds-action-button_chevron--left_16ush_257){transform:rotate(-270deg)}:where(.ds-action-button_chevron--left_16ush_257){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--left_16ush_257){transition-duration:0ms}}"
53
+ cssFileName: "ActionButton.oGVPTS1J.css",
54
+ cssFileContent: ":where(.ds-action-button_root_15ybf_1):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-button_root_15ybf_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-action-button_root_15ybf_1):focus{outline:revert;outline-offset:revert}:where(.ds-action-button_root_15ybf_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-button_root_15ybf_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-button_root_15ybf_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}:where(.ds-action-button_root_15ybf_1){color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){:where(.ds-action-button_root_15ybf_1):hover{background-color:#0000001a}}:where(.ds-action-button_root_15ybf_1){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_root_15ybf_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-action-button_root_15ybf_1){background-color:Canvas!important}:where(.ds-action-button_root_15ybf_1):hover{border-color:Highlight}}:where(.ds-action-button_root--indent-level-1_15ybf_75){padding-inline-start:39px}:where(.ds-action-button_root--active_15ybf_78){background-color:#0000001a}:where(.ds-action-button_root--active--with-marker_15ybf_81){padding-inline-start:0px}:where(.ds-action-button_root--icon--top_15ybf_84){gap:.25rem;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}:where(.ds-action-button_root_15ybf_1)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-action-button_root_15ybf_1)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-action-button_root_15ybf_1)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-action-button_root_15ybf_1)[aria-disabled=true]:before{background-color:transparent}:where(.ds-action-button_root--stretched_15ybf_110){justify-content:flex-start;width:100%}:where(.ds-action-button_active-marker_15ybf_115){width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){:where(.ds-action-button_active-marker_15ybf_115){background-color:Highlight}}:where(.ds-action-button_active-marker--with-indent_15ybf_127){margin-inline-end:1.75rem}:where(.ds-action-button_icon-wrapper_15ybf_131){height:1rem}:where(.ds-action-button_icon-wrapper--x-large_15ybf_134){height:1.5rem}:where(.ds-action-button_icon-wrapper--with-number-indicator_15ybf_137){position:relative}:where(.ds-action-button_icon-wrapper--with-number-indicator_15ybf_137)>span{position:absolute;top:-25%;left:.625rem}:where(.ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145)>span{top:-50%}:where(.ds-action-button_label_15ybf_149){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}:where(.ds-action-button_label--bold_15ybf_160),:where(.ds-action-button_label--active_15ybf_171){font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}:where(.ds-action-button_label--icon-top_15ybf_182){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}:where(.ds-action-button_label--icon-top_15ybf_182).ds-action-button_label--active_15ybf_171{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}:where(.ds-action-button_number-indicator_15ybf_205){margin-inline-start:auto}:where(.ds-action-button_label-wrapper_15ybf_209){display:flex;align-items:center;gap:.375rem}:where(.ds-action-button_label-wrapper--icon-top_15ybf_214){gap:.125rem}:where(.ds-action-button_chevron_15ybf_218){transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}:where(.ds-action-button_chevron_15ybf_218){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron_15ybf_218){transition-duration:0ms}}:where(.ds-action-button_chevron--icon-position-top_15ybf_233){min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}:where(.ds-action-button_chevron--up_15ybf_239){transform:rotate(-180deg)}:where(.ds-action-button_chevron--up_15ybf_239){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--up_15ybf_239){transition-duration:0ms}}:where(.ds-action-button_chevron--right_15ybf_250){transform:rotate(-90deg)}:where(.ds-action-button_chevron--right_15ybf_250){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--right_15ybf_250){transition-duration:0ms}}:where(.ds-action-button_chevron--left_15ybf_261){transform:rotate(-270deg)}:where(.ds-action-button_chevron--left_15ybf_261){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-action-button_chevron--left_15ybf_261){transition-duration:0ms}}"
55
55
  },
56
56
  {
57
57
  componentName: "DSActionLink",
58
58
  componentNameLowercase: "actionlink",
59
- cssFileName: "ActionLink.BdPEvuGm.css",
60
- cssFileContent: ":where(.ds-action-link_root_14712_1):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-link_root_14712_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-action-link_root_14712_1):focus{outline:revert;outline-offset:revert}:where(.ds-action-link_root_14712_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-link_root_14712_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-link_root_14712_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px;color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){:where(.ds-action-link_root_14712_1):hover{background-color:#0000001a}}:where(.ds-action-link_root_14712_1){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-action-link_root_14712_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-action-link_root_14712_1){background-color:Canvas!important}:where(.ds-action-link_root_14712_1):hover{border-color:Highlight}}:where(.ds-action-link_root--indent-level-1_14712_72){padding-inline-start:39px}:where(.ds-action-link_root--active_14712_75){background-color:#0000001a}:where(.ds-action-link_root--active--with-marker_14712_78){padding-inline-start:0px}:where(.ds-action-link_root--icon--top_14712_81){gap:.25rem;flex-direction:column;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}:where(.ds-action-link_root_14712_1)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-action-link_root_14712_1)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-action-link_root_14712_1)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-action-link_root_14712_1)[aria-disabled=true]:before{background-color:transparent}:where(.ds-action-link_root--stretched_14712_106){justify-content:flex-start;width:100%}:where(.ds-action-link_active-marker_14712_111){width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){:where(.ds-action-link_active-marker_14712_111){background-color:Highlight}}:where(.ds-action-link_active-marker--with-indent_14712_123){margin-inline-end:1.75rem}:where(.ds-action-link_icon-wrapper_14712_127){height:1rem}:where(.ds-action-link_icon-wrapper--x-large_14712_130){height:1.5rem}:where(.ds-action-link_icon-wrapper--with-number-indicator_14712_133){position:relative}:where(.ds-action-link_icon-wrapper--with-number-indicator_14712_133)>span{position:absolute;top:-25%;left:.625rem}:where(.ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141)>span{top:-50%}:where(.ds-action-link_label_14712_145){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}:where(.ds-action-link_label--bold_14712_156),:where(.ds-action-link_label--active_14712_167){font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}:where(.ds-action-link_label--icon-top_14712_178){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}:where(.ds-action-link_label--icon-top_14712_178).ds-action-link_label--active_14712_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}:where(.ds-action-link_number-indicator_14712_201){margin-inline-start:auto}"
59
+ cssFileName: "ActionLink.CTh6IXrN.css",
60
+ cssFileContent: ":where(.ds-action-link_root_1xtta_1):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-link_root_1xtta_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-action-link_root_1xtta_1):focus{outline:revert;outline-offset:revert}:where(.ds-action-link_root_1xtta_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-action-link_root_1xtta_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-action-link_root_1xtta_1){padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}:where(.ds-action-link_root_1xtta_1){color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){:where(.ds-action-link_root_1xtta_1):hover{background-color:#0000001a}}:where(.ds-action-link_root_1xtta_1){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-action-link_root_1xtta_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-action-link_root_1xtta_1){background-color:Canvas!important}:where(.ds-action-link_root_1xtta_1):hover{border-color:Highlight}}:where(.ds-action-link_root--indent-level-1_1xtta_75){padding-inline-start:39px}:where(.ds-action-link_root--active_1xtta_78){background-color:#0000001a}:where(.ds-action-link_root--active--with-marker_1xtta_81){padding-inline-start:0px}:where(.ds-action-link_root--icon--top_1xtta_84){gap:.25rem;flex-direction:column;min-height:3.375rem;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}:where(.ds-action-link_root_1xtta_1)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-action-link_root_1xtta_1)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-action-link_root_1xtta_1)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-action-link_root_1xtta_1)[aria-disabled=true]:before{background-color:transparent}:where(.ds-action-link_root--stretched_1xtta_110){justify-content:flex-start;width:100%}:where(.ds-action-link_active-marker_1xtta_115){width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){:where(.ds-action-link_active-marker_1xtta_115){background-color:Highlight}}:where(.ds-action-link_active-marker--with-indent_1xtta_127){margin-inline-end:1.75rem}:where(.ds-action-link_icon-wrapper_1xtta_131){height:1rem}:where(.ds-action-link_icon-wrapper--x-large_1xtta_134){height:1.5rem}:where(.ds-action-link_icon-wrapper--with-number-indicator_1xtta_137){position:relative}:where(.ds-action-link_icon-wrapper--with-number-indicator_1xtta_137)>span{position:absolute;top:-25%;left:.625rem}:where(.ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145)>span{top:-50%}:where(.ds-action-link_label_1xtta_149){font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}:where(.ds-action-link_label--bold_1xtta_160),:where(.ds-action-link_label--active_1xtta_171){font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}:where(.ds-action-link_label--icon-top_1xtta_182){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}:where(.ds-action-link_label--icon-top_1xtta_182).ds-action-link_label--active_1xtta_171{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}:where(.ds-action-link_number-indicator_1xtta_205){margin-inline-start:auto}"
61
61
  },
62
62
  {
63
63
  componentName: "DSAriaLiveRegions",
@@ -68,8 +68,8 @@ function f(r, a) {
68
68
  {
69
69
  componentName: "DSBanner",
70
70
  componentNameLowercase: "banner",
71
- cssFileName: "banner.D9EiZqqR.css",
72
- cssFileContent: ":where(.ds-banner_root_19afy_1){background-color:#252525;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid transparent;padding-inline-start:15px;padding-inline-end:7px;padding-block-start:7px;padding-block-end:7px}:where(.ds-banner_root--secondary_19afy_14){color:#252525;background-color:#dadada}:where(.ds-banner_root--highlight_19afy_18){color:#252525;background-color:#f37a1f}:where(.ds-banner_root--hide-close-button_19afy_22){grid-template-columns:1fr;gap:0px;padding-inline-end:16px}:where(.ds-banner_content_19afy_28){grid-column:1/2;display:flex;align-items:center;min-height:2rem}@media (min-width: 768px){:where(.ds-banner_content_19afy_28){justify-content:center}}:where(.ds-banner_close-button_19afy_40){grid-column:2}"
71
+ cssFileName: "banner.BLdW5VF4.css",
72
+ cssFileContent: ":where(.ds-banner_root_1y1nw_1){background-color:#252525;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid transparent;padding-inline-start:15px;padding-inline-end:7px;padding-block-start:7px;padding-block-end:7px;position:relative;z-index:997}:where(.ds-banner_root--secondary_1y1nw_16){color:#252525;background-color:#dadada}:where(.ds-banner_root--highlight_1y1nw_20){color:#252525;background-color:#f37a1f}:where(.ds-banner_root--hide-close-button_1y1nw_24){grid-template-columns:1fr;gap:0px;padding-inline-end:16px}:where(.ds-banner_content_1y1nw_30){grid-column:1/2;display:flex;align-items:center;min-height:2rem}@media (min-width: 768px){:where(.ds-banner_content_1y1nw_30){justify-content:center}}:where(.ds-banner_close-button_1y1nw_42){grid-column:2}"
73
73
  },
74
74
  {
75
75
  componentName: "DSBreadcrumb",
@@ -146,8 +146,8 @@ function f(r, a) {
146
146
  {
147
147
  componentName: "DSHeader",
148
148
  componentNameLowercase: "header",
149
- cssFileName: "Header.DO34x-dO.css, logo._GqPgimo.css",
150
- cssFileContent: ':where(.ds-top-bar_root_ryiho_1){z-index:998;border-bottom:1px solid #DADADA;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-top-bar_root--sticky_ryiho_47){top:0;position:sticky}:where(.ds-top-bar_root--fixed_ryiho_51){background-color:#fff;position:fixed;top:0;left:0;right:0}:where(.ds-top-bar_content_ryiho_59){background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){:where(.ds-top-bar_content_ryiho_59){min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}:where(.ds-top-bar_content--variant-full_ryiho_78){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline:0px;justify-content:center}@media (min-width: 1024px){:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_brand_ryiho_107){padding-inline:0px}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_brand_ryiho_107){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline:0px;justify-content:center}}@media (min-width: 1024px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-primary-area_ryiho_82){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){padding-block-end:11px}}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_brand_ryiho_107){padding-inline:0px}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){padding-block-start:0;border-top:none}}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_brand_ryiho_107){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}:where(.ds-top-bar_brand_ryiho_107){grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){:where(.ds-top-bar_brand_ryiho_107){gap:14px}}:where(.ds-top-bar_brand-add-on_ryiho_210){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_ryiho_210){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}:where(.ds-top-bar_brand-add-on--double_ryiho_231){display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on--double_ryiho_231){font-size:1.1875rem;line-height:1.1176470588}}:where(.ds-top-bar_brand-add-on_ryiho_210) :where(.ds-top-bar_sub-title_ryiho_245){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_ryiho_210) :where(.ds-top-bar_sub-title_ryiho_245){font-size:.9375rem;line-height:1.4}}:where(.ds-top-bar_primary_ryiho_87){grid-area:primary;display:flex;align-items:center;min-height:3rem}:where(.ds-top-bar_secondary_ryiho_271){grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}:where(.ds-top-bar_logo_ryiho_280){width:7.125rem;height:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo_ryiho_280){min-width:7.9775625rem;height:3.5rem}}:where(.ds-top-bar_logo--reduced_ryiho_290){width:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo--reduced_ryiho_290){min-width:3.5rem}}:where(.ds-header_root_g2mvw_1){background-color:#fff}:where(.ds-header_root--sticky_g2mvw_4){position:sticky;top:0;z-index:998}:where(.ds-header_root--hidden_g2mvw_9){transform:translateY(-100%)}:where(.ds-header_root--hidden_g2mvw_9){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--hidden_g2mvw_9){transition-duration:0ms}}:where(.ds-header_root--fixed_g2mvw_20){position:fixed;top:0;left:0;right:0;transform:translateY(0)}:where(.ds-header_root--fixed_g2mvw_20){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--fixed_g2mvw_20){transition-duration:0ms}}:where(.ds-header_main-navigation-area_g2mvw_36){background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:static}@media (min-width: 1024px){:where(.ds-header_main-navigation-area_g2mvw_36){display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-header_main-navigation-area--fixed_g2mvw_88){position:fixed;top:0;left:0;right:0;z-index:0}:where(.ds-header_main-navigation-area--fixed_g2mvw_88){transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_main-navigation-area--fixed_g2mvw_88){transition-duration:0ms}}:where(.ds-header_main-navigation-area--fixed--visible_g2mvw_103){top:var(--ds-top-bar-height);z-index:997}:where(.ds-header_main-navigation-content_g2mvw_108){min-height:3rem;grid-column:main-start/main-end}:where(.ds-header_main-navigation-content--variant-full_g2mvw_112){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-header_header-placeholder_g2mvw_117){height:var(--ds-header-height)}:where(.ds-header_header-placeholder--with-banner_g2mvw_120){height:calc(var(--ds-header-height) - var(--ds-banner-height))}@charset "UTF-8";:where(.ds-logo_anchor_m1yba_2){display:inline-block}:where(.ds-logo_anchor--main_m1yba_6){min-width:7.125rem;max-width:8rem}:where(.ds-logo_anchor--reduced_m1yba_13){min-width:3.125rem;max-width:4.375rem}:where(.ds-logo_anchor_m1yba_2){text-decoration:none}:where(.ds-logo_anchor_m1yba_2):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor_m1yba_2):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor_m1yba_2):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_svg_m1yba_81){display:block;width:100%;height:100%;fill:#f37a1f}:where(.ds-logo_svg-text_m1yba_87){fill:#fff}:where(.ds-logo_placeholder-reduced_m1yba_91){width:4.375rem;height:4.375rem}'
149
+ cssFileName: "Header.CNqtWTxB.css, logo._GqPgimo.css",
150
+ cssFileContent: ':where(.ds-top-bar_root_q6oxc_1){background-color:#fff;z-index:998;border-bottom:1px solid #DADADA;position:relative;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-top-bar_root--sticky_q6oxc_49){top:0;position:sticky}:where(.ds-top-bar_root--fixed_q6oxc_53){background-color:#fff;position:fixed;top:0;left:0;right:0;width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-top-bar_content_q6oxc_62){background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){:where(.ds-top-bar_content_q6oxc_62){min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}:where(.ds-top-bar_content--variant-full_q6oxc_81){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:0px;justify-content:center}@media (min-width: 1024px){:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_brand_q6oxc_110){padding-inline:0px}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_brand_q6oxc_110){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:0px;justify-content:center}}@media (min-width: 1024px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-primary-area_q6oxc_85){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){padding-block-end:11px}}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_brand_q6oxc_110){padding-inline:0px}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){padding-block-start:0;border-top:none}}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_brand_q6oxc_110){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}:where(.ds-top-bar_brand_q6oxc_110){grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){:where(.ds-top-bar_brand_q6oxc_110){gap:14px}}:where(.ds-top-bar_brand-add-on_q6oxc_213){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_q6oxc_213){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}:where(.ds-top-bar_brand-add-on--double_q6oxc_234){display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on--double_q6oxc_234){font-size:1.1875rem;line-height:1.1176470588}}:where(.ds-top-bar_brand-add-on_q6oxc_213) :where(.ds-top-bar_sub-title_q6oxc_248){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_q6oxc_213) :where(.ds-top-bar_sub-title_q6oxc_248){font-size:.9375rem;line-height:1.4}}:where(.ds-top-bar_primary_q6oxc_90){grid-area:primary;display:flex;align-items:center;min-height:3rem}:where(.ds-top-bar_secondary_q6oxc_274){grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}:where(.ds-top-bar_logo_q6oxc_283){width:7.125rem;height:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo_q6oxc_283){min-width:7.9775625rem;height:3.5rem}}:where(.ds-top-bar_logo--reduced_q6oxc_293){width:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo--reduced_q6oxc_293){min-width:3.5rem}}:where(.ds-header_root_c5fh4_1){background-color:#fff}:where(.ds-header_root--sticky_c5fh4_4){position:sticky;top:0;z-index:998}:where(.ds-header_root--hidden_c5fh4_9){transform:translateY(-100%)}:where(.ds-header_root--hidden_c5fh4_9){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--hidden_c5fh4_9){transition-duration:0ms}}:where(.ds-header_root--fixed_c5fh4_20){position:fixed;top:0;left:0;right:0;transform:translateY(0);width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-header_root--fixed_c5fh4_20){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--fixed_c5fh4_20){transition-duration:0ms}}:where(.ds-header_main-navigation-area_c5fh4_37){background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:sticky;z-index:997}@media (min-width: 1024px){:where(.ds-header_main-navigation-area_c5fh4_37){display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-header_main-navigation-area--fixed_c5fh4_90){position:fixed;top:0;left:0;right:0;z-index:0}:where(.ds-header_main-navigation-area--fixed_c5fh4_90){transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_main-navigation-area--fixed_c5fh4_90){transition-duration:0ms}}:where(.ds-header_main-navigation-area--fixed--visible_c5fh4_105){top:var(--ds-top-bar-height);z-index:997;width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-header_main-navigation-content_c5fh4_111){min-height:3rem;grid-column:main-start/main-end}:where(.ds-header_main-navigation-content--variant-full_c5fh4_115){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-header_header-placeholder_c5fh4_120){height:var(--ds-header-height)}:where(.ds-header_header-placeholder--with-banner_c5fh4_123){height:calc(var(--ds-header-height) - var(--ds-banner-height))}@charset "UTF-8";:where(.ds-logo_anchor_m1yba_2){display:inline-block}:where(.ds-logo_anchor--main_m1yba_6){min-width:7.125rem;max-width:8rem}:where(.ds-logo_anchor--reduced_m1yba_13){min-width:3.125rem;max-width:4.375rem}:where(.ds-logo_anchor_m1yba_2){text-decoration:none}:where(.ds-logo_anchor_m1yba_2):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor_m1yba_2):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor_m1yba_2):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_svg_m1yba_81){display:block;width:100%;height:100%;fill:#f37a1f}:where(.ds-logo_svg-text_m1yba_87){fill:#fff}:where(.ds-logo_placeholder-reduced_m1yba_91){width:4.375rem;height:4.375rem}'
151
151
  },
152
152
  {
153
153
  componentName: "DSHeading",
@@ -209,6 +209,12 @@ function f(r, a) {
209
209
  cssFileName: "logo._GqPgimo.css",
210
210
  cssFileContent: '@charset "UTF-8";:where(.ds-logo_anchor_m1yba_2){display:inline-block}:where(.ds-logo_anchor--main_m1yba_6){min-width:7.125rem;max-width:8rem}:where(.ds-logo_anchor--reduced_m1yba_13){min-width:3.125rem;max-width:4.375rem}:where(.ds-logo_anchor_m1yba_2){text-decoration:none}:where(.ds-logo_anchor_m1yba_2):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor_m1yba_2):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor_m1yba_2):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_svg_m1yba_81){display:block;width:100%;height:100%;fill:#f37a1f}:where(.ds-logo_svg-text_m1yba_87){fill:#fff}:where(.ds-logo_placeholder-reduced_m1yba_91){width:4.375rem;height:4.375rem}'
211
211
  },
212
+ {
213
+ componentName: "DSMegaMenu",
214
+ componentNameLowercase: "megamenu",
215
+ cssFileName: "MegaMenu.DX9gChtY.css",
216
+ cssFileContent: ":where(.ds-mega-menu_root_11fw1_1){background-color:#fff;border-bottom:1px solid transparent;border-radius:0;padding-block-start:7px;padding-block-end:7px;z-index:998;width:calc(100vw - var(--floating-ui-scrollbar-width));height:calc(100vh - var(--ds-header-height) - 64px);min-height:380px;max-height:640px;left:0!important;overflow:hidden;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){:where(.ds-mega-menu_root_11fw1_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){:where(.ds-mega-menu_root_11fw1_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){:where(.ds-mega-menu_root_11fw1_1){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){:where(.ds-mega-menu_root_11fw1_1){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-mega-menu_root_11fw1_1):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-mega-menu_root_11fw1_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-mega-menu_root_11fw1_1):focus{outline:revert;outline-offset:revert}:where(.ds-mega-menu_root_11fw1_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-mega-menu_root_11fw1_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-mega-menu_root_11fw1_1)[data-status=initial],:where(.ds-mega-menu_root_11fw1_1)[data-status=close]{transform:translateY(-100%)}:where(.ds-mega-menu_root_11fw1_1)[data-status=open]{transform:translateY(0)}:where(.ds-mega-menu_root_11fw1_1)[data-status=open]{transition:transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_root_11fw1_1)[data-status=open]{transition-duration:0ms}}:where(.ds-mega-menu_root_11fw1_1)[data-status=close]{transition:transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_root_11fw1_1)[data-status=close]{transition-duration:0ms}}:where(.ds-mega-menu_content_11fw1_109){grid-column:main-start/main-end}:where(.ds-mega-menu_content_11fw1_109)[data-status=initial]{opacity:0}:where(.ds-mega-menu_content_11fw1_109)[data-status=open]{opacity:1}:where(.ds-mega-menu_content_11fw1_109)[data-status=open]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_content_11fw1_109)[data-status=open]{transition-duration:0ms}}:where(.ds-mega-menu_content_11fw1_109)[data-status=open]{transition-delay:var(--ds-animation-duration, .4s)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_content_11fw1_109)[data-status=open]{transition-delay:0ms}}:where(.ds-mega-menu_content--variant-full_11fw1_134){padding-inline:11px;grid-column:full-start/full-end}:where(.ds-mega-menu_backdrop_11fw1_139){position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;background-color:#00000080}:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=initial],:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=close]{opacity:0}:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=open]{opacity:1}:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=open]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=open]{transition-duration:0ms}}:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=close]{transition:opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-mega-menu_backdrop_11fw1_139)[data-status=close]{transition-duration:0ms}}"
217
+ },
212
218
  {
213
219
  componentName: "DSNavigationTabs",
214
220
  componentNameLowercase: "navigationtabs",
@@ -308,19 +314,19 @@ function f(r, a) {
308
314
  {
309
315
  componentName: "DSTopBar",
310
316
  componentNameLowercase: "topbar",
311
- cssFileName: "Header.DO34x-dO.css, logo._GqPgimo.css",
312
- cssFileContent: ':where(.ds-top-bar_root_ryiho_1){z-index:998;border-bottom:1px solid #DADADA;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){:where(.ds-top-bar_root_ryiho_1){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-top-bar_root--sticky_ryiho_47){top:0;position:sticky}:where(.ds-top-bar_root--fixed_ryiho_51){background-color:#fff;position:fixed;top:0;left:0;right:0}:where(.ds-top-bar_content_ryiho_59){background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){:where(.ds-top-bar_content_ryiho_59){min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}:where(.ds-top-bar_content--variant-full_ryiho_78){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline:0px;justify-content:center}@media (min-width: 1024px){:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_brand_ryiho_107){padding-inline:0px}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_brand_ryiho_107){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline:0px;justify-content:center}}@media (min-width: 1024px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_ryiho_102) :where(.ds-top-bar_primary_ryiho_87){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-primary-area_ryiho_82){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area_ryiho_82) :where(.ds-top-bar_primary_ryiho_87){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){padding-block-end:11px}}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_brand_ryiho_107){padding-inline:0px}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){padding-block-start:0;border-top:none}}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_brand_ryiho_107){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_ryiho_146) :where(.ds-top-bar_primary_ryiho_87){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}:where(.ds-top-bar_brand_ryiho_107){grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){:where(.ds-top-bar_brand_ryiho_107){gap:14px}}:where(.ds-top-bar_brand-add-on_ryiho_210){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_ryiho_210){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}:where(.ds-top-bar_brand-add-on--double_ryiho_231){display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on--double_ryiho_231){font-size:1.1875rem;line-height:1.1176470588}}:where(.ds-top-bar_brand-add-on_ryiho_210) :where(.ds-top-bar_sub-title_ryiho_245){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_ryiho_210) :where(.ds-top-bar_sub-title_ryiho_245){font-size:.9375rem;line-height:1.4}}:where(.ds-top-bar_primary_ryiho_87){grid-area:primary;display:flex;align-items:center;min-height:3rem}:where(.ds-top-bar_secondary_ryiho_271){grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}:where(.ds-top-bar_logo_ryiho_280){width:7.125rem;height:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo_ryiho_280){min-width:7.9775625rem;height:3.5rem}}:where(.ds-top-bar_logo--reduced_ryiho_290){width:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo--reduced_ryiho_290){min-width:3.5rem}}:where(.ds-header_root_g2mvw_1){background-color:#fff}:where(.ds-header_root--sticky_g2mvw_4){position:sticky;top:0;z-index:998}:where(.ds-header_root--hidden_g2mvw_9){transform:translateY(-100%)}:where(.ds-header_root--hidden_g2mvw_9){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--hidden_g2mvw_9){transition-duration:0ms}}:where(.ds-header_root--fixed_g2mvw_20){position:fixed;top:0;left:0;right:0;transform:translateY(0)}:where(.ds-header_root--fixed_g2mvw_20){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--fixed_g2mvw_20){transition-duration:0ms}}:where(.ds-header_main-navigation-area_g2mvw_36){background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:static}@media (min-width: 1024px){:where(.ds-header_main-navigation-area_g2mvw_36){display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){:where(.ds-header_main-navigation-area_g2mvw_36){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-header_main-navigation-area--fixed_g2mvw_88){position:fixed;top:0;left:0;right:0;z-index:0}:where(.ds-header_main-navigation-area--fixed_g2mvw_88){transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_main-navigation-area--fixed_g2mvw_88){transition-duration:0ms}}:where(.ds-header_main-navigation-area--fixed--visible_g2mvw_103){top:var(--ds-top-bar-height);z-index:997}:where(.ds-header_main-navigation-content_g2mvw_108){min-height:3rem;grid-column:main-start/main-end}:where(.ds-header_main-navigation-content--variant-full_g2mvw_112){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-header_header-placeholder_g2mvw_117){height:var(--ds-header-height)}:where(.ds-header_header-placeholder--with-banner_g2mvw_120){height:calc(var(--ds-header-height) - var(--ds-banner-height))}@charset "UTF-8";:where(.ds-logo_anchor_m1yba_2){display:inline-block}:where(.ds-logo_anchor--main_m1yba_6){min-width:7.125rem;max-width:8rem}:where(.ds-logo_anchor--reduced_m1yba_13){min-width:3.125rem;max-width:4.375rem}:where(.ds-logo_anchor_m1yba_2){text-decoration:none}:where(.ds-logo_anchor_m1yba_2):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor_m1yba_2):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor_m1yba_2):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_svg_m1yba_81){display:block;width:100%;height:100%;fill:#f37a1f}:where(.ds-logo_svg-text_m1yba_87){fill:#fff}:where(.ds-logo_placeholder-reduced_m1yba_91){width:4.375rem;height:4.375rem}'
317
+ cssFileName: "Header.CNqtWTxB.css, logo._GqPgimo.css",
318
+ cssFileContent: ':where(.ds-top-bar_root_q6oxc_1){background-color:#fff;z-index:998;border-bottom:1px solid #DADADA;position:relative;display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}@media (min-width: 768px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1536px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1920px){:where(.ds-top-bar_root_q6oxc_1){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-top-bar_root--sticky_q6oxc_49){top:0;position:sticky}:where(.ds-top-bar_root--fixed_q6oxc_53){background-color:#fff;position:fixed;top:0;left:0;right:0;width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-top-bar_content_q6oxc_62){background-color:#fff;min-height:4.625rem;padding-block-start:12px;padding-block-end:11px;display:grid;grid-auto-rows:auto;row-gap:16px;align-items:center;grid-column:full-start/full-end;padding-inline:12px}@media (min-width: 768px){:where(.ds-top-bar_content_q6oxc_62){min-height:5rem;grid-column:main-start/main-end;padding-inline:0}}:where(.ds-top-bar_content--variant-full_q6oxc_81){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto;grid-template-rows:auto auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:0px;justify-content:center}@media (min-width: 1024px){:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-primary-area-and-secondary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand brand" "primary secondary";grid-template-columns:auto fit-content(100%);grid-template-rows:auto auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_brand_q6oxc_110){padding-inline:0px}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-end:var(--ds-spacing-dynamic-xs);justify-content:start}@media (min-width: 768px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand secondary" "primary primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_brand_q6oxc_110){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:0px;justify-content:center}}@media (min-width: 1024px){:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105){grid-template-areas:"brand primary secondary";grid-template-columns:fit-content(100%) auto fit-content(100%);grid-template-rows:auto}:where(.ds-top-bar_content--has-brand-add-on-with-primary-area-and-secondary-area_q6oxc_105) :where(.ds-top-bar_primary_q6oxc_90){padding-inline:var(--ds-spacing-dynamic-xs);justify-content:center}}:where(.ds-top-bar_content--has-primary-area_q6oxc_85){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area_q6oxc_85) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){grid-template-areas:"brand" "primary";grid-template-columns:auto;grid-template-rows:auto;row-gap:12px;padding-block-end:5px}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){padding-block-end:11px}}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_brand_q6oxc_110){padding-inline:0px}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){justify-content:center;padding-inline:0px;padding-block-start:4px;border-top:1px solid #DADADA}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){padding-block-start:0;border-top:none}}@media (min-width: 768px){:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149){grid-template-areas:"brand primary";grid-template-columns:fit-content(100%) auto}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_brand_q6oxc_110){padding-inline-end:var(--ds-spacing-dynamic-xs)}:where(.ds-top-bar_content--has-primary-area--with-brand-add-on_q6oxc_149) :where(.ds-top-bar_primary_q6oxc_90){padding-inline-start:var(--ds-spacing-dynamic-xs);justify-content:start}}:where(.ds-top-bar_brand_q6oxc_110){grid-area:brand;display:flex;align-items:center;gap:12px;padding-inline-end:var(--ds-spacing-dynamic-xs)}@media (min-width: 768px){:where(.ds-top-bar_brand_q6oxc_110){gap:14px}}:where(.ds-top-bar_brand-add-on_q6oxc_213){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.125rem;line-height:1;font-size-adjust:cap-height .68;letter-spacing:-.5px}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_q6oxc_213){font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.3125rem;line-height:1;font-size-adjust:cap-height .68}}:where(.ds-top-bar_brand-add-on--double_q6oxc_234){display:flex;flex-direction:column;white-space:nowrap;gap:0;font-size:1.0625rem;line-height:1.1176470588}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on--double_q6oxc_234){font-size:1.1875rem;line-height:1.1176470588}}:where(.ds-top-bar_brand-add-on_q6oxc_213) :where(.ds-top-bar_sub-title_q6oxc_248){font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.8125rem;line-height:1.461538;text-transform:uppercase;letter-spacing:0}@media (min-width: 768px){:where(.ds-top-bar_brand-add-on_q6oxc_213) :where(.ds-top-bar_sub-title_q6oxc_248){font-size:.9375rem;line-height:1.4}}:where(.ds-top-bar_primary_q6oxc_90){grid-area:primary;display:flex;align-items:center;min-height:3rem}:where(.ds-top-bar_secondary_q6oxc_274){grid-area:secondary;padding-inline-start:var(--ds-spacing-dynamic-xs);min-height:3rem;display:flex;justify-content:flex-end;align-items:center}:where(.ds-top-bar_logo_q6oxc_283){width:7.125rem;height:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo_q6oxc_283){min-width:7.9775625rem;height:3.5rem}}:where(.ds-top-bar_logo--reduced_q6oxc_293){width:3.125rem}@media (min-width: 768px){:where(.ds-top-bar_logo--reduced_q6oxc_293){min-width:3.5rem}}:where(.ds-header_root_c5fh4_1){background-color:#fff}:where(.ds-header_root--sticky_c5fh4_4){position:sticky;top:0;z-index:998}:where(.ds-header_root--hidden_c5fh4_9){transform:translateY(-100%)}:where(.ds-header_root--hidden_c5fh4_9){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--hidden_c5fh4_9){transition-duration:0ms}}:where(.ds-header_root--fixed_c5fh4_20){position:fixed;top:0;left:0;right:0;transform:translateY(0);width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-header_root--fixed_c5fh4_20){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_root--fixed_c5fh4_20){transition-duration:0ms}}:where(.ds-header_main-navigation-area_c5fh4_37){background-color:#fff;border-bottom:1px solid #DADADA;display:none;position:sticky;z-index:997}@media (min-width: 1024px){:where(.ds-header_main-navigation-area_c5fh4_37){display:grid;--ds-grid-gap: var(--ds-spacing-dynamic-xs);gap:var(--ds-grid-gap);min-width:320px;grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start narrow-center-start] repeat(8,minmax(0,1fr)) [narrow-center-end narrow-left-end main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 8px;--ds-grid-span-one-half: span 8;--ds-grid-span-one-third: span 8;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 4}}@media (min-width: 1024px) and (min-width: 768px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(2,minmax(0,1fr)) [narrow-center-start] repeat(6,minmax(0,1fr)) [narrow-left-end] repeat(2,minmax(0,1fr)) [narrow-center-end] repeat(2,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 12px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 6;--ds-grid-span-two-thirds: span 6;--ds-grid-span-one-quarter: span 6}}@media (min-width: 1024px) and (min-width: 1024px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,1fr)) [narrow-center-start] repeat(3,minmax(0,1fr)) [narrow-left-end] repeat(3,minmax(0,1fr)) [narrow-center-end] repeat(3,minmax(0,1fr)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end full-end];--ds-internal-grid-safe-zone: 26px;--ds-grid-span-one-half: span 6;--ds-grid-span-one-third: span 4;--ds-grid-span-two-thirds: span 8;--ds-grid-span-one-quarter: span 3}}@media (min-width: 1024px) and (min-width: 1536px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start extended-start] auto [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] auto [extended-end full-end];--ds-internal-grid-safe-zone: 0px}}@media (min-width: 1024px) and (min-width: 1920px){:where(.ds-header_main-navigation-area_c5fh4_37){grid-template-columns:[full-start] auto [extended-start] var(--ds-internal-grid-safe-zone) [main-start narrow-left-start] repeat(3,minmax(0,88px)) [narrow-center-start] repeat(3,minmax(0,88px)) [narrow-left-end] repeat(3,minmax(0,88px)) [narrow-center-end] repeat(3,minmax(0,88px)) [main-end] var(--ds-internal-grid-safe-zone) [extended-end] auto [full-end];--ds-internal-grid-safe-zone: 192px}}:where(.ds-header_main-navigation-area--fixed_c5fh4_90){position:fixed;top:0;left:0;right:0;z-index:0}:where(.ds-header_main-navigation-area--fixed_c5fh4_90){transition:top var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-header_main-navigation-area--fixed_c5fh4_90){transition-duration:0ms}}:where(.ds-header_main-navigation-area--fixed--visible_c5fh4_105){top:var(--ds-top-bar-height);z-index:997;width:calc(100vw - var(--floating-ui-scrollbar-width))}:where(.ds-header_main-navigation-content_c5fh4_111){min-height:3rem;grid-column:main-start/main-end}:where(.ds-header_main-navigation-content--variant-full_c5fh4_115){grid-column:full-start/full-end;padding-inline:12px}:where(.ds-header_header-placeholder_c5fh4_120){height:var(--ds-header-height)}:where(.ds-header_header-placeholder--with-banner_c5fh4_123){height:calc(var(--ds-header-height) - var(--ds-banner-height))}@charset "UTF-8";:where(.ds-logo_anchor_m1yba_2){display:inline-block}:where(.ds-logo_anchor--main_m1yba_6){min-width:7.125rem;max-width:8rem}:where(.ds-logo_anchor--reduced_m1yba_13){min-width:3.125rem;max-width:4.375rem}:where(.ds-logo_anchor_m1yba_2){text-decoration:none}:where(.ds-logo_anchor_m1yba_2):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor_m1yba_2):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor_m1yba_2):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor_m1yba_2):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-logo_anchor--dark_m1yba_51):focus{outline:revert;outline-offset:revert}:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-logo_anchor--dark_m1yba_51):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-logo_svg_m1yba_81){display:block;width:100%;height:100%;fill:#f37a1f}:where(.ds-logo_svg-text_m1yba_87){fill:#fff}:where(.ds-logo_placeholder-reduced_m1yba_91){width:4.375rem;height:4.375rem}'
313
319
  }
314
320
  ].filter(({ componentName: o }) => r.includes(o));
315
321
  if (e === "html")
316
- return i.map(({ componentNameLowercase: o, cssFileContent: n }) => `<style data-ds-ssr-injected-${o}>${n}</style>`).join("");
317
- const l = i.map(({ componentNameLowercase: o, cssFileContent: n }) => /* @__PURE__ */ t(
322
+ return n.map(({ componentNameLowercase: o, cssFileContent: i }) => `<style data-ds-ssr-injected-${o}>${i}</style>`).join("");
323
+ const l = n.map(({ componentNameLowercase: o, cssFileContent: i }) => /* @__PURE__ */ t(
318
324
  "style",
319
325
  {
320
326
  "data-ds-ssr-injected": o,
321
327
  suppressHydrationWarning: !0,
322
328
  dangerouslySetInnerHTML: {
323
- __html: `${n}`
329
+ __html: `${i}`
324
330
  }
325
331
  },
326
332
  o
@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
62
62
  type GetSSRStylesOptions = {
63
63
  format?: Exclude<Format, 'cra'>;
64
64
  };
65
- declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSSystemFeedback", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
65
+ declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSMegaMenu", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSSystemFeedback", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
66
66
  export type ComponentName = (typeof COMPONENT_NAME)[number];
67
67
  /**
68
68
  * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.
@@ -1,10 +1,11 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "./chunks/index.CgTHIF3K.js";
4
- import { D as s } from "./chunks/Popover.hXQTvwwd.js";
4
+ import { D } from "./chunks/Popover.NGetxKGg.js";
5
5
  import "react";
6
+ import "./chunks/floating-ui.react.x0F9CYgn.js";
6
7
  import "./chunks/index.CEyLAtio.js";
7
8
  import "./chunks/helpers.BbWkXTr3.js";
8
9
  export {
9
- s as DSPopover
10
+ D as DSPopover
10
11
  };
@@ -7,7 +7,6 @@
7
7
  @forward 'lib/grid-main';
8
8
  @forward 'lib/grid-narrow';
9
9
  @forward 'lib/grid-sidebar';
10
- @forward 'lib/grid-sidebar-sidebar';
11
10
  @forward 'lib/heading';
12
11
  @forward 'lib/input';
13
12
  @forward 'lib/link';
@@ -59,7 +59,7 @@ $grid-sidebar-main-column-end: $grid-main-column-end;
59
59
  @include grid-first-third;
60
60
  }
61
61
  @mixin grid-sidebar-span-one-third($isThirdItem: false) {
62
- @include grid-span-one-third($isThirdItem: false);
62
+ @include grid-span-one-third($isThirdItem);
63
63
  }
64
64
 
65
65
 
@@ -108,18 +108,7 @@ $grid-sidebar-main-column-end: $grid-main-column-end;
108
108
  }
109
109
 
110
110
  @mixin grid-sidebar-span-one-quarter($isThirdItem: false) {
111
-
112
-
113
-
114
- @if $isThirdItem == true {
115
- grid-column: $grid-main-column-start / $grid-span-one-quarter;
116
- } @else {
117
- grid-column: $grid-span-one-quarter;
118
- }
119
-
120
- @include media-query-min('xl') {
121
- grid-column: $grid-span-one-quarter;
122
- }
111
+ @include grid-span-one-quarter($isThirdItem);
123
112
  }
124
113
 
125
114
  $grid-span-one-half: var(--ds-grid-span-one-half);
@@ -1,155 +1,57 @@
1
- @use 'grid-sidebar-sidebar' as *;
2
1
  @use 'media-query' as *;
3
2
 
4
- @mixin grid-sidebar($is-sidebar-1-open: false, $is-sidebar-2-open: false) {
5
- @if $is-sidebar-1-open == false and $is-sidebar-2-open == true {
6
- @error "[STIHL Design System] - [ds.grid-sidebar()]: Sidebar 1 cannot be visually closed when sidebar 2 is open";
7
- }
8
-
3
+ @mixin grid-sidebar {
9
4
  display: grid;
10
- --ds-grid-sidebar-gap: 16px;
11
- gap: var(--ds-grid-sidebar-gap);
5
+ --ds-grid-gap: var(--ds-spacing-dynamic-xs);
6
+ gap: var(--ds-grid-gap);
12
7
  min-width: 320px;
13
8
  grid-template-columns:
14
- var(--ds-internal-grid-safe-zone)
15
- [main-start] repeat(4, minmax(0, 1fr))
16
- [main-end] var(--ds-internal-grid-safe-zone);
17
- --ds-internal-grid-safe-zone: 0;
18
- --ds-grid-span-one-half: span 4;
19
- --ds-grid-span-one-third: span 4;
20
- --ds-grid-span-two-thirds: span 4;
21
- --ds-grid-span-one-quarter: span 2;
22
-
23
- @if $is-sidebar-1-open == false {
24
- & > :first-child {
25
- @include grid-sidebar-sidebar-1(false);
26
- }
27
- & > :nth-child(2) {
28
- @include grid-sidebar-sidebar-2(false);
29
- }
30
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == false {
31
- & > :first-child {
32
- @include grid-sidebar-sidebar-1(true);
33
- }
34
- & > :nth-child(2) {
35
- @include grid-sidebar-sidebar-2(false);
36
- }
37
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == true {
38
- & > :first-child {
39
- @include grid-sidebar-sidebar-1(true);
40
- }
41
- & > :nth-child(2) {
42
- @include grid-sidebar-sidebar-2(true);
43
- }
44
- }
9
+ [full-start extended-start] var(--ds-internal-grid-safe-zone)
10
+ [main-start] repeat(8, minmax(0, 1fr))
11
+ [main-end] var(--ds-internal-grid-safe-zone)
12
+ [extended-end full-end];
13
+
14
+ --ds-internal-grid-safe-zone: 8px;
15
+ --ds-grid-span-one-half: span 8;
16
+ --ds-grid-span-one-third: span 8;
17
+ --ds-grid-span-two-thirds: span 8;
18
+ --ds-grid-span-one-quarter: span 4;
45
19
 
46
20
  @include media-query-min('m') {
47
- --ds-grid-sidebar-gap: 24px;
48
- gap: var(--ds-grid-sidebar-gap);
49
21
  grid-template-columns:
50
- var(--ds-internal-grid-safe-zone)
51
- [main-start] repeat(6, minmax(0, 1fr))
52
- [main-end] var(--ds-internal-grid-safe-zone);
53
- --ds-internal-grid-safe-zone: 9px;
54
- --ds-grid-span-one-half: span 3;
55
- --ds-grid-span-one-third: span 2;
56
- --ds-grid-span-two-thirds: span 4;
57
- --ds-grid-span-one-quarter: span 3;
58
- }
59
-
60
- @include media-query-min('l') {
61
- --ds-grid-sidebar-gap: 0px;
62
- gap: var(--ds-grid-sidebar-gap);
63
- column-gap: 24px;
64
-
65
-
66
- margin-block-end: -24px;
67
-
68
- @if $is-sidebar-1-open == false {
69
- grid-template-columns:
70
- [sidebar-1-start] fit-content(64px)
71
- [sidebar-1-end]
72
- var(--ds-internal-grid-safe-zone-left)
73
- [main-start] repeat(6, minmax(0, 1fr))
74
- [main-end] var(--ds-internal-grid-safe-zone-right);
75
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == false {
76
- grid-template-columns:
77
- [sidebar-1-start] fit-content(264px)
78
- [sidebar-1-end]
79
- var(--ds-internal-grid-safe-zone-left)
80
- [main-start] repeat(6, minmax(0, 1fr))
81
- [main-end] var(--ds-internal-grid-safe-zone-right);
82
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == true {
83
- grid-template-columns:
84
- [sidebar-1-start] fit-content(264px)
85
- [sidebar-1-end sidebar-2-start] fit-content(320px)
86
- [sidebar-2-end]
87
- var(--ds-internal-grid-safe-zone-left)
88
- [main-start] repeat(6, minmax(0, 1fr))
89
- [main-end] var(--ds-internal-grid-safe-zone-right);
90
- }
91
-
92
- --ds-internal-grid-safe-zone-left: 2px;
93
-
94
- --ds-internal-grid-safe-zone-right: 26px;
95
-
96
- --ds-grid-span-one-half: span 3;
97
- --ds-grid-span-one-third: span 2;
98
- --ds-grid-span-two-thirds: span 4;
99
-
100
-
22
+ [full-start extended-start] var(--ds-internal-grid-safe-zone)
23
+ [main-start] repeat(12, minmax(0, 1fr))
24
+ [main-end] var(--ds-internal-grid-safe-zone)
25
+ [extended-end full-end];
101
26
 
102
- & > * {
103
- margin-block-end: 24px;
104
- }
27
+ --ds-internal-grid-safe-zone: 12px;
28
+ --ds-grid-span-one-half: span 6;
29
+ --ds-grid-span-one-third: span 6;
30
+ --ds-grid-span-two-thirds: span 6;
31
+ --ds-grid-span-one-quarter: span 6;
105
32
  }
106
33
 
107
- @include media-query-min('xl') {
108
- column-gap: 32px;
109
-
110
-
111
- margin-block-end: -32px;
112
-
113
- @if $is-sidebar-1-open == false {
114
- grid-template-columns:
115
- [sidebar-1-start] fit-content(64px)
116
- [sidebar-1-end]
117
- var(--ds-internal-grid-safe-zone-left)
118
- [main-start] repeat(12, minmax(0, 1fr))
119
- [main-end] var(--ds-internal-grid-safe-zone-right);
120
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == false {
121
- grid-template-columns:
122
- [sidebar-1-start] fit-content(264px)
123
- [sidebar-1-end]
124
- var(--ds-internal-grid-safe-zone-left)
125
- [main-start] repeat(12, minmax(0, 1fr))
126
- [main-end] var(--ds-internal-grid-safe-zone-right);
127
- } @else if $is-sidebar-1-open == true and $is-sidebar-2-open == true {
128
- grid-template-columns:
129
- [sidebar-1-start] fit-content(264px)
130
- [sidebar-1-end sidebar-2-start] fit-content(320px)
131
- [sidebar-2-end]
132
- var(--ds-internal-grid-safe-zone-left)
133
- [main-start] repeat(12, minmax(0, 1fr))
134
- [main-end] var(--ds-internal-grid-safe-zone-right);
135
- }
136
-
137
- --ds-internal-grid-safe-zone-left: 0px;
34
+ @include media-query-min('l') {
35
+ grid-template-columns:
36
+ [full-start extended-start] var(--ds-internal-grid-safe-zone)
37
+ [main-start] repeat(12, minmax(0, 1fr))
38
+ [main-end] var(--ds-internal-grid-safe-zone)
39
+ [extended-end full-end];
138
40
 
139
- --ds-internal-grid-safe-zone-right: 32px;
140
-
41
+ --ds-internal-grid-safe-zone: 26px;
141
42
  --ds-grid-span-one-half: span 6;
142
43
  --ds-grid-span-one-third: span 4;
143
44
  --ds-grid-span-two-thirds: span 8;
144
-
145
-
146
-
147
- & > * {
148
- margin-block-end: 32px;
149
- }
45
+ --ds-grid-span-one-quarter: span 3;
150
46
  }
151
47
 
152
- @media (min-width: 2304px) {
153
- max-width: 2304px;
48
+ @include media-query-min('xl') {
49
+ grid-template-columns:
50
+ [full-start extended-start] var(--ds-internal-grid-safe-zone)
51
+ [main-start] repeat(12, minmax(0, 1fr))
52
+ [main-end] var(--ds-internal-grid-safe-zone)
53
+ [extended-end full-end];
54
+
55
+ --ds-internal-grid-safe-zone: 32px;
154
56
  }
155
57
  }
@@ -4,7 +4,7 @@ import "./chunks/index.CgTHIF3K.js";
4
4
  import "./chunks/index.CEyLAtio.js";
5
5
  import "react";
6
6
  import "./chunks/helpers.BbWkXTr3.js";
7
- import { b as s } from "./chunks/Header.BSvyYrIV.js";
7
+ import { b as s } from "./chunks/Header.DqZRryB5.js";
8
8
  import "./logo.C96KaG1P.js";
9
9
  export {
10
10
  s as DSTopBar
@@ -1 +0,0 @@
1
- .ds-action-button_root_16ush_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-button_root_16ush_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-button_root_16ush_1:focus{outline:revert;outline-offset:revert}.ds-action-button_root_16ush_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-button_root_16ush_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-action-button_root_16ush_1{padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px;color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){.ds-action-button_root_16ush_1:hover{background-color:#0000001a}}.ds-action-button_root_16ush_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-action-button_root_16ush_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-action-button_root_16ush_1{background-color:Canvas!important}.ds-action-button_root_16ush_1:hover{border-color:Highlight}}.ds-action-button_root--indent-level-1_16ush_72{padding-inline-start:39px}.ds-action-button_root--active_16ush_75{background-color:#0000001a}.ds-action-button_root--active--with-marker_16ush_78{padding-inline-start:0px}.ds-action-button_root--icon--top_16ush_81{gap:.25rem;flex-direction:column;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-button_root_16ush_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-button_root_16ush_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-action-button_root_16ush_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-button_root_16ush_1[aria-disabled=true]:before{background-color:transparent}.ds-action-button_root--stretched_16ush_106{justify-content:flex-start;width:100%}.ds-action-button_active-marker_16ush_111{width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){.ds-action-button_active-marker_16ush_111{background-color:Highlight}}.ds-action-button_active-marker--with-indent_16ush_123{margin-inline-end:1.75rem}.ds-action-button_icon-wrapper_16ush_127{height:1rem}.ds-action-button_icon-wrapper--x-large_16ush_130{height:1.5rem}.ds-action-button_icon-wrapper--with-number-indicator_16ush_133{position:relative}.ds-action-button_icon-wrapper--with-number-indicator_16ush_133>span{position:absolute;top:-25%;left:.625rem}.ds-action-button_icon-wrapper--with-number-indicator--with-value_16ush_141>span{top:-50%}.ds-action-button_label_16ush_145{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-action-button_label--bold_16ush_156,.ds-action-button_label--active_16ush_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}.ds-action-button_label--icon-top_16ush_178{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}.ds-action-button_label--icon-top_16ush_178.ds-action-button_label--active_16ush_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}.ds-action-button_number-indicator_16ush_201{margin-inline-start:auto}.ds-action-button_label-wrapper_16ush_205{display:flex;align-items:center;gap:.375rem}.ds-action-button_label-wrapper--icon-top_16ush_210{gap:.125rem}.ds-action-button_chevron_16ush_214{transform:rotate(0);min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}.ds-action-button_chevron_16ush_214{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron_16ush_214{transition-duration:0ms}}.ds-action-button_chevron--icon-position-top_16ush_229{min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}.ds-action-button_chevron--up_16ush_235{transform:rotate(-180deg)}.ds-action-button_chevron--up_16ush_235{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--up_16ush_235{transition-duration:0ms}}.ds-action-button_chevron--right_16ush_246{transform:rotate(-90deg)}.ds-action-button_chevron--right_16ush_246{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--right_16ush_246{transition-duration:0ms}}.ds-action-button_chevron--left_16ush_257{transform:rotate(-270deg)}.ds-action-button_chevron--left_16ush_257{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-action-button_chevron--left_16ush_257{transition-duration:0ms}}
@@ -1 +0,0 @@
1
- .ds-action-link_root_14712_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_14712_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-link_root_14712_1:focus{outline:revert;outline-offset:revert}.ds-action-link_root_14712_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_14712_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-action-link_root_14712_1{padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px;color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){.ds-action-link_root_14712_1:hover{background-color:#0000001a}}.ds-action-link_root_14712_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-action-link_root_14712_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-action-link_root_14712_1{background-color:Canvas!important}.ds-action-link_root_14712_1:hover{border-color:Highlight}}.ds-action-link_root--indent-level-1_14712_72{padding-inline-start:39px}.ds-action-link_root--active_14712_75{background-color:#0000001a}.ds-action-link_root--active--with-marker_14712_78{padding-inline-start:0px}.ds-action-link_root--icon--top_14712_81{gap:.25rem;flex-direction:column;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-link_root_14712_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-link_root_14712_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-action-link_root_14712_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-link_root_14712_1[aria-disabled=true]:before{background-color:transparent}.ds-action-link_root--stretched_14712_106{justify-content:flex-start;width:100%}.ds-action-link_active-marker_14712_111{width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){.ds-action-link_active-marker_14712_111{background-color:Highlight}}.ds-action-link_active-marker--with-indent_14712_123{margin-inline-end:1.75rem}.ds-action-link_icon-wrapper_14712_127{height:1rem}.ds-action-link_icon-wrapper--x-large_14712_130{height:1.5rem}.ds-action-link_icon-wrapper--with-number-indicator_14712_133{position:relative}.ds-action-link_icon-wrapper--with-number-indicator_14712_133>span{position:absolute;top:-25%;left:.625rem}.ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141>span{top:-50%}.ds-action-link_label_14712_145{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-action-link_label--bold_14712_156,.ds-action-link_label--active_14712_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426}.ds-action-link_label--icon-top_14712_178{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.14;font-size-adjust:.42}.ds-action-link_label--icon-top_14712_178.ds-action-link_label--active_14712_167{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}.ds-action-link_number-indicator_14712_201{margin-inline-start:auto}