@keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}
#fox_countdown .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}
#fox_countdown .title span{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}
#fox_countdown .progress{display:flex;align-items:center;background-color:#fff0}
#fox_countdown .progress .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--gray-200);width:0;min-width:0;flex:1;margin-right:5px}
#fox_countdown .progress .progress-bar .progress-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}
#fox_countdown .day .progress .progress-bar .progress-inner{background:#bde6ff;background-image:linear-gradient(135deg,#50bfff 25%,transparent 25%,transparent 50%,#50bfff 50%,#50bfff 75%,transparent 75%,transparent 100%);background-size:30px 30px}
#fox_countdown .week .progress .progress-bar .progress-inner{background:#ffd980;background-image:linear-gradient(135deg,#f7ba2a 25%,transparent 25%,transparent 50%,#f7ba2a 50%,#f7ba2a 75%,transparent 75%,transparent 100%);background-size:30px 30px}
#fox_countdown .month .progress .progress-bar .progress-inner{background:#ffa9a9;background-image:linear-gradient(135deg,#ff4949 25%,transparent 25%,transparent 50%,#ff4949 50%,#ff4949 75%,transparent 75%,transparent 100%);background-size:30px 30px}
#fox_countdown .year .progress .progress-bar .progress-inner{background:#67c23a;background-image:linear-gradient(135deg,#4f9e28 25%,transparent 25%,transparent 50%,#4f9e28 50%,#4f9e28 75%,transparent 75%,transparent 100%);background-size:30px 30px}
#fox_countdown .progress .progress-percentage{color:var(--info)}