.animation-container{width:100%;height:300px;position:relative;margin:40px auto}.recharts-line-curve{animation:dash 3s linear infinite}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animation-container:before{content:"";left:-35%;background-color:#2a62b4}.animation-container:after,.animation-container:before{position:absolute;width:50%;height:150%;top:-25%;filter:blur(100px);z-index:10;border-radius:200px;opacity:.2}.animation-container:after{right:-35%;background-color:#984a2f}.incoming-content{width:50%;position:absolute;z-index:1}.outgoing-content{width:50%;position:absolute;left:50%;z-index:3}.incoming-content .bubble,.incoming-content .bubble-image{transform:translateX(-100%);animation:slideIntoBox 4s ease-in infinite;opacity:0}.outgoing-content .bubble,.outgoing-content .bubble-image,.outgoing-content .bubble-unstyled{transform:translateX(100%);transform-origin:left center;animation:slideOutOfBox 15s ease-in infinite;opacity:0}.bubble{font-size:16px;padding:10px 14px;border-radius:8px;white-space:nowrap;position:absolute;color:#fff;background-color:#1d1d21}.bubble-unstyled{background-color:transparent;position:absolute}.bubble:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-color:transparent;border-width:1px;border-radius:8px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-origin:border-box;background-image:linear-gradient(200deg,rgba(125,139,172,.6) -19.36%,rgba(125,139,172,.24) 35.39%,rgba(125,139,172,.1) 81.1%);z-index:2}.bubble.accept{background-color:#0a230a}.bubble.accept:before{content:"✓";margin-right:8px;display:inline-block}.bubble.decline{background-color:#2f0404}.bubble.decline:before{content:"✕";margin-right:8px;display:inline-block}.transform-box{width:50px;height:50px;z-index:10}.transform-box,.transform-box .logo{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.transform-box .logo{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:6;border-radius:200px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.animation-bubble{width:95%;height:95%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:5;animation:scale 10s linear infinite}.animation-bubble:before{content:"";width:70%;height:70%;background-image:linear-gradient(0deg,#d9ebff,#fa6838 43%,#c16f4e);position:absolute;filter:blur(15px);border-radius:40px;z-index:-1;top:-1%;left:-2%;animation:spin 15s linear infinite}.animation-bubble:after{content:"";top:0;left:0;right:0;z-index:-1;height:100%;width:100%;position:absolute;margin:0 auto;transform:scale(.8);border-radius:80px;filter:blur(10px);background-image:linear-gradient(0deg,#fa6838,#3c67e3 43%,#d9ebff);animation:spin 30s linear infinite}@keyframes scale{0%{transform:translateX(-50%) translateY(-50%) rotate(0deg) scale(1)}50%{transform:translateX(-50%) translateY(-50%) rotate(1turn) scale(1.1)}to{transform:translateX(-50%) translateY(-50%) rotate(1turn) scale(1)}}@keyframes spin{0%{transform:rotate(0deg);opacity:1}50%{transform:rotate(1turn);opacity:.4}to{transform:rotate(1turn);opacity:1}}.transform-box:before{left:-20%;z-index:2}.transform-box:after,.transform-box:before{content:"";position:absolute;background-color:#000;width:140%;height:140%;top:-20%;filter:blur(10px)}.transform-box:after{right:-50%;z-index:4}.transform-box svg{width:36px;height:36px;z-index:5}@keyframes slideIntoBox{0%{transform:translateX(-50vw);opacity:0}2%{transform:translateX(-40vw);opacity:1}99%{transform:translateX(0) scale(.5);opacity:1}to{transform:translateX(0) scale(.1);opacity:0}}@keyframes slideOutOfBox{0%{transform:translateX(0) translateY(0) scale(.1) rotate(15deg);opacity:0}1%{transform:translateX(1vw) translateY(0) scale(.1) rotate(15deg);opacity:0}4%{transform:translateX(7vw) translateY(0) scale(1.03) rotate(-5deg);opacity:1}5%{transform:translateX(7vw) translateY(0) scale(1) rotate(-5deg);opacity:1}60%{transform:translateX(90vw) translateY(0) scale(.9) rotate(15deg);opacity:1}to{transform:translateX(90vw) translateY(30%) scale(.9) rotate(0deg);opacity:1}}@keyframes logoPulse{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(.9)}60%{transform:translate(-50%,-50%) scale(1.05)}70%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1)}}.logo-pulse{animation:logoPulse 5s ease-in-out infinite;animation-delay:2.5s}.animation-group-1{animation-delay:5s!important}.animation-group-2{animation-delay:10s!important}.animation-group-3{animation-delay:15s!important}