@stihl-design-system/components/assets/Toast.CJ1zhDIT.css

Welcome to the STIHL Design System react component library.

:root{--ds-toast-offset-bottom: 64px}.ds-toast_root_gamkt_5{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029;min-width:272px;max-width:min(100vw - 48px,400px)}@media (min-width: 768px){.ds-toast_root_gamkt_5{max-width:25rem}}.ds-toast_root--closing_gamkt_19{animation:ds-toast_fade-out_gamkt_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}.ds-toast_root_gamkt_5[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors: active){.ds-toast_root_gamkt_5[popover]{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}}:where(.ds-toast_root_gamkt_5:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:ds-toast_move-in_gamkt_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}.ds-toast_root--success_gamkt_54[popover]{background-color:#e5f0db;border-color:#749f4a}.ds-toast_root--info_gamkt_58[popover]{background-color:#ededed;border-color:#666}.ds-toast_root--warning_gamkt_62[popover]{background-color:#fdecc3;border-color:#fdc543}.ds-toast_content_gamkt_67{display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:2rem}.ds-toast_content--hide-icon_gamkt_74{grid-template-columns:minmax(auto,1fr) auto}.ds-toast_icon_gamkt_78{margin-block-start:8px}.ds-toast_message_gamkt_82{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}@keyframes ds-toast_move-in_gamkt_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ds-toast_fade-out_gamkt_1{0%{opacity:1;display:block}to{opacity:0;display:none}}