@keyframes closeIconTop{0%{transform:translate(0)rotate(0)}50%{transform:translateY(7px)rotate(0)}to{transform:translateY(7px)rotate(45deg)}}@keyframes closeIconCenter{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes closeIconBottom{0%{transform:translate(0)rotate(0)}50%{transform:translateY(-7px)rotate(0)}to{transform:translateY(-7px)rotate(-45deg)}}@keyframes closeIconTopReverse{0%{transform:translateY(7px)rotate(45deg)}50%{transform:translateY(7px)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes closeIconCenterReverse{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes closeIconBottomReverse{0%{transform:translateY(-7px)rotate(-45deg)}50%{transform:translateY(-7px)rotate(0)}to{transform:translate(0)rotate(0)}}.close-icon-top-forwards{animation-name:closeIconTop;animation-duration:.25s;animation-fill-mode:forwards}.close-icon-top-backwards{animation-name:closeIconTopReverse;animation-duration:.25s;animation-fill-mode:forwards;transform:translate(0)rotate(0)}.close-icon-bottom-forwards{animation-name:closeIconBottom;animation-duration:.25s;animation-fill-mode:forwards}.close-icon-bottom-backwards{animation-name:closeIconBottomReverse;animation-duration:.25s;animation-fill-mode:forwards;transform:translate(0)rotate(0)}.close-icon-center-forwards{animation-name:closeIconCenter;animation-duration:.25s;animation-fill-mode:forwards}.close-icon-center-backwards{opacity:1;animation-name:closeIconCenterReverse;animation-duration:.25s;animation-fill-mode:forwards}