import "../../../../@ant-design/cssinjs/es/extractStyle.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
import "react";
import "../../../../@ant-design/cssinjs/es/StyleContext.mjs";
import "../../../../@ant-design/cssinjs/es/theme/createTheme.mjs";
import "../../../../rc-util/es/warning.mjs";
import "../../../../@ant-design/cssinjs/es/theme/ThemeCache.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
import "../../../../@ant-design/cssinjs/es/hooks/useHMR.mjs";
import e from "../../../../@ant-design/cssinjs/es/Keyframes.mjs";
import "../../../../@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
import { initFadeMotion as m } from "../../style/motion/fade.mjs";
const o = new e("uploadAnimateInlineIn", {
  from: {
    width: 0,
    height: 0,
    margin: 0,
    padding: 0,
    opacity: 0
  }
}), a = new e("uploadAnimateInlineOut", {
  to: {
    width: 0,
    height: 0,
    margin: 0,
    padding: 0,
    opacity: 0
  }
}), r = (n) => {
  const {
    componentCls: t
  } = n, i = `${t}-animate-inline`;
  return [{
    [`${t}-wrapper`]: {
      [`${i}-appear, ${i}-enter, ${i}-leave`]: {
        animationDuration: n.motionDurationSlow,
        animationTimingFunction: n.motionEaseInOutCirc,
        animationFillMode: "forwards"
      },
      [`${i}-appear, ${i}-enter`]: {
        animationName: o
      },
      [`${i}-leave`]: {
        animationName: a
      }
    }
  }, {
    [`${t}-wrapper`]: m(n)
  }, o, a];
}, A = r;
export {
  A as default
};
