.split-text-container{display:flex;font-size:5rem;font-weight:700;text-transform:uppercase;overflow:hidden}.text-part{display:inline-block;position:relative;transform:translate(0);animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.text-part.left{transform:translate(-200%);animation-name:slide-in-left}.text-part.right{transform:translate(200%);animation-name:slide-in-right}@keyframes slide-in-left{0%{transform:translate(-200%)}to{transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(200%)}to{transform:translate(0)}}.dropping-texts{display:inline-block;width:180px;text-align:left;height:36px;vertical-align:-2px;margin-left:6px}.dropping-texts>div{font-size:0px;opacity:0;margin-left:-30px;position:absolute;font-weight:300;box-shadow:0 60px 25px -20px #00000080}.dropping-texts>div:nth-child(1){animation:roll 5s linear infinite 0s}.dropping-texts>div:nth-child(2){animation:roll 5s linear infinite 1s}.dropping-texts>div:nth-child(3){animation:roll 5s linear infinite 2s}.dropping-texts>div:nth-child(4){animation:roll 5s linear infinite 3s}@keyframes roll{0%{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(-25deg)}3%{opacity:1;transform:rotate(0)}5%{font-size:inherit;opacity:1;margin-left:0;margin-top:0}20%{font-size:inherit;opacity:1;margin-left:0;margin-top:0;transform:rotate(0)}27%{font-size:0px;opacity:.5;margin-left:20px;margin-top:100px}to{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(15deg)}}@keyframes roll2{0%{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(-25deg)}3%{opacity:1;transform:rotate(0)}5%{font-size:inherit;opacity:1;margin-left:0;margin-top:0}30%{font-size:inherit;opacity:1;margin-left:0;margin-top:0;transform:rotate(0)}37%{font-size:1500px;opacity:0;margin-left:-1000px;margin-top:-800px}to{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(15deg)}}@keyframes bg{0%{background:#ff0075}3%{background:#0094ff}20%{background:#0094ff}23%{background:#b200ff}40%{background:#b200ff}43%{background:#8bc34a}60%{background:#8bc34a}63%{background:#f44336}80%{background:#f44336}83%{background:#f44336}to{background:#f44336}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/text-animation.css.map */