@keyframes firstBoxSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(-300px);opacity:0}}@keyframes smallCardSlideLeft{0%{transform:translateX(0)}to{transform:translateX(-254px)}}@keyframes mainBoxExpandFromSmall{0%{width:234px;height:234px}to{width:565px;height:301px}}@keyframes secondBoxScaleUp{0%{transform:translateX(0);transform-origin:top right;width:234px;height:234px;opacity:1}to{transform:translateX(-585px);transform-origin:top right;width:565px;height:301px;opacity:1}}@keyframes thirdBoxSlide{0%{transform:translateX(0);opacity:1}to{transform:translateX(-585px);opacity:1}}@keyframes leftBoxAppear{0%{transform:translateX(-300px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes firstBoxSlideOutRight{0%{transform:translateX(0);transform-origin:top right;width:565px;height:301px;opacity:1}to{transform:translateX(586px);transform-origin:top right;width:234px;height:234px;opacity:1}}@keyframes secondBoxScaleUpRight{0%{transform:translateX(0)}to{transform:translateX(586px)}}@keyframes thirdBoxSlideRight{0%{transform:translateX(0)}to{transform:translateX(586px)}}@keyframes backgroundScaleUp{0%{width:234px;height:234px}to{width:565px;height:301px}}@keyframes contentFadeOut{0%{opacity:1}to{opacity:0}}.firstBoxSlideOut{animation:firstBoxSlideOut .4s ease-in-out forwards}.smallCardSlideLeft{animation:smallCardSlideLeft .4s ease-in-out forwards}.mainBoxExpandFromSmall{animation:mainBoxExpandFromSmall .4s ease-in-out forwards}@keyframes mainCardDetailFadeIn{0%{opacity:0}to{opacity:1}}.mainCardDetailFadeIn{animation:mainCardDetailFadeIn .4s ease-in-out forwards}@keyframes mainCardDetailFadeOut{0%{opacity:1}to{opacity:0}}.mainCardDetailFadeOut{animation:mainCardDetailFadeOut .4s ease-in-out forwards}@keyframes mainBoxShrinkOnly{0%{width:565px;height:301px}to{width:234px;height:234px}}.mainBoxShrinkOnly{animation:mainBoxShrinkOnly .4s ease-in-out forwards}@keyframes smallCardSlideRight{0%{transform:translateX(0)}to{transform:translateX(254px)}}.smallCardSlideRight{animation:smallCardSlideRight .4s ease-in-out forwards}.secondBoxScaleUp{animation:secondBoxScaleUp .8s ease-in-out forwards}.thirdBoxSlide{animation:thirdBoxSlide .8s ease-in-out forwards}.secondBoxScaleUpRight{animation:secondBoxScaleUpRight .8s ease-in-out forwards}.thirdBoxSlideRight{animation:thirdBoxSlideRight .8s ease-in-out forwards}.firstBoxSlideOutRight{animation:firstBoxSlideOutRight .8s ease-in-out forwards}.leftBoxAppear{animation:leftBoxAppear .4s ease-in-out forwards}.contentFadeOut{animation:contentFadeOut .8s ease-in-out forwards}