@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.
- package/{actionbutton.DHt1AL7U.js → actionbutton.u1qp8oGC.js} +1 -1
- package/{actionlink.BML1jenE.js → actionlink.C7HzeIVa.js} +1 -1
- package/assets/ActionButton.oGVPTS1J.css +1 -0
- package/assets/ActionLink.CTh6IXrN.css +1 -0
- package/assets/Header.CNqtWTxB.css +1 -0
- package/assets/MegaMenu.DX9gChtY.css +1 -0
- package/assets/banner.BLdW5VF4.css +1 -0
- package/banner.j9YpudOS.js +55 -0
- package/chunks/ActionButton.B8zFwOrJ.js +165 -0
- package/chunks/{ActionLink.BlhqDEtq.js → ActionLink.IX6oRXU3.js} +31 -31
- package/chunks/Header.DqZRryB5.js +366 -0
- package/chunks/MegaMenu.BY7eOnhj.js +189 -0
- package/chunks/Popover.NGetxKGg.js +159 -0
- package/chunks/floating-ui.react.x0F9CYgn.js +1637 -0
- package/components/Banner/Banner.d.ts +1 -1
- package/components/InputFile/InputFile.d.ts +1 -1
- package/components/MegaMenu/MegaMenu.d.ts +32 -0
- package/components/MegaMenu/MegaMenu.test.d.ts +1 -0
- package/components/MegaMenu/MegaMenu.utils.d.ts +52 -0
- package/components/MegaMenu/MegaMenu.utils.test.d.ts +1 -0
- package/components/Popover/Popover.d.ts +1 -1
- package/components/Scroller/Scroller.d.ts +1 -1
- package/github-mark-white.svg +1 -0
- package/github-mark.svg +1 -0
- package/{header.Z4Oxj_xL.js → header.QpNjE3N-.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +117 -112
- package/megamenu.CdHrEeoh.js +12 -0
- package/megamenu.d.ts +2 -0
- package/package.json +3 -1
- package/partials/index.js +21 -15
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.BFx99cHg.js → popover.DXxm1oWI.js} +3 -2
- package/styles/scss/ds/index.scss +0 -1
- package/styles/scss/ds/lib/grid-main.scss +2 -13
- package/styles/scss/ds/lib/grid-sidebar.scss +38 -136
- package/{topbar.Bccms0xZ.js → topbar.Dhy_TL0U.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +0 -1
- package/assets/ActionLink.BdPEvuGm.css +0 -1
- package/assets/Header.DO34x-dO.css +0 -1
- package/assets/banner.D9EiZqqR.css +0 -1
- package/banner.B2YO054K.js +0 -55
- package/chunks/ActionButton.CzaWZGPt.js +0 -165
- package/chunks/Header.BSvyYrIV.js +0 -368
- package/chunks/Popover.hXQTvwwd.js +0 -1685
- 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((
|
|
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
|
|
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.
|
|
54
|
-
cssFileContent: ":where(.ds-action-
|
|
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.
|
|
60
|
-
cssFileContent: ":where(.ds-action-
|
|
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.
|
|
72
|
-
cssFileContent: ":where(.ds-
|
|
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.
|
|
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.
|
|
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
|
|
317
|
-
const l =
|
|
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: `${
|
|
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
|
|
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
|
-
|
|
10
|
+
D as DSPopover
|
|
10
11
|
};
|
|
@@ -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
|
|
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
|
|
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-
|
|
11
|
-
gap: var(--ds-grid-
|
|
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(
|
|
16
|
-
[main-end] var(--ds-internal-grid-safe-zone)
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
--ds-grid-
|
|
20
|
-
--ds-grid-span-
|
|
21
|
-
--ds-grid-span-one-
|
|
22
|
-
|
|
23
|
-
|
|
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(
|
|
52
|
-
[main-end] var(--ds-internal-grid-safe-zone)
|
|
53
|
-
|
|
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
|
-
|
|
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('
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
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
|
|
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
|
|
153
|
-
|
|
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.
|
|
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}
|