.number-box{align-items:center;background:var(--item-color);border:1px solid var(--main-border-color);border-radius:10px;display:flex;font-size:25px;justify-content:space-between}.number-box:hover{filter:brightness(.9)}.number-box__name{align-items:center;color:var(--number-box-text-color);display:flex;gap:5px;padding-left:30px;padding-right:10px}.number-box__name>.icon{height:35px;width:35px}.number-box__name>span{margin-top:.3rem}.number-box__number{align-items:center;background:var(--number-box-background-color);border-radius:10px 0 0 10px;color:var(--number-box-text-color);display:flex;font-size:25px;justify-content:center;padding:18px 0;width:80px}.number-box-green{--number-box-text-color:var(--number-box-text-color-1);--number-box-background-color:var(--number-box-background-color-1)}.number-box-blue{--number-box-text-color:var(--number-box-text-color-2);--number-box-background-color:var(--number-box-background-color-2)}.number-box-lite-dark{--number-box-text-color:var(--number-box-text-color-3);--number-box-background-color:var(--number-box-background-color-3)}.number-box-red{--number-box-text-color:red;--number-box-background-color:#db271926}.number-box-purple{--number-box-text-color:#7f55dc;--number-box-background-color:#7f55dc26}.number-box-orang{--number-box-text-color:#cd6141;--number-box-background-color:#cd614126}.number-box-yellow{--number-box-text-color:#bf8a00;--number-box-background-color:#d5a01726}.number-box-pink{--number-box-text-color:#9a07be;--number-box-background-color:#9a07be24}