@keyframes slideInContent{0%{transform:translateY(50px);filter:blur(20px);opacity:0}to{transform:translateY(0);filter:blur(0);opacity:1}}@keyframes slideOutContent{to{transform:translateY(-150px);filter:blur(20px);opacity:0}}@keyframes slideFromThumb{0%{width:150px;height:220px;bottom:50px;left:50%;border-radius:12px;transform:translateX(-50%)}to{bottom:0;left:0;width:100%;height:100%;border-radius:0;transform:translateX(0)}}@keyframes slideToThumb{to{width:150px;height:220px;bottom:50px;left:50%;border-radius:12px;transform:translateX(-50%)}}@keyframes thumbFadeIn{0%{width:0;opacity:0}to{width:144px;opacity:1}}@keyframes thumbSlideNext{0%{transform:translateX(150px) translateX(-50%)}to{transform:translateX(-50%)}}@keyframes progressBar{0%{width:0}to{width:100%}}.animate-slideInContent{animation:slideInContent .6s ease-out forwards}.animate-slideOutContent{animation:slideOutContent .5s ease-in forwards}.animate-slideFromThumb{animation:slideFromThumb .6s ease-out forwards}.animate-slideToThumb{animation:slideToThumb .6s ease-out forwards}.animate-thumbFadeIn{animation:thumbFadeIn .5s ease-out forwards}.animate-thumbSlideNext{animation:thumbSlideNext .5s ease-out forwards}.animate-progressBar{animation:progressBar var(--progress-duration,7s) linear forwards}@media (max-width:768px){@keyframes thumbFadeIn{0%{width:0;opacity:0}to{width:64px;opacity:1}}}