@stihl-design-system/components/assets/LinkCard.CqjmRkfO.css

Welcome to the STIHL Design System react component library.

.ds-link-card_root_1xnhr_1{cursor:pointer;position:relative;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;box-shadow:0 0 0 1px #dadada}.ds-link-card_root_1xnhr_1{transition:box-shadow var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-link-card_root_1xnhr_1{transition-duration:0ms}}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1{border:1px solid LinkText}}.ds-link-card_root--elevated_1xnhr_26{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media(hover:hover){.ds-link-card_root_1xnhr_1:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}}.ds-link-card_root_1xnhr_1 a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-link-card_root_1xnhr_1 a:focus{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1 a:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1xnhr_1:has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:4px}@media screen and (forced-colors:active){.ds-link-card_root_1xnhr_1:has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_1xnhr_1:has(:focus-within) a:focus{outline:none}.ds-link-card_root--horizontal_1xnhr_66{flex-direction:row;width:100%;max-width:89.6875rem}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_media-wrapper_1xnhr_71{aspect-ratio:1/1;max-width:21.5625rem}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_media-wrapper_1xnhr_71 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_content_1xnhr_81{padding:32px;height:auto;width:100%}.ds-link-card_root--horizontal_1xnhr_66 .ds-link-card_content--padding-small_1xnhr_86{padding:16px}.ds-link-card_media-wrapper_1xnhr_71{width:100%;height:auto;aspect-ratio:16/9}.ds-link-card_media-wrapper_1xnhr_71 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-link-card_content_1xnhr_81{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-link-card_content--padding-small_1xnhr_86{padding:16px}.ds-link-card_header_1xnhr_117,.ds-link-card_footer_1xnhr_118{display:flex;flex-direction:column}.ds-link-card_header_1xnhr_117{gap:8px}.ds-link-card_footer_1xnhr_118{align-items:flex-start;gap:16px;margin-block-start:auto}.ds-link-card_heading_1xnhr_133{margin:0}.ds-link-card_heading--with-icon_1xnhr_136{display:flex;justify-content:space-between;gap:24px;width:100%}.ds-link-card_heading--with-icon_1xnhr_136 svg{margin-block-start:4px}.ds-link-card_link_1xnhr_146{text-decoration:none;color:#252525}.ds-link-card_description_1xnhr_151{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;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-size:1rem;line-height:1.5;font-size-adjust:.414;font-weight:400}.ds-link-card_meta-data_1xnhr_168{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;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-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400}.ds-link-card_decorative-link_1xnhr_185{margin-block-start:4px}.ds-link-card_flags_1xnhr_189{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ds-link-card_brand-flag_1xnhr_198{position:absolute;top:8px;left:8px}.ds-link-card_graphic-area_1xnhr_204 img,.ds-link-card_graphic-area_1xnhr_204 svg{display:block;max-width:3rem}