[data-puramu-animation="fade-in-top"] { opacity: 0; position: relative; }

.fade-in-top { animation: fade-in-top var(--puramu-animation-length, 1s) normal forwards ease-in-out; }

@keyframes fade-in-top { 0% { opacity: 0; top: var(--puramu-length, 0px); } 100% { opacity: 1; top: 0; } }