.page-content{padding:42px;background:#ffffff;border-radius:24px}@media (max-width: 767px){.page-content{padding:12px 0;border-radius:0}}.balance-card{padding:48px 32px;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0.12);border-radius:24px}.balance-card__icon{margin-bottom:24px;width:80px;height:80px}.balance-card__body{display:flex;flex-direction:column}.balance-card__title{margin-bottom:12px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.balance-card__title b{font-size:24px;font-weight:500;color:#23262f}.balance-card__value{font-size:38px;font-weight:600;color:#6b7a99}.balance-card__footer{margin-top:35px;display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 1099px){.balance-card{padding:20px}.balance-card__icon{margin-bottom:14px;width:40px;height:40px}.balance-card__title{margin-bottom:4px;gap:10px}.balance-card__title b{font-size:14px}.balance-card__value{font-size:24px}.balance-card__footer{margin-top:18px;gap:8px}.balance-card__footer .btn{padding:8px 14px;height:34px;font-size:14px}.balance-card__footer .btn .icon{margin-left:8px;width:18px;height:18px}}.evaluation-block{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}.evaluation-block__content{max-width:605px;display:flex;flex-direction:column}.evaluation-block__header{margin-bottom:8px;display:flex;gap:12px;align-items:center}.evaluation-block__header span{font-size:24px;font-weight:500}.evaluation-block__body{display:grid;gap:12px;font-size:18px;color:#a3afbc}.rating{display:flex;flex-direction:column;align-items:center}.rating input{display:none}.rating__container{display:flex;flex-direction:column;align-items:center}.rating .outer{width:135px;height:135px;overflow:hidden}.rating .emojis{height:500%;display:flex;flex-direction:column}.rating .emojis li{width:100%;height:20%;list-style:none;transition:all .3s ease}.rating .emojis li img{width:100%;height:100%}.rating__emoji{width:100px;height:100px;overflow:hidden}.rating__emoji-inner{height:500%;display:flex;flex-direction:column}.rating__emoji img{width:100px;height:100px;transition:all .2s ease-in-out}.rating__stars{margin-top:20px;display:flex;gap:12px;justify-content:center;align-items:center}.rating__stars .icon{width:32px;height:32px;background:#a3afbc;cursor:pointer}.rating .input-rate-2:checked ~ .rating__container .rating__emoji-inner .img-emoji{margin-top:-100px}.rating .input-rate-3:checked ~ .rating__container .rating__emoji-inner .img-emoji{margin-top:-200px}.rating .input-rate-4:checked ~ .rating__container .rating__emoji-inner .img-emoji{margin-top:-300px}.rating .input-rate-5:checked ~ .rating__container .rating__emoji-inner .img-emoji{margin-top:-400px}.rating .input-rate-1:hover ~ .rating__container .star-1,.rating .input-rate-1:checked ~ .rating__container .star-1,.rating .input-rate-2:hover ~ .rating__container .star-1,.rating .input-rate-2:hover ~ .rating__container .star-2,.rating .input-rate-2:checked ~ .rating__container .star-1,.rating .input-rate-2:checked ~ .rating__container .star-2,.rating .input-rate-3:hover ~ .rating__container .star-1,.rating .input-rate-3:hover ~ .rating__container .star-2,.rating .input-rate-3:hover ~ .rating__container .star-3,.rating .input-rate-3:checked ~ .rating__container .star-1,.rating .input-rate-3:checked ~ .rating__container .star-2,.rating .input-rate-3:checked ~ .rating__container .star-3,.rating .input-rate-4:hover ~ .rating__container .star-1,.rating .input-rate-4:hover ~ .rating__container .star-2,.rating .input-rate-4:hover ~ .rating__container .star-3,.rating .input-rate-4:hover ~ .rating__container .star-4,.rating .input-rate-4:checked ~ .rating__container .star-1,.rating .input-rate-4:checked ~ .rating__container .star-2,.rating .input-rate-4:checked ~ .rating__container .star-3,.rating .input-rate-4:checked ~ .rating__container .star-4,.rating .input-rate-5:hover ~ .rating__container .star-1,.rating .input-rate-5:hover ~ .rating__container .star-2,.rating .input-rate-5:hover ~ .rating__container .star-3,.rating .input-rate-5:hover ~ .rating__container .star-4,.rating .input-rate-5:hover ~ .rating__container .star-5,.rating .input-rate-5:checked ~ .rating__container .star-1,.rating .input-rate-5:checked ~ .rating__container .star-2,.rating .input-rate-5:checked ~ .rating__container .star-3,.rating .input-rate-5:checked ~ .rating__container .star-4,.rating .input-rate-5:checked ~ .rating__container .star-5{background-color:#fabb0c;-webkit-mask-image:url("../../img/icon/star.svg")}
