@stihl-design-system/components/assets/tabpane.D1LTb432.css

Welcome to the STIHL Design System react component library.

.ds-tabs_tabpane_30tnb_1{padding-block:var(--ds-spacing-dynamic-s)}.ds-tabs_tabpane_30tnb_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_1[hidden]{display:none}.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]))[href^="http://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="https://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-tabs_tabpane_30tnb_1 a:not([class]){color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):link,.ds-tabs_tabpane_30tnb_1 a:not([class]):visited{color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:Canvas}}.ds-tabs_tabpane_30tnb_1 a:not([class])[href^="http://"]:after,.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_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-tabs_tabpane_30tnb_1 a:not([class]){transition-duration:0ms}}