.card{--bg-color:#111;background-color:var(--bg-color);padding:1rem 2rem;border-radius:1.25rem}.loader{color:#7c7c7c;font-family:Poppins,sans-serif;font-weight:500;font-size:25px;box-sizing:content-box;height:40px;padding:10px;display:flex;border-radius:8px}.loader .list1{overflow:hidden;position:relative}.loader .list1:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg-color) 10%,transparent 30%,transparent 70%,var(--bg-color) 90%);z-index:20}.loader .list1 .word1{display:block;height:200%;padding-left:6px;animation:up-spin 4s linear forwards;-webkit-transform:translateY(-400%);transform:translateY(-400%);text-align:end}.loader .list2{overflow:hidden;position:relative}.loader .list2:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg-color) 10%,transparent 30%,transparent 70%,var(--bg-color) 90%);z-index:20}.loader .list2 .word2{display:block;height:200%;padding-left:6px;color:#956afa;animation:down-spin 4s linear forwards;-webkit-transform:translateY(100%);transform:translateY(100%);text-align:start}@keyframes up-spin{0%{-webkit-transform:translateY(-400%);transform:translateY(-400%)}10%{-webkit-transform:translateY(-402%);transform:translateY(-402%)}25%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}35%{-webkit-transform:translateY(-302%);transform:translateY(-302%)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}60%{-webkit-transform:translateY(-202%);transform:translateY(-202%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}85%{-webkit-transform:translateY(-102%);transform:translateY(-102%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down-spin{0%{-webkit-transform:translateY(102%);transform:translateY(102%)}10%{-webkit-transform:translateY(100%);transform:translateY(100%)}25%{-webkit-transform:translateY(2%);transform:translateY(2%)}35%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-102%);transform:translateY(-102%)}60%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}75%{-webkit-transform:translateY(-202%);transform:translateY(-202%)}85%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}to{-webkit-transform:translateY(-300%);transform:translateY(-300%)}}