@stihl-design-system/components/assets/Notification.BOuaA5GT.css

Welcome to the STIHL Design System react component library.

.ds-notification_root_1jsx7_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:.875rem;line-height:1.14;font-size-adjust:.414;background-color:#ededed;border-left-color:#666;border-left-width:4px;border-left-style:solid;color:#252525;display:flex;flex-direction:column;gap:12px;padding-inline-start:12px;padding-inline-end:24px;padding-block-start:12px;padding-block-end:12px;width:100%;max-width:44.9375rem}.ds-notification_root--success_1jsx7_26{background-color:#e5f0db;border-left-color:#749f4a}.ds-notification_root--error_1jsx7_30{background-color:#eebcbd;border-left-color:#d43b3b}.ds-notification_root--warning_1jsx7_34{background-color:#fdecc3;border-left-color:#fdc543}.ds-notification_root--hide-icon_1jsx7_38{padding-inline-start:20px}@media screen and (forced-colors: active){.ds-notification_root_1jsx7_1{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}.ds-notification_content_1jsx7_52{display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:2rem}.ds-notification_content--hide-close-button_1jsx7_59{grid-template-columns:auto minmax(auto,1fr)}.ds-notification_content--hide-icon_1jsx7_62{grid-template-columns:minmax(auto,1fr) auto}.ds-notification_icon_1jsx7_66{margin-block-start:8px}.ds-notification_message_1jsx7_70{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.5;font-size-adjust:.414;margin-block-start:4px;margin-block-end:0}.ds-notification_message_1jsx7_70 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-notification_message_1jsx7_70 a:not([class]))[href^="http://"]:after,:where(.ds-notification_message_1jsx7_70 a:not([class]))[href^="https://"]:after,:where(.ds-notification_message_1jsx7_70 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-notification_message_1jsx7_70 a:not([class]){color:#252525}.ds-notification_message_1jsx7_70 a:not([class]):link,.ds-notification_message_1jsx7_70 a:not([class]):visited{color:#252525}.ds-notification_message_1jsx7_70 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-notification_message_1jsx7_70 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-notification_message_1jsx7_70 a:not([class]):hover{background-color:Canvas}}.ds-notification_message_1jsx7_70 a:not([class])[href^="http://"]:after,.ds-notification_message_1jsx7_70 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-notification_message_1jsx7_70 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-notification_message_1jsx7_70 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-notification_message_1jsx7_70 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-notification_message_1jsx7_70 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-notification_message_1jsx7_70 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-notification_message_1jsx7_70 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-notification_message_1jsx7_70 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-notification_message_1jsx7_70 a:not([class]){transition-duration:0ms}}.ds-notification_custom-action-area_1jsx7_167{padding-inline-start:32px;padding-block-end:4px}