@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
82 lines • 264 kB
JavaScript
import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
const _ = typeof window < "u" && typeof window.document < "u", s = (t) => {
if (_)
throw new Error(
`[STIHL Design System] Partials can only be used at build time. You are using the function '${t}' at runtime in the browser, which negates the purpose of the partial.`
);
};
function p(t) {
const { format: a } = {
format: "jsx",
...t
};
s("getMetaIconLinks");
let o = ["<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" && (o = o.map((n) => n.replace("%PUBLIC_URL%", ""))), a) {
case "html":
case "cra":
return o.join("");
case "jsx":
return /* @__PURE__ */ c(d, { children: [
/* @__PURE__ */ r("link", { rel: "icon", href: "/favicon.ico", sizes: "32x32" }),
/* @__PURE__ */ r("link", { rel: "icon", href: "/icon.svg", type: "image/svg+xml" }),
/* @__PURE__ */ r("link", { rel: "apple-touch-icon", href: "/apple-icon.png" }),
/* @__PURE__ */ r("link", { rel: "manifest", href: "/manifest.webmanifest" })
] });
}
}
function f(t) {
const { format: a } = {
format: "jsx",
...t
};
s("getResetStyles");
const o = "@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>${o}</style>` : /* @__PURE__ */ r("style", { "data-ds-css-reset-styles": !0, children: o });
}
function h(t, a) {
const { format: o } = {
format: "jsx",
...a
};
s("getSSRStyles");
const n = [
{
componentName: "DSAccordion",
componentNameLowercase: "accordion",
cssFileName: "Accordion.DOcfZwq8.css, numberindicator.BJnvB-K3.css",
cssFileContent: `.ds-accordion_details_pa5bl_1{max-width:44.9375rem;border-bottom:1px solid #B1B1B1}.ds-accordion_details_pa5bl_1:only-of-type{border-bottom:none}.ds-accordion_details_pa5bl_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){.ds-accordion_details_pa5bl_1::details-content{transition-duration:0ms}}.ds-accordion_details_pa5bl_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}.ds-accordion_details_pa5bl_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_pa5bl_1 a:not([class]))[href^="http://"]:after,:where(.ds-accordion_details_pa5bl_1 a:not([class]))[href^="https://"]:after,:where(.ds-accordion_details_pa5bl_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-accordion_details_pa5bl_1 a:not([class]){color:#252525}.ds-accordion_details_pa5bl_1 a:not([class]):link,.ds-accordion_details_pa5bl_1 a:not([class]):visited{color:#252525}.ds-accordion_details_pa5bl_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-accordion_details_pa5bl_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_details_pa5bl_1 a:not([class]):hover{background-color:Canvas}}.ds-accordion_details_pa5bl_1 a:not([class])[href^="http://"]:after,.ds-accordion_details_pa5bl_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")}.ds-accordion_details_pa5bl_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")}.ds-accordion_details_pa5bl_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_pa5bl_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_details_pa5bl_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-accordion_details_pa5bl_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_pa5bl_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_details_pa5bl_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){.ds-accordion_details_pa5bl_1 a:not([class]){transition-duration:0ms}}.ds-accordion_summary_pa5bl_115{cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}.ds-accordion_summary_pa5bl_115:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_pa5bl_115:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary_pa5bl_115:focus{outline:revert;outline-offset:revert}.ds-accordion_summary_pa5bl_115:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_pa5bl_115:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary_pa5bl_115::-webkit-details-marker{display:none}.ds-accordion_summary--utility--m_pa5bl_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}.ds-accordion_summary_pa5bl_115{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_summary_pa5bl_115{transition-duration:0ms}}@media (hover: hover){.ds-accordion_summary_pa5bl_115:hover{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary_pa5bl_115:hover{background-color:Highlight}}.ds-accordion_summary--flush_pa5bl_183{color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media (hover: hover){.ds-accordion_summary--flush_pa5bl_183:hover:before{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_pa5bl_183:hover:before{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_pa5bl_183:hover{background-color:transparent}}.ds-accordion_summary--flush_pa5bl_183:before{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px}.ds-accordion_summary--flush_pa5bl_183:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_summary--flush_pa5bl_183:before{transition-duration:0ms}}.ds-accordion_summary--flush_pa5bl_183:focus,.ds-accordion_summary--flush_pa5bl_183:focus-visible{outline:none}.ds-accordion_summary--flush_pa5bl_183:focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_pa5bl_183:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary--flush_pa5bl_183:focus:before{outline:revert;outline-offset:revert}.ds-accordion_summary--flush_pa5bl_183:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_pa5bl_183:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary--small_pa5bl_251{padding-block-start:8px;padding-block-end:8px}.ds-accordion_summary-content-wrapper_pa5bl_256{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_summary-content-wrapper--flush_pa5bl_262{position:relative;z-index:1}.ds-accordion_summary-content-wrapper--chevron-left_pa5bl_266{flex-flow:row-reverse;justify-content:flex-end}.ds-accordion_heading-summary-wrapper_pa5bl_271{flex-grow:1}.ds-accordion_heading-summary_pa5bl_271{display:flex;justify-content:space-between;align-items:center}.ds-accordion_hint_pa5bl_281{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}.ds-accordion_icon_pa5bl_295{transform:rotate(0)}.ds-accordion_icon_pa5bl_295{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon_pa5bl_295{transition-duration:0ms}}.ds-accordion_icon--open_pa5bl_306{transform:rotate(-180deg)}.ds-accordion_icon--open_pa5bl_306{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon--open_pa5bl_306{transition-duration:0ms}}.ds-accordion_content-wrapper_pa5bl_318{padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}.ds-accordion_content-wrapper--flush_pa5bl_324{padding-inline-start:0;padding-inline-end:0}.ds-accordion_content-wrapper--small_pa5bl_328{padding-block-start:4px;padding-block-end:20px}.ds-number-indicator_root_t83wm_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}.ds-number-indicator_root--has-content_t83wm_25{min-height:1.25rem;min-width:1.25rem;padding-inline:5px}.ds-number-indicator_root--highlight_t83wm_30{background-color:#f37a1f}@media screen and (forced-colors: active){.ds-number-indicator_root_t83wm_1{forced-color-adjust:none;border-color:CanvasText;background-color:Canvas;color:CanvasText}.ds-number-indicator_root--highlight_t83wm_30{border-color:Highlight;color:Highlight}.ds-number-indicator_root--highlight_t83wm_30:not(.ds-number-indicator_root--has-content_t83wm_25){background-color:Highlight;border-color:Highlight}}`
},
{
componentName: "DSAriaLiveRegions",
componentNameLowercase: "arialiveregions",
cssFileName: "arialiveregions.e0Q16ZWi.css",
cssFileContent: ".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: "DSBreadcrumb",
componentNameLowercase: "breadcrumb",
cssFileName: "Breadcrumb.BaYrwrYl.css",
cssFileContent: '.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}.ds-breadcrumb_root_1e9hu_1 ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.ds-breadcrumb_root_1e9hu_1 li{display:flex;align-items:center}.ds-breadcrumb_root_1e9hu_1 li:not(:last-child):after{content:"/";display:block;width:8px;text-align:center;margin-inline:6px}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30{padding-block:1px;padding-inline:8px;height:auto;min-height:unset;min-width:unset;width:auto}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{outline:revert;outline-offset:revert}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}'
},
{
componentName: "DSButton",
componentNameLowercase: "button",
cssFileName: "button.H5AqLh2o.css",
cssFileContent: '.ds-button_root_un7pr_1:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root_un7pr_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root_un7pr_1:focus{outline:revert;outline-offset:revert}.ds-button_root_un7pr_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root_un7pr_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button_root_un7pr_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}.ds-button_root_un7pr_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-button_root_un7pr_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-button_root_un7pr_1{background-color:Canvas!important}.ds-button_root_un7pr_1:hover{border-color:Highlight}}.ds-button_root--highlight_un7pr_75,.ds-button_root--dark-highlight_un7pr_75{background-color:#f37a1f;color:#252525}@media (hover: hover){.ds-button_root--highlight_un7pr_75:hover,.ds-button_root--dark-highlight_un7pr_75:hover{background-color:#e9640c}}.ds-button_root--highlight_un7pr_75[aria-disabled=true],.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button_root--highlight_un7pr_75[aria-disabled=true] svg,.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--highlight_un7pr_75[aria-disabled=true],.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--highlight_un7pr_75[aria-disabled=true]:before,.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-highlight_un7pr_75:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_un7pr_75:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-highlight_un7pr_75:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-highlight_un7pr_75:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_un7pr_75:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-highlight_un7pr_75[aria-disabled=true]:before{background-color:transparent}.ds-button_root--filled_un7pr_151{background-color:#252525;color:#fff}@media (hover: hover){.ds-button_root--filled_un7pr_151:hover{background-color:#444}}.ds-button_root--filled_un7pr_151[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button_root--filled_un7pr_151[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--filled_un7pr_151[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--filled_un7pr_151[aria-disabled=true]:before{background-color:transparent}.ds-button_root--outline_un7pr_179{border-color:#252525;color:#252525}@media (hover: hover){.ds-button_root--outline_un7pr_179:hover{background-color:#0000001a}}.ds-button_root--outline_un7pr_179[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}.ds-button_root--outline_un7pr_179[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--outline_un7pr_179[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--outline_un7pr_179[aria-disabled=true]:before{background-color:transparent}.ds-button_root--ghost_un7pr_206{color:#252525}@media (hover: hover){.ds-button_root--ghost_un7pr_206:hover{background-color:#0000001a}}.ds-button_root--ghost_un7pr_206[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button_root--ghost_un7pr_206[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--ghost_un7pr_206[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--ghost_un7pr_206[aria-disabled=true]:before{background-color:transparent}.ds-button_root--ghost-flush_un7pr_231{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button_root--ghost-flush_un7pr_231.ds-button_root--small_un7pr_237{padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button_root--ghost-flush_un7pr_231:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}.ds-button_root--ghost-flush_un7pr_231:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-button_root--ghost-flush_un7pr_231:before{transition-duration:0ms}}.ds-button_root--ghost-flush_un7pr_231:focus,.ds-button_root--ghost-flush_un7pr_231:focus-visible{outline:none}.ds-button_root--ghost-flush_un7pr_231:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_un7pr_231:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--ghost-flush_un7pr_231:focus:before{outline:revert;outline-offset:revert}.ds-button_root--ghost-flush_un7pr_231:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_un7pr_231:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--ghost-flush_un7pr_231:hover:before{background-color:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-button_root--ghost-flush_un7pr_231:hover:before{background-color:transparent}}.ds-button_root--ghost-flush_un7pr_231[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button_root--ghost-flush_un7pr_231[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--ghost-flush_un7pr_231[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--ghost-flush_un7pr_231[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-filled_un7pr_317{background-color:#f8f8f8;color:#252525}.ds-button_root--dark-filled_un7pr_317:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-filled_un7pr_317:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-filled_un7pr_317:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-filled_un7pr_317:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-filled_un7pr_317:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-filled_un7pr_317:hover{background-color:#dadada}}.ds-button_root--dark-filled_un7pr_317[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button_root--dark-filled_un7pr_317[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-filled_un7pr_317[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-filled_un7pr_317[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-outline_un7pr_374{border-color:#f8f8f8;color:#fff}.ds-button_root--dark-outline_un7pr_374:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-outline_un7pr_374:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-outline_un7pr_374:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-outline_un7pr_374:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-outline_un7pr_374:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-outline_un7pr_374:hover{background-color:#ffffff26}}.ds-button_root--dark-outline_un7pr_374[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}.ds-button_root--dark-outline_un7pr_374[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-outline_un7pr_374[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-outline_un7pr_374[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-ghost_un7pr_430{color:#fff}.ds-button_root--dark-ghost_un7pr_430:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_un7pr_430:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-ghost_un7pr_430:focus{outline:revert;outline-offset:revert}.ds-button_root--dark-ghost_un7pr_430:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_un7pr_430:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-ghost_un7pr_430:hover{background-color:#ffffff26}}.ds-button_root--dark-ghost_un7pr_430[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button_root--dark-ghost_un7pr_430[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-ghost_un7pr_430[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-ghost_un7pr_430[aria-disabled=true]:before{background-color:transparent}.ds-button_root--dark-ghost-flush_un7pr_484{color:#fff}.ds-button_root--dark-ghost-flush_un7pr_484:focus,.ds-button_root--dark-ghost-flush_un7pr_484:focus-visible{outline:none}.ds-button_root--dark-ghost-flush_un7pr_484:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_un7pr_484:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button_root--dark-ghost-flush_un7pr_484:focus:before{outline:revert;outline-offset:revert}.ds-button_root--dark-ghost-flush_un7pr_484:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_un7pr_484:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button_root--dark-ghost-flush_un7pr_484:hover:before{background-color:#ffffff26}}@media screen and (hover: hover) and (forced-colors: active){.ds-button_root--dark-ghost-flush_un7pr_484:hover:before{background-color:transparent}}.ds-button_root--dark-ghost-flush_un7pr_484[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button_root--dark-ghost-flush_un7pr_484[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button_root--dark-ghost-flush_un7pr_484[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button_root--dark-ghost-flush_un7pr_484[aria-disabled=true]:before{background-color:transparent}.ds-button_root--small_un7pr_237{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-button_root--small_un7pr_237.ds-button_root--ghost-flush_un7pr_231:before{right:-8px;left:-8px}.ds-button_root--icon-left_un7pr_559{flex-direction:row-reverse}.ds-button_root--icon-only_un7pr_562{width:3rem;height:3rem}.ds-button_root--icon-only_un7pr_562.ds-button_root--ghost-flush_un7pr_231{width:1rem;height:1rem}.ds-button_root--icon-only-small_un7pr_571{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.ds-button_root--icon-only-small_un7pr_571.ds-button_root--ghost-flush_un7pr_231{width:1rem;height:1rem}.ds-button_root_un7pr_1{position:relative}.ds-button_loader_un7pr_586{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}.ds-button_loader_un7pr_586 svg{fill:currentColor}.ds-button_icon--hidden_un7pr_598{opacity:0}.ds-button_label--hidden_un7pr_602{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}.ds-button_label--loading_un7pr_614{opacity:0}'
},
{
componentName: "DSButtonRound",
componentNameLowercase: "buttonround",
cssFileName: "buttonround.C-l_HArD.css",
cssFileContent: '.ds-button-round_root_oobgt_1:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root_oobgt_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root_oobgt_1:focus{outline:revert;outline-offset:revert}.ds-button-round_root_oobgt_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root_oobgt_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button-round_root_oobgt_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}.ds-button-round_root_oobgt_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-button-round_root_oobgt_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-button-round_root_oobgt_1{background-color:Canvas!important}.ds-button-round_root_oobgt_1:hover{border-color:Highlight}}.ds-button-round_root--highlight_oobgt_75,.ds-button-round_root--dark-highlight_oobgt_75{background-color:#f37a1f;color:#252525}@media (hover: hover){.ds-button-round_root--highlight_oobgt_75:hover,.ds-button-round_root--dark-highlight_oobgt_75:hover{background-color:#e9640c}}.ds-button-round_root--highlight_oobgt_75[aria-disabled=true],.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button-round_root--highlight_oobgt_75[aria-disabled=true] svg,.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--highlight_oobgt_75[aria-disabled=true],.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--highlight_oobgt_75[aria-disabled=true]:before,.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--dark-highlight_oobgt_75:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-highlight_oobgt_75:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--dark-highlight_oobgt_75:focus{outline:revert;outline-offset:revert}.ds-button-round_root--dark-highlight_oobgt_75:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-highlight_oobgt_75:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--dark-highlight_oobgt_75[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--filled_oobgt_151{background-color:#252525;color:#fff}@media (hover: hover){.ds-button-round_root--filled_oobgt_151:hover{background-color:#444}}.ds-button-round_root--filled_oobgt_151[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}.ds-button-round_root--filled_oobgt_151[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--filled_oobgt_151[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--filled_oobgt_151[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--outline_oobgt_179{border-color:#252525;color:#252525}@media (hover: hover){.ds-button-round_root--outline_oobgt_179:hover{background-color:#0000001a}}.ds-button-round_root--outline_oobgt_179[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}.ds-button-round_root--outline_oobgt_179[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--outline_oobgt_179[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--outline_oobgt_179[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--ghost_oobgt_206{color:#252525}@media (hover: hover){.ds-button-round_root--ghost_oobgt_206:hover{background-color:#0000001a}}.ds-button-round_root--ghost_oobgt_206[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button-round_root--ghost_oobgt_206[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--ghost_oobgt_206[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--ghost_oobgt_206[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--ghost-flush_oobgt_231{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button-round_root--ghost-flush_oobgt_231.ds-button-round_root--small_oobgt_237{padding-inline-start:0;padding-inline-end:0;min-width:0px}.ds-button-round_root--ghost-flush_oobgt_231:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}.ds-button-round_root--ghost-flush_oobgt_231:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-button-round_root--ghost-flush_oobgt_231:before{transition-duration:0ms}}.ds-button-round_root--ghost-flush_oobgt_231:focus,.ds-button-round_root--ghost-flush_oobgt_231:focus-visible{outline:none}.ds-button-round_root--ghost-flush_oobgt_231:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--ghost-flush_oobgt_231:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--ghost-flush_oobgt_231:focus:before{outline:revert;outline-offset:revert}.ds-button-round_root--ghost-flush_oobgt_231:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--ghost-flush_oobgt_231:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button-round_root--ghost-flush_oobgt_231:hover:before{background-color:#0000001a}}@media screen and (hover: hover) and (forced-colors: active){.ds-button-round_root--ghost-flush_oobgt_231:hover:before{background-color:transparent}}.ds-button-round_root--ghost-flush_oobgt_231[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-button-round_root--ghost-flush_oobgt_231[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--ghost-flush_oobgt_231[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--ghost-flush_oobgt_231[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--dark-filled_oobgt_317{background-color:#f8f8f8;color:#252525}.ds-button-round_root--dark-filled_oobgt_317:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-filled_oobgt_317:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--dark-filled_oobgt_317:focus{outline:revert;outline-offset:revert}.ds-button-round_root--dark-filled_oobgt_317:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-filled_oobgt_317:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button-round_root--dark-filled_oobgt_317:hover{background-color:#dadada}}.ds-button-round_root--dark-filled_oobgt_317[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}.ds-button-round_root--dark-filled_oobgt_317[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--dark-filled_oobgt_317[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--dark-filled_oobgt_317[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--dark-outline_oobgt_374{border-color:#f8f8f8;color:#fff}.ds-button-round_root--dark-outline_oobgt_374:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-outline_oobgt_374:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--dark-outline_oobgt_374:focus{outline:revert;outline-offset:revert}.ds-button-round_root--dark-outline_oobgt_374:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-outline_oobgt_374:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button-round_root--dark-outline_oobgt_374:hover{background-color:#ffffff26}}.ds-button-round_root--dark-outline_oobgt_374[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}.ds-button-round_root--dark-outline_oobgt_374[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--dark-outline_oobgt_374[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--dark-outline_oobgt_374[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--dark-ghost_oobgt_430{color:#fff}.ds-button-round_root--dark-ghost_oobgt_430:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost_oobgt_430:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--dark-ghost_oobgt_430:focus{outline:revert;outline-offset:revert}.ds-button-round_root--dark-ghost_oobgt_430:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost_oobgt_430:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button-round_root--dark-ghost_oobgt_430:hover{background-color:#ffffff26}}.ds-button-round_root--dark-ghost_oobgt_430[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button-round_root--dark-ghost_oobgt_430[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost_oobgt_430[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--dark-ghost_oobgt_430[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--dark-ghost-flush_oobgt_484{color:#fff}.ds-button-round_root--dark-ghost-flush_oobgt_484:focus,.ds-button-round_root--dark-ghost-flush_oobgt_484:focus-visible{outline:none}.ds-button-round_root--dark-ghost-flush_oobgt_484:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost-flush_oobgt_484:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-button-round_root--dark-ghost-flush_oobgt_484:focus:before{outline:revert;outline-offset:revert}.ds-button-round_root--dark-ghost-flush_oobgt_484:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost-flush_oobgt_484:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){.ds-button-round_root--dark-ghost-flush_oobgt_484:hover:before{background-color:#ffffff26}}@media screen and (hover: hover) and (forced-colors: active){.ds-button-round_root--dark-ghost-flush_oobgt_484:hover:before{background-color:transparent}}.ds-button-round_root--dark-ghost-flush_oobgt_484[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}.ds-button-round_root--dark-ghost-flush_oobgt_484[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-button-round_root--dark-ghost-flush_oobgt_484[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-button-round_root--dark-ghost-flush_oobgt_484[aria-disabled=true]:before{background-color:transparent}.ds-button-round_root--small_oobgt_237{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}.ds-button-round_root--small_oobgt_237.ds-button-round_root--ghost-flush_oobgt_231:before{right:-8px;left:-8px}.ds-button-round_root--icon-left_oobgt_559{flex-direction:row-reverse}.ds-button-round_root--icon-only_oobgt_562{width:3rem;height:3rem}.ds-button-round_root--icon-only_oobgt_562.ds-button-round_root--ghost-flush_oobgt_231{width:1rem;height:1rem}.ds-button-round_root--icon-only-small_oobgt_571{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.ds-button-round_root--icon-only-small_oobgt_571.ds-button-round_root--ghost-flush_oobgt_231{width:1rem;height:1rem}.ds-button-round_root_oobgt_1{position:relative;border-radius:50%;padding:0}.ds-button-round_loader_oobgt_588{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}.ds-button-round_loader_oobgt_588 svg{fill:currentColor}.ds-button-round_icon--hidden_oobgt_600{opacity:0}.ds-button-round_label--hidden_oobgt_604{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}.ds-button-round_label--loading_oobgt_616{opacity:0}'
},
{
componentName: "DSCheckbox",
componentNameLowercase: "checkbox",
cssFileName: "Checkbox.BKHQN_tu.css",
cssFileContent: ".ds-checkbox_root_1tuqo_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;color:#252525;display:flex;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:fit-content}.ds-checkbox_root--disabled_1tuqo_21{cursor:not-allowed}.ds-checkbox_checkbox_1tuqo_25{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border:1px solid #252525;position:relative}.ds-checkbox_checkbox_1tuqo_25{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-checkbox_checkbox_1tuqo_25{transition-duration:0ms}}.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41,.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-minus_1tuqo_42{opacity:0;fill:#e9640c;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41,.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-minus_1tuqo_42{transition:opacity var(--ds-animation-duration, .1s) linear,fill var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41,.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-minus_1tuqo_42{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41,.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-minus_1tuqo_42{fill:CanvasText}}.ds-checkbox_checkbox--invalid_1tuqo_66{border-color:#d43b3b;box-shadow:0 0 0 1px #d43b3b}.ds-checkbox_label--hidden_1tuqo_71,.ds-checkbox_input_1tuqo_84{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}.ds-checkbox_input_1tuqo_84:checked+.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41{opacity:1}.ds-checkbox_input_1tuqo_84:indeterminate+.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-minus_1tuqo_42{opacity:1}.ds-checkbox_input_1tuqo_84:indeterminate+.ds-checkbox_checkbox_1tuqo_25 .ds-checkbox_icon-check_1tuqo_41{opacity:0}.ds-checkbox_input_1tuqo_84:disabled+.ds-checkbox_checkbox_1tuqo_25{border-color:#00000080;box-shadow:unset}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:disabled+.ds-checkbox_checkbox_1tuqo_25{border-color:GrayText}}.ds-checkbox_input_1tuqo_84:disabled+.ds-checkbox_checkbox_1tuqo_25 svg{fill:#00000080}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:disabled+.ds-checkbox_checkbox_1tuqo_25 svg{fill:GrayText}}.ds-checkbox_input_1tuqo_84:disabled~.ds-checkbox_label_1tuqo_71{color:#00000080}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:disabled~.ds-checkbox_label_1tuqo_71{color:GrayText}}.ds-checkbox_input_1tuqo_84:focus{outline:none}.ds-checkbox_input_1tuqo_84:focus+.ds-checkbox_checkbox_1tuqo_25{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:focus+.ds-checkbox_checkbox_1tuqo_25{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-checkbox_input_1tuqo_84:focus{outline:none}.ds-checkbox_input_1tuqo_84:focus+.ds-checkbox_checkbox_1tuqo_25{outline:revert;outline-offset:revert}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:focus+.ds-checkbox_checkbox_1tuqo_25{border-color:Highlight}}.ds-checkbox_input_1tuqo_84:focus-visible{outline:none}.ds-checkbox_input_1tuqo_84:focus-visible+.ds-checkbox_checkbox_1tuqo_25{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:focus-visible+.ds-checkbox_checkbox_1tuqo_25{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){.ds-checkbox_input_1tuqo_84:focus-visible+.ds-checkbox_checkbox_1tuqo_25{border-color:Highlight}}}@media (hover: hover){.ds-checkbox_input_1tuqo_84:hover:not(:disabled)+.ds-checkbox_checkbox_1tuqo_25{background-color:#0000001a}.ds-checkbox_input_1tuqo_84:hover:not(:disabled)+.ds-checkbox_checkbox_1tuqo_25 svg{fill:#d9480f}}@media screen and (hover: hover) and (forced-colors: active){.ds-checkbox_input_1tuqo_84:hover:not(:disabled)+.ds-checkbox_checkbox_1tuqo_25 svg{fill:CanvasText}}@media screen and (hover: hover) and (forced-colors: active){.ds-checkbox_input_1tuqo_84:hover:not(:disabled)+.ds-checkbox_checkbox_1tuqo_25{border-color:Highlight}}.ds-checkbox_feedback_1tuqo_198{margin-block-start:16px}"
},
{
componentName: "DSCheckboxGroup",
componentNameLowercase: "chec