const e=require("../../_util/cssinjs/Keyframes.js");var t=t=>{let{componentCls:n,width:r,notificationMarginEdge:i}=t,a=new e.default(`antNotificationTopFadeIn`,{"0%":{marginTop:`-100%`,opacity:0},"100%":{marginTop:0,opacity:1}}),o=new e.default(`antNotificationBottomFadeIn`,{"0%":{marginBottom:`-100%`,opacity:0},"100%":{marginBottom:0,opacity:1}}),s=new e.default(`antNotificationLeftFadeIn`,{"0%":{right:{_skip_check_:!0,value:r},opacity:0},"100%":{right:{_skip_check_:!0,value:0},opacity:1}});return{[`&${n}-top, &${n}-bottom`]:{marginInline:0},[`&${n}-top`]:{[`${n}-fade-enter${n}-fade-enter-active, ${n}-fade-appear${n}-fade-appear-active`]:{animationName:a}},[`&${n}-bottom`]:{[`${n}-fade-enter${n}-fade-enter-active, ${n}-fade-appear${n}-fade-appear-active`]:{animationName:o}},[`&${n}-topLeft, &${n}-bottomLeft`]:{marginInlineEnd:0,marginInlineStart:i,[`${n}-fade-enter${n}-fade-enter-active, ${n}-fade-appear${n}-fade-appear-active`]:{animationName:s}}}};exports.default=t;