@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
90 lines • 332 kB
JavaScript
import { jsxs as c, Fragment as d, jsx as t } from "react/jsx-runtime";
const _ = typeof window < "u" && typeof window.document < "u", s = (r) => {
if (_)
throw new Error(
`[STIHL Design System] Partials can only be used at build time. You are using the function '${r}' at runtime in the browser, which negates the purpose of the partial.`
);
};
function u(r) {
const { format: a } = {
format: "jsx",
...r
};
s("getMetaIconLinks");
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>"];
switch (a === "html" && (e = e.map((n) => n.replace("%PUBLIC_URL%", ""))), a) {
case "html":
case "cra":
return e.join("");
case "jsx":
return /* @__PURE__ */ c(d, { children: [
/* @__PURE__ */ t("link", { rel: "icon", href: "/favicon.ico", sizes: "32x32" }),
/* @__PURE__ */ t("link", { rel: "icon", href: "/icon.svg", type: "image/svg+xml" }),
/* @__PURE__ */ t("link", { rel: "apple-touch-icon", href: "/apple-icon.png" }),
/* @__PURE__ */ t("link", { rel: "manifest", href: "/manifest.webmanifest" })
] });
}
}
function p(r) {
const { format: a } = {
format: "jsx",
...r
};
s("getResetStyles");
const e = "@layer ds-reset{*,*::before,*::after{box-sizing:border-box}:root{--ds-spacing-dynamic-xs: 16px;--ds-spacing-dynamic-s: 24px;--ds-spacing-dynamic-m: 32px;--ds-spacing-dynamic-l: 40px;--ds-spacing-dynamic-xl: 56px;--ds-spacing-dynamic-xxl: 80px;font-size:100%}@media(min-width: 320px){:root{--ds-spacing-dynamic-xs: 16px;--ds-spacing-dynamic-s: 24px;--ds-spacing-dynamic-m: 32px;--ds-spacing-dynamic-l: 40px;--ds-spacing-dynamic-xl: 56px;--ds-spacing-dynamic-xxl: 80px}}@media(min-width: 768px){:root{--ds-spacing-dynamic-xs: 24px;--ds-spacing-dynamic-s: 32px;--ds-spacing-dynamic-m: 40px;--ds-spacing-dynamic-l: 48px;--ds-spacing-dynamic-xl: 64px;--ds-spacing-dynamic-xxl: 96px}}@media(min-width: 1024px){:root{--ds-spacing-dynamic-xs: 24px;--ds-spacing-dynamic-s: 32px;--ds-spacing-dynamic-m: 40px;--ds-spacing-dynamic-l: 48px;--ds-spacing-dynamic-xl: 64px;--ds-spacing-dynamic-xxl: 96px}}@media(min-width: 1536px){:root{--ds-spacing-dynamic-xs: 32px;--ds-spacing-dynamic-s: 40px;--ds-spacing-dynamic-m: 48px;--ds-spacing-dynamic-l: 56px;--ds-spacing-dynamic-xl: 80px;--ds-spacing-dynamic-xxl: 128px}}@media(min-width: 1668px){:root{--ds-spacing-dynamic-xs: 32px;--ds-spacing-dynamic-s: 40px;--ds-spacing-dynamic-m: 48px;--ds-spacing-dynamic-l: 56px;--ds-spacing-dynamic-xl: 80px;--ds-spacing-dynamic-xxl: 128px}}:where(html){font-family:STIHL Contraface Digital Text Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;font-style:normal;font-variant:normal;hyphens:manual;overflow-wrap:break-word;font-weight:normal;font-size:1rem;line-height:1.5;font-size-adjust:.414;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:where(body){hyphens:manual;line-height:1.5;margin:unset;min-height:100vh}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin-block-end:0}:where(h1,h2,h3,h4,h5,h6){margin:0;padding:0;text-wrap:balance;hyphens:manual;overflow-wrap:break-word}:where(a:not([class])){text-decoration-skip-ink:auto;color:currentColor}:where(button,input,textarea,select){font:inherit}:target{scroll-margin-block:5ex}}";
return a === "html" ? `<style data-ds-css-reset-styles>${e}</style>` : /* @__PURE__ */ t("style", { "data-ds-css-reset-styles": !0, children: e });
}
function f(r, a) {
const { format: e } = {
format: "jsx",
...a
};
s("getSSRStyles");
const n = [
{
componentName: "DSAccordion",
componentNameLowercase: "accordion",
cssFileName: "Accordion.BJb4TOG0.css, numberindicator.O6XwvtL0.css",
cssFileContent: `:where(.ds-accordion_details_1cikf_1){max-width:44.9375rem;border-bottom:1px solid #B1B1B1}:where(.ds-accordion_details_1cikf_1):only-of-type{border-bottom:none}:where(.ds-accordion_details_1cikf_1)::details-content{block-size:0;overflow:hidden;opacity:0;transition-property:block-size,content-visibility,opacity;transition-behavior:allow-discrete;transition-duration:var(--ds-animation-duration, .25s);transition-timing-function:cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_details_1cikf_1)::details-content{transition-duration:0ms}}:where(.ds-accordion_details_1cikf_1)[open]::details-content{overflow:visible;transition-timing-function:cubic-bezier(0,0,.5,1);block-size:auto;block-size:calc-size(auto);opacity:1}:where(.ds-accordion_details_1cikf_1) a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-accordion_details_1cikf_1 a:not([class]))[href^="http://"]:after,:where(.ds-accordion_details_1cikf_1 a:not([class]))[href^="https://"]:after,:where(.ds-accordion_details_1cikf_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}:where(.ds-accordion_details_1cikf_1) a:not([class]){color:#252525}:where(.ds-accordion_details_1cikf_1) a:not([class]):link,:where(.ds-accordion_details_1cikf_1) a:not([class]):visited{color:#252525}:where(.ds-accordion_details_1cikf_1) a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){:where(.ds-accordion_details_1cikf_1) a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-accordion_details_1cikf_1) a:not([class]):hover{background-color:Canvas}}:where(.ds-accordion_details_1cikf_1) a:not([class])[href^="http://"]:after,:where(.ds-accordion_details_1cikf_1) a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}:where(.ds-accordion_details_1cikf_1) a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}:where(.ds-accordion_details_1cikf_1) a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){:where(.ds-accordion_details_1cikf_1) a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-accordion_details_1cikf_1) a:not([class]):focus{outline:revert;outline-offset:revert}:where(.ds-accordion_details_1cikf_1) a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){:where(.ds-accordion_details_1cikf_1) a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-accordion_details_1cikf_1) a:not([class]){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-accordion_details_1cikf_1) a:not([class]){transition-duration:0ms}}:where(.ds-accordion_summary_1cikf_115){cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}:where(.ds-accordion_summary_1cikf_115):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-accordion_summary_1cikf_115):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-accordion_summary_1cikf_115):focus{outline:revert;outline-offset:revert}:where(.ds-accordion_summary_1cikf_115):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-accordion_summary_1cikf_115):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-accordion_summary_1cikf_115)::-webkit-details-marker{display:none}:where(.ds-accordion_summary--utility--m_1cikf_154){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-accordion_summary_1cikf_115){transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_summary_1cikf_115){transition-duration:0ms}}@media (hover: hover){:where(.ds-accordion_summary_1cikf_115):hover{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-accordion_summary_1cikf_115):hover{background-color:Highlight}}:where(.ds-accordion_summary--flush_1cikf_183){color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media (hover: hover){:where(.ds-accordion_summary--flush_1cikf_183):hover:before{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-accordion_summary--flush_1cikf_183):hover:before{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-accordion_summary--flush_1cikf_183):hover{background-color:transparent}}:where(.ds-accordion_summary--flush_1cikf_183):before{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px}:where(.ds-accordion_summary--flush_1cikf_183):before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_summary--flush_1cikf_183):before{transition-duration:0ms}}:where(.ds-accordion_summary--flush_1cikf_183):focus,:where(.ds-accordion_summary--flush_1cikf_183):focus-visible{outline:none}:where(.ds-accordion_summary--flush_1cikf_183):focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-accordion_summary--flush_1cikf_183):focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-accordion_summary--flush_1cikf_183):focus:before{outline:revert;outline-offset:revert}:where(.ds-accordion_summary--flush_1cikf_183):focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-accordion_summary--flush_1cikf_183):focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-accordion_summary--small_1cikf_251){padding-block-start:8px;padding-block-end:8px}:where(.ds-accordion_summary--x-small_1cikf_255){padding-block-start:6px;padding-block-end:6px}:where(.ds-accordion_summary-content-wrapper_1cikf_260){display:flex;justify-content:space-between;align-items:center;gap:16px}:where(.ds-accordion_summary-content-wrapper--flush_1cikf_266){position:relative;z-index:1}:where(.ds-accordion_summary-content-wrapper--chevron-left_1cikf_270){flex-flow:row-reverse;justify-content:flex-end}:where(.ds-accordion_summary-content-wrapper--x-small_1cikf_274){gap:8px}:where(.ds-accordion_heading-summary-wrapper_1cikf_278){flex-grow:1}:where(.ds-accordion_heading-summary_1cikf_278){display:flex;justify-content:space-between;align-items:center;gap:16px}:where(.ds-accordion_heading-summary--x-small_1cikf_288){gap:8px}:where(.ds-accordion_hint_1cikf_292){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:.875rem;line-height:1.14;font-size-adjust:.414;display:block;margin-block-start:4px}:where(.ds-accordion_icon_1cikf_306){transform:rotate(0)}:where(.ds-accordion_icon_1cikf_306){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_icon_1cikf_306){transition-duration:0ms}}:where(.ds-accordion_icon--open_1cikf_317){transform:rotate(-180deg)}:where(.ds-accordion_icon--open_1cikf_317){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_icon--open_1cikf_317){transition-duration:0ms}}:where(.ds-accordion_icon--open-caret_1cikf_328){transform:rotate(90deg)}:where(.ds-accordion_icon--open-caret_1cikf_328){transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){:where(.ds-accordion_icon--open-caret_1cikf_328){transition-duration:0ms}}:where(.ds-accordion_content-wrapper_1cikf_340){padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}:where(.ds-accordion_content-wrapper--flush_1cikf_346){padding-inline-start:0;padding-inline-end:0}:where(.ds-accordion_content-wrapper--small_1cikf_350){padding-block-start:4px;padding-block-end:20px}:where(.ds-accordion_content-wrapper--x-small_1cikf_354){padding-inline-start:0px;padding-inline-end:0px;padding-block-start:2px;padding-block-end:16px}:where(.ds-number-indicator_root_ueqlv_1){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:.875rem;line-height:1.14;font-size-adjust:.42;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;display:inline-flex;align-items:center;justify-content:center;text-wrap:nowrap;border-radius:.625rem;border:1px solid transparent;min-width:.625rem;min-height:.625rem;background-color:#0000001a}:where(.ds-number-indicator_root--has-content_ueqlv_24){min-height:1.25rem;min-width:1.25rem;padding-inline:5px}:where(.ds-number-indicator_root--highlight_ueqlv_29){background-color:#f37a1f}@media screen and (forced-colors: active){:where(.ds-number-indicator_root_ueqlv_1){forced-color-adjust:none;border-color:CanvasText;background-color:Canvas;color:CanvasText}:where(.ds-number-indicator_root--highlight_ueqlv_29){border-color:Highlight;color:Highlight}:where(.ds-number-indicator_root--highlight_ueqlv_29):not(.ds-number-indicator_root--has-content_ueqlv_24){background-color:Highlight;border-color:Highlight}}`
},
{
componentName: "DSActionButton",
componentNameLowercase: "actionbutton",
cssFileName: "ActionButton.oGVPTS1J.css",
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}}"
},
{
componentName: "DSActionLink",
componentNameLowercase: "actionlink",
cssFileName: "ActionLink.CTh6IXrN.css",
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}"
},
{
componentName: "DSAriaLiveRegions",
componentNameLowercase: "arialiveregions",
cssFileName: "arialiveregions.e0Q16ZWi.css",
cssFileContent: ":where(.ds-aria-live-regions_sr-only_2jvmr_1){border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}"
},
{
componentName: "DSBanner",
componentNameLowercase: "banner",
cssFileName: "banner.BLdW5VF4.css",
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}"
},
{
componentName: "DSBreadcrumb",
componentNameLowercase: "breadcrumb",
cssFileName: "Breadcrumb.BaYrwrYl.css",
cssFileContent: ':where(.ds-breadcrumb_root_1e9hu_1){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-breadcrumb_root_1e9hu_1) ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}:where(.ds-breadcrumb_root_1e9hu_1) li{display:flex;align-items:center}:where(.ds-breadcrumb_root_1e9hu_1) li:not(:last-child):after{content:"/";display:block;width:8px;text-align:center;margin-inline:6px}:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30){padding-block:1px;padding-inline:8px;height:auto;min-height:unset;min-width:unset;width:auto}:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30):focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30):focus{outline:revert;outline-offset:revert}:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){:where(.ds-breadcrumb_root_1e9hu_1) :where(.ds-breadcrumb_show-all-button_1e9hu_30):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}'
},
{
componentName: "DSButton",
componentNameLowercase: "button",
cssFileName: "Button.Dw8H5nFS.css",
cssFileContent: ':where(.ds-button_root_94r67_1):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root_94r67_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root_94r67_1):focus{outline:revert;outline-offset:revert}:where(.ds-button_root_94r67_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root_94r67_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-button_root_94r67_1){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;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}:where(.ds-button_root_94r67_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-button_root_94r67_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-button_root_94r67_1){background-color:Canvas!important}:where(.ds-button_root_94r67_1):hover{border-color:Highlight}}:where(.ds-button_root--highlight_94r67_75),:where(.ds-button_root--dark-highlight_94r67_75){background-color:#f37a1f;color:#252525}@media (hover: hover){:where(.ds-button_root--highlight_94r67_75):hover,:where(.ds-button_root--dark-highlight_94r67_75):hover{background-color:#e9640c}}:where(.ds-button_root--highlight_94r67_75)[aria-disabled=true],:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}:where(.ds-button_root--highlight_94r67_75)[aria-disabled=true] svg,:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--highlight_94r67_75)[aria-disabled=true],:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--highlight_94r67_75)[aria-disabled=true]:before,:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--dark-highlight_94r67_75):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-highlight_94r67_75):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--dark-highlight_94r67_75):focus{outline:revert;outline-offset:revert}:where(.ds-button_root--dark-highlight_94r67_75):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-highlight_94r67_75):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--dark-highlight_94r67_75)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--filled_94r67_151){background-color:#252525;color:#fff}@media (hover: hover){:where(.ds-button_root--filled_94r67_151):hover{background-color:#444}}:where(.ds-button_root--filled_94r67_151)[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}:where(.ds-button_root--filled_94r67_151)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--filled_94r67_151)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--filled_94r67_151)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--outline_94r67_179){border-color:#252525;color:#252525}@media (hover: hover){:where(.ds-button_root--outline_94r67_179):hover{background-color:#0000001a}}:where(.ds-button_root--outline_94r67_179)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}:where(.ds-button_root--outline_94r67_179)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--outline_94r67_179)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--outline_94r67_179)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--ghost_94r67_206){color:#252525}@media (hover: hover){:where(.ds-button_root--ghost_94r67_206):hover{background-color:#0000001a}}:where(.ds-button_root--ghost_94r67_206)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-button_root--ghost_94r67_206)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--ghost_94r67_206)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--ghost_94r67_206)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--ghost-flush_94r67_231){color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}:where(.ds-button_root--ghost-flush_94r67_231).ds-button_root--small_94r67_237{padding-inline-start:0;padding-inline-end:0;min-width:0px}:where(.ds-button_root--ghost-flush_94r67_231):before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}:where(.ds-button_root--ghost-flush_94r67_231):before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){:where(.ds-button_root--ghost-flush_94r67_231):before{transition-duration:0ms}}:where(.ds-button_root--ghost-flush_94r67_231):focus,:where(.ds-button_root--ghost-flush_94r67_231):focus-visible{outline:none}:where(.ds-button_root--ghost-flush_94r67_231):focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--ghost-flush_94r67_231):focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--ghost-flush_94r67_231):focus:before{outline:revert;outline-offset:revert}:where(.ds-button_root--ghost-flush_94r67_231):focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--ghost-flush_94r67_231):focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--ghost-flush_94r67_231):hover:before{background-color:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-button_root--ghost-flush_94r67_231):hover:before{background-color:transparent}}:where(.ds-button_root--ghost-flush_94r67_231)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-button_root--ghost-flush_94r67_231)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--ghost-flush_94r67_231)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--ghost-flush_94r67_231)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--navigation_94r67_317){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:1.125rem;line-height:1.33;font-size-adjust:.426;color:#252525;border-radius:2px}@media (min-width: 1024px){:where(.ds-button_root--navigation_94r67_317){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-button_root--navigation_94r67_317):focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){:where(.ds-button_root--navigation_94r67_317):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--navigation_94r67_317):focus{outline:revert;outline-offset:revert}:where(.ds-button_root--navigation_94r67_317):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){:where(.ds-button_root--navigation_94r67_317):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--navigation_94r67_317):hover{background-color:#0000001a}}:where(.ds-button_root--navigation_94r67_317)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}:where(.ds-button_root--navigation_94r67_317)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--navigation_94r67_317)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--navigation_94r67_317)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--dark-filled_94r67_393){background-color:#f8f8f8;color:#252525}:where(.ds-button_root--dark-filled_94r67_393):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-filled_94r67_393):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--dark-filled_94r67_393):focus{outline:revert;outline-offset:revert}:where(.ds-button_root--dark-filled_94r67_393):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-filled_94r67_393):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--dark-filled_94r67_393):hover{background-color:#dadada}}:where(.ds-button_root--dark-filled_94r67_393)[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}:where(.ds-button_root--dark-filled_94r67_393)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--dark-filled_94r67_393)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--dark-filled_94r67_393)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--dark-outline_94r67_450){border-color:#f8f8f8;color:#fff}:where(.ds-button_root--dark-outline_94r67_450):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-outline_94r67_450):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--dark-outline_94r67_450):focus{outline:revert;outline-offset:revert}:where(.ds-button_root--dark-outline_94r67_450):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-outline_94r67_450):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--dark-outline_94r67_450):hover{background-color:#ffffff26}}:where(.ds-button_root--dark-outline_94r67_450)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}:where(.ds-button_root--dark-outline_94r67_450)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--dark-outline_94r67_450)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--dark-outline_94r67_450)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--dark-ghost_94r67_506){color:#fff}:where(.ds-button_root--dark-ghost_94r67_506):focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost_94r67_506):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--dark-ghost_94r67_506):focus{outline:revert;outline-offset:revert}:where(.ds-button_root--dark-ghost_94r67_506):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost_94r67_506):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--dark-ghost_94r67_506):hover{background-color:#ffffff26}}:where(.ds-button_root--dark-ghost_94r67_506)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}:where(.ds-button_root--dark-ghost_94r67_506)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost_94r67_506)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--dark-ghost_94r67_506)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--dark-ghost-flush_94r67_560){color:#fff}:where(.ds-button_root--dark-ghost-flush_94r67_560):focus,:where(.ds-button_root--dark-ghost-flush_94r67_560):focus-visible{outline:none}:where(.ds-button_root--dark-ghost-flush_94r67_560):focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost-flush_94r67_560):focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button_root--dark-ghost-flush_94r67_560):focus:before{outline:revert;outline-offset:revert}:where(.ds-button_root--dark-ghost-flush_94r67_560):focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost-flush_94r67_560):focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){:where(.ds-button_root--dark-ghost-flush_94r67_560):hover:before{background-color:#ffffff26}}@media screen and (hover: hover) and (forced-colors: active){:where(.ds-button_root--dark-ghost-flush_94r67_560):hover:before{background-color:transparent}}:where(.ds-button_root--dark-ghost-flush_94r67_560)[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}:where(.ds-button_root--dark-ghost-flush_94r67_560)[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){:where(.ds-button_root--dark-ghost-flush_94r67_560)[aria-disabled=true]{color:GrayText;border-color:GrayText}}:where(.ds-button_root--dark-ghost-flush_94r67_560)[aria-disabled=true]:before{background-color:transparent}:where(.ds-button_root--small_94r67_237){min-width:2rem;min-height:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}:where(.ds-button_root--small_94r67_237).ds-button_root--ghost-flush_94r67_231:before{right:-8px;left:-8px}:where(.ds-button_root--icon-left_94r67_635){flex-direction:row-reverse}:where(.ds-button_root--icon-only_94r67_638){width:3rem;height:3rem}:where(.ds-button_root--icon-only_94r67_638).ds-button_root--ghost-flush_94r67_231{width:1rem;height:1rem}:where(.ds-button_root--icon-only-small_94r67_647){width:2rem;height:2rem;min-width:2rem;min-height:2rem}:where(.ds-button_root--icon-only-small_94r67_647).ds-button_root--ghost-flush_94r67_231{width:1rem;height:1rem}:where(.ds-button_root_94r67_1){position:relative}@media (min-width: 1024px){:where(.ds-button_icon--navigation_94r67_663){min-width:.75rem;min-height:.75rem;width:.75rem;height:.75rem}}:where(.ds-button_icon--hidden_94r67_670){opacity:0}:where(.ds-button_label--hidden_94r67_674){border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}:where(.ds-button_label--loading_94r67_686){opacity:0}:where(.ds-button_loader_94r67_690){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}:where(.ds-button_loader_94r67_690) svg{fill:currentColor}'
},
{
componentName: "DSButtonRound",
componentNameLowercase: "buttonround",
cssFileName: "buttonround.Cw9hnUan.css",
cssFileContent: ':where(.ds-button-round_root_1yumq_1):focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button-round_root_1yumq_1):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){:where(.ds-button-round_root_1yumq_1):focus{outline:revert;outline-offset:revert}:where(.ds-button-round_root_1yumq_1):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){:where(.ds-button-round_root_1yumq_1):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}:where(.ds-button-round_root_1yumq_1){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;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.426;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}:where(.ds-button-round_root_1yumq_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-button-round_root_1yumq_1){transition-duration:0ms}}@media screen and (forced-colors: active){:where(.ds-button-round_root_1yumq_1){background-color:Canvas!important}:where(.ds-button-round_root_1yumq_1):hover{border-color:Highlight}}:where(.ds-button-round_root--highlight_1yumq_75),:where(.ds-button-round_root--dark-highlight_1yumq_75){background-color:#f37a1f;color:#252525}@media (hover: hover){:where(.ds-button-round_root--highlight_1yumq_75):hover,:where(.ds-button-round_root--dark-highlight_1yumq_75):hover{background-color:#e9640c}}:where(.ds-button-round_root--highlight_1yumq_75)[aria-disabled=true],:where(.ds-button-round_root--dark-highlight_1yumq_75)[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}:where(.ds-button-round_root--highlight_1yu