@keyframes growDown{0%{transform:translateY(calc(100% + 20px)) scaleY(1);opacity:0}1%{transform:translateY(calc(100% + 20px)) scaleY(0);opacity:1}to{transform:translateY(calc(100% + 20px)) scaleY(1)}}@keyframes growUp{0%{transform:translateY(calc(-100% - 20px)) scaleY(1);opacity:0}1%{transform:translateY(calc(-100% - 20px)) scaleY(0);opacity:1}to{transform:translateY(calc(-100% - 20px)) scaleY(1)}}@keyframes scaleDropdown{0%{transform:scaleY(1);opacity:0}1%{transform:scaleY(0);opacity:1}to{transform:scaleY(1)}}@keyframes growUpMobile{0%{transform:translate(-50%,-50%) scaleY(1);opacity:0}1%{transform:translate(-50%,-50%) scaleY(0);opacity:1}to{transform:translate(-50%,-50%) scaleY(1)}}.growDownDropdownAnimation{animation:growDown .3s ease-in-out forwards;transform-origin:top center}.scaleDownDropdownPortalAnimation{animation:scaleDropdown .3s ease-in-out forwards;transform-origin:top center}.growUpDropdownAnimation{animation:growUp .3s ease-in-out forwards;transform-origin:bottom center}.scaleUpDropdownPortalAnimation{animation:scaleDropdown .3s ease-in-out forwards;transform-origin:bottom center}.growUpDropdownAnimationMobile{animation:growUpMobile .3s ease-in-out forwards;transform-origin:bottom center}.scaleUpDropdownPortalAnimationMobile{animation:scaleDropdown .3s ease-in-out forwards;transform-origin:bottom center}@keyframes scale-up-1-2{0%,to{transform:scale(1.2)}50%{transform:scale(1)}}.scale-up-1-2-animation{animation:scale-up-1-2 2s ease-in-out infinite}@keyframes ripple{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes ripple-delay{0%{transform:scale(.8);opacity:.3}to{transform:scale(2.5);opacity:0}}.animate-ripple{animation:ripple 1s ease-out infinite}.animate-ripple-delay{animation:ripple-delay 1s ease-out .1s infinite}@keyframes borderFadeIn{0%{border-color:transparent}to{border-color:#ff9e9e}}@keyframes checkItemBorder{0%{border-style:dotted}to{border-style:solid}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}@keyframes scaleDownUp{0%{transform:scale(1)}50%{transform:scale(.6)}10%{transform:scale(1)}}@keyframes revealSwapVideo{0%{clip-path:inset(0 0 0 100% round 0 20px 20px 0);-webkit-clip-path:inset(0 0 0 100% round 0 20px 20px 0);opacity:.8;filter:blur(8px)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);opacity:1;filter:blur(0)}}@keyframes revealSwapImage{0%{clip-path:inset(0 100% 0 0 round 20px 0 0 20px);-webkit-clip-path:inset(0 100% 0 0 round 20px 0 0 20px);opacity:.8;filter:blur(8px)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);opacity:1;filter:blur(0)}}@keyframes hideSwapVideo{0%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);filter:blur(0)}to{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);filter:blur(8px)}}@keyframes hideSwapImage{0%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);filter:blur(0)}to{clip-path:inset(0 0 0 100%);-webkit-clip-path:inset(0 0 0 100%);filter:blur(8px)}}@keyframes scaleButtonUpAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scaleDownAndBackUp{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1)}}@keyframes scaleButtonDownDisappear{0%{transform:scale(1)}25%{transform:scale(.7)}50%{transform:scale(1)}85%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blurOut{0%{filter:blur(40px);opacity:.8}to{filter:blur(0);opacity:1}}.scaleUpAnimation{transform:scale(0);animation:scaleUp 1s ease-in-out forwards}@keyframes moveRight{0%{transform:translateX(0) rotate(0)}10%{transform:translateX(10%) rotate(10deg)}90%{transform:translateX(210%) rotate(10deg)}to{transform:translateX(210%) rotate(0deg)}}@keyframes moveRightBottom{0%{transform:translateX(0) rotate(0)}10%{transform:translateX(10%) rotate(10deg)}50%{transform:translateX(110%) rotate(10deg)}90%{transform:translateY(10%) translateY(110%) rotate(10deg)}to{transform:translateY(110%) rotate(0deg)}}@keyframes scaleContainerVideoCaption{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tokenPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,113,122,.7)}50%{transform:scale(1.1);box-shadow:0 0 0 12px rgba(255,113,122,0)}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,100%,81%,0)}}.token-pulse-animation{z-index:100;animation:tokenPulse 1s infinite}