.status-word{border-radius:12px;color:var(--third-text);display:inline-block;font-size:.9em;font-weight:600;padding:2px 5px;white-space:nowrap}@media(min-width:768px){.status-word{padding:4px 7px}}.status-word.active{background-color:#d1fae5;color:#10b981}.status-word.inactive{background-color:#f3f4f6;color:#6b7280}.status-word.pending{background-color:#fef3c7;color:#f59e0b}div.rate-number{align-items:center;color:#f59e1b;display:flex;gap:1px;justify-content:center}div.rate-number>.iconify{color:#facc15}div.main-progress{background-color:var(--third-bg);border-radius:20px;height:6px;position:relative}@media(min-width:768px){div.main-progress{height:7px}}@media(min-width:992px){div.main-progress{height:8px}}div.main-progress:before{background-color:currentColor;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0}div.main-progress:after{bottom:calc(100% + 10px);color:var(--text-color);content:attr(data-text);font-weight:600;position:absolute;right:0}@media(min-width:768px){div.main-progress:after{bottom:calc(100% + 11px)}}html[dir=rtl] div.main-progress:after{left:0;right:auto}div.main-progress.fill:before{animation:fillBar 1s linear forwards}@keyframes fillBar{0%{width:0}to{width:var(--fill)}}