.timeline{display:flex;flex-direction:row;padding:8px;gap:32px;height:100px}.timeline-header{display:flex;flex-direction:column;justify-content:center}.slider{display:flex;flex-direction:column;justify-content:center;flex:1}.timeline-footer{padding:8px;display:flex;flex-direction:column;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated{padding:0 4px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;border-radius:8px;cursor:pointer}.player-box{padding:0 4px;cursor:pointer}.info-panel{display:flex;flex-direction:column;padding:8px;gap:32px;width:300px;height:calc(100% - 16px)}.info-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.feed{flex:1;overflow-y:auto;overflow-x:hidden}.info-footer{height:100px}body{background-color:#000;margin:0}