.rsl-event-timer{display:flex;align-items:center;height:60px;max-width:300px;font-size:11pt}.rsl-event-timer .timer-details{display:flex;flex-direction:column;justify-content:space-evenly;margin-left:5px;height:100%;width:100%}.rsl-event-timers-container{width:100%}.rsl-event-timer img{height:50px;width:auto}.timer-date{display:flex;justify-content:space-between;flex-wrap:wrap}.timer-date .timer-name{color:#f9a129;font-weight:bold}.timer-date .timer-name.active{color:#8bc34a}.timer-date .timer-time{color:#ffffff;font-weight:normal}.timer-progress-container{width:100%}.timer-progress-bar{position:relative;width:100%;height:10px;background:linear-gradient(90deg,#2a2a2a,#1a1a1a);border:1px solid #444;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.5)}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#ff4444 0%,#ffaa00 50%,#44ff44 100%);transition:width .3s ease-in-out;position:relative;min-width:0;background-size:200% 100%;animation:shimmer 2s infinite;box-shadow:0 0 10px rgba(255,255,255,.3),inset 0 1px 2px rgba(255,255,255,.4)}.timer-progress-fill::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:pulse-sweep 1.5s infinite;border-radius:5px}.timer-progress-bar::before{content:'';position:absolute;top:-2px;left:0;right:0;bottom:-2px;background-size:20px 20px;animation:particles-float 3s infinite linear;pointer-events:none;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse-sweep{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes energy-pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.7}}@keyframes particles-float{0%{transform:translateX(0)}100%{transform:translateX(20px)}}.timer-progress-fill.critical{background:linear-gradient(90deg,#ff1744,#ff5722,#ff1744);box-shadow:0 0 15px rgba(255,23,68,.6),inset 0 1px 2px rgba(255,255,255,.4)}.timer-progress-fill.critical::before{background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.5) 50%,transparent 100%);animation:pulse-sweep .8s infinite}.timer-progress-fill.critical::after{background:rgba(255,0,0,.9);box-shadow:0 0 8px rgba(255,0,0,.8),0 0 16px rgba(255,0,0,.4);animation:energy-pulse .5s infinite}.timer-progress-fill.normal{background:linear-gradient(90deg,#ff9800,#ffc107,#ff9800);box-shadow:0 0 12px rgba(255,152,0,.5),inset 0 1px 2px rgba(255,255,255,.4)}.timer-progress-fill.normal::before{background:linear-gradient(90deg,transparent 0%,rgba(255,193,7,.4) 50%,transparent 100%);animation:pulse-sweep 1.2s infinite}.timer-progress-fill.normal::after{background:rgba(255,193,7,.9);box-shadow:0 0 6px rgba(255,193,7,.8),0 0 12px rgba(255,193,7,.4)}.timer-progress-fill.active{background:linear-gradient(90deg,#4caf50,#8bc34a,#4caf50);box-shadow:0 0 10px rgba(76,175,80,.4),inset 0 1px 2px rgba(255,255,255,.4)}.timer-progress-fill.active::after{background:rgba(76,175,80,.9);box-shadow:0 0 6px rgba(76,175,80,.8),0 0 12px rgba(76,175,80,.4)}@media (prefers-reduced-motion:reduce){.timer-progress-fill,.timer-progress-fill::before,.timer-progress-fill::after,.timer-progress-bar::before,.timer-progress-container::before,.timer-progress-text{animation:none}}