@stihl-design-system/components/assets/Accordion.CzBGud45.css

Welcome to the STIHL Design System react component library.

li>.ds-accordion_details_1qee7_1:only-of-type{border-bottom:1px solid #B1B1B1}.ds-accordion_details_1qee7_1{max-width:44.9375rem;border-bottom:1px solid #B1B1B1}.ds-accordion_details_1qee7_1:only-of-type{border-bottom:none}.ds-accordion_details_1qee7_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_1qee7_1::details-content{transition-duration:0ms}}.ds-accordion_details_1qee7_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_1qee7_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_1qee7_1 a:not([class]))[href^="http://"]:after,:where(.ds-accordion_details_1qee7_1 a:not([class]))[href^="https://"]:after,:where(.ds-accordion_details_1qee7_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-accordion_details_1qee7_1 a:not([class]){color:#252525}.ds-accordion_details_1qee7_1 a:not([class]):link,.ds-accordion_details_1qee7_1 a:not([class]):visited{color:#252525}.ds-accordion_details_1qee7_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-accordion_details_1qee7_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_details_1qee7_1 a:not([class]):hover{background-color:Canvas}}.ds-accordion_details_1qee7_1 a:not([class])[href^="http://"]:after,.ds-accordion_details_1qee7_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_1qee7_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_1qee7_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_1qee7_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_details_1qee7_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-accordion_details_1qee7_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-accordion_details_1qee7_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_details_1qee7_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_1qee7_1 a:not([class]){transition-duration:0ms}}.ds-accordion_summary_1qee7_119{cursor:pointer;padding-block-start:12px;padding-inline-end:16px;padding-block-end:12px;padding-inline-start:16px;list-style:none}.ds-accordion_summary_1qee7_119:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_1qee7_119:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary_1qee7_119:focus{outline:revert;outline-offset:revert}.ds-accordion_summary_1qee7_119:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary_1qee7_119:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary_1qee7_119::-webkit-details-marker{display:none}.ds-accordion_summary--utility--m_1qee7_158{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_1qee7_119{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-accordion_summary_1qee7_119{transition-duration:0ms}}@media (hover: hover){.ds-accordion_summary_1qee7_119:hover{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary_1qee7_119:hover{background-color:Highlight}}.ds-accordion_summary--flush_1qee7_187{color:#252525;position:relative;padding-inline-start:0;padding-inline-end:0}@media (hover: hover){.ds-accordion_summary--flush_1qee7_187:hover:before{background-color:#ededed}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_1qee7_187:hover:before{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){.ds-accordion_summary--flush_1qee7_187:hover{background-color:transparent}}.ds-accordion_summary--flush_1qee7_187:before{content:"";position:absolute;inset:0 -16px}.ds-accordion_summary--flush_1qee7_187: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_1qee7_187:before{transition-duration:0ms}}.ds-accordion_summary--flush_1qee7_187:focus,.ds-accordion_summary--flush_1qee7_187:focus-visible{outline:none}.ds-accordion_summary--flush_1qee7_187:focus:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_1qee7_187:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-accordion_summary--flush_1qee7_187:focus:before{outline:revert;outline-offset:revert}.ds-accordion_summary--flush_1qee7_187:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-accordion_summary--flush_1qee7_187:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}.ds-accordion_summary--small_1qee7_255{padding-block-start:8px;padding-block-end:8px}.ds-accordion_summary--x-small_1qee7_259{padding-block-start:6px;padding-block-end:6px}.ds-accordion_summary-content-wrapper_1qee7_264{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_summary-content-wrapper--flush_1qee7_270{position:relative;z-index:1}.ds-accordion_summary-content-wrapper--chevron-left_1qee7_274{flex-flow:row-reverse;justify-content:flex-end}.ds-accordion_summary-content-wrapper--x-small_1qee7_278{gap:8px}.ds-accordion_heading-summary-wrapper_1qee7_282{flex-grow:1}.ds-accordion_heading-summary_1qee7_282{display:flex;justify-content:space-between;align-items:center;gap:16px}.ds-accordion_heading-summary--x-small_1qee7_292{gap:8px}.ds-accordion_hint_1qee7_296{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_1qee7_310{transform:rotate(0)}.ds-accordion_icon_1qee7_310{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon_1qee7_310{transition-duration:0ms}}.ds-accordion_icon--open_1qee7_321{transform:rotate(-180deg)}.ds-accordion_icon--open_1qee7_321{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon--open_1qee7_321{transition-duration:0ms}}.ds-accordion_icon--open-caret_1qee7_332{transform:rotate(90deg)}.ds-accordion_icon--open-caret_1qee7_332{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-accordion_icon--open-caret_1qee7_332{transition-duration:0ms}}.ds-accordion_content-wrapper_1qee7_344{padding-block-start:4px;padding-inline-end:16px;padding-block-end:32px;padding-inline-start:16px}.ds-accordion_content-wrapper--flush_1qee7_350{padding-inline-start:0;padding-inline-end:0}.ds-accordion_content-wrapper--small_1qee7_354{padding-block-start:4px;padding-block-end:20px}.ds-accordion_content-wrapper--x-small_1qee7_358{padding-inline-start:0px;padding-inline-end:0px;padding-block-start:2px;padding-block-end:16px}