div.timer{display:flex;justify-content:center;text-align:center}div.timer div.number-box{background-color:#3498db;border-radius:5px;color:#fff;font-size:1.6em;font-weight:500;height:1.8em;max-width:19vw;padding:5px 10px;width:3em}div.timer p{font-size:.8em;margin:10px 0;text-align:center;text-transform:uppercase}div.timer div.separator{color:#3498db;font-size:1.8em;font-weight:500;margin:0 5px}div.timer.timer-white div.number-box{background-color:#fff;color:#3498db}div.timer.timer-white div.separator{color:#fff}div.timer div.seconds{position:relative}div.timer.condensed{font-size:11px}div.timer.condensed>:not(.separator){background-color:#3498db;border-radius:5px;min-width:55px;padding:2px 4px 4px}div.timer.condensed>:not(.separator) div.number-box{font-size:18px;height:auto;line-height:1;width:auto}div.timer.condensed>:not(.separator) p{color:#fff;font-size:10px;margin:0}div.timer.condensed div.separator{font-size:2.4em}div.timer div.arrow{display:none}div.timer.timer-red div.separator{color:#ef4b4c}div.timer.timer-red div.number-box{background-color:#ef4b4c}div.timer.red-arrow div.arrow{display:revert;position:relative}div.timer.red-arrow div.arrow img{height:80px;left:5px;min-width:87px;position:absolute;top:25px}@media (max-width:768px){div.timer.red-arrow div.arrow img{display:none}}